Showing posts with label images. Show all posts
Showing posts with label images. Show all posts

5 Sites That Make Any Text Look Interesting | Dramel Notes

Posted On // Leave a Comment

Got something to say? Make sure your friends actually see it.

Images stand out on sites like Facebook and Twitter, which is why many people put their text into images when they have something big to say. But breaking out Microsoft Word and taking a screenshot is boring – it’s better to make things visual.

Which is why we’ve got some great tools for you to check out today.

Whether you want to leave a birthday message on Facebook that will stand out from the crowd, or just want to lose a few minutes making something for the fun of it, the following sites give you ways to make text look fun. Let’s get started.

Type To Design (Web): Your Text, in Instagram Photos

It’s a growing trend offline: framed photos of letters alongside each other, together spelling a name or word. If you like that look, and want to make something similar online, Type To Design is the site you’re looking for. Using the Instagram photos from #36daysoftype, this simple site will turn anything you type into a series of photos. Just start typing to see your collage, instantly.

If you don’t like any of the letters you see, just click it and it will change. If you’re wondering where any particular letter came from, hover over it; a link to the original image on Instagram will pop up on right. Once you’ve happy with everything, you can download the image for sharing on social networks or anywhere else

NekoFont (Web): Your Text, in Cat Form

Like the above idea, but wish it included more cat pictures? Or only cat pictures? Me too.

Good news: NekoFont is exactly what we’re looking for. Just type anything you want, pick a size, and get your text back in kitten form.

If you want the Internet to pay attention to something, cats never hurt, so give this a try next time you need to leave a short note somewhere. You can download the resulting image when you’re done, for uploading anywhere.

Font Face Ninja (Chrome, Safari): Find Out What Fonts Sites Are Using

Sites that make images quickly are fun, but for something truly personal you need to get to work and design something yourself. Finding the right font is an important step.

Have you ever, while browsing the web, wondered what font you’re looking at? If so, you’re my kind of people. As a reward, here’s a browser extension you might like: Font Face Ninja. This plugin makes it easy to find out the name of any font on a web site. Just click the button and voila:

You not only discover the name of the font, but the size and spacing as well. Whether you want to replicate a look on your own site, or just add another font to your collection, this one is worth keeping in your virtual toolbox.

Get The Font: Search for, and Download Any Font

Found a font you like, but don’t know how to get it? We’ve outlined sites for downloading fonts, and tools for managing your font collection, but it’s always worth knowing about another tool for the job. Get The Font is a simple search tool that scans Github for fonts.

Github might not be the first place you’d think of finding fonts, but many open source projects make use of free fonts for their user interfaces. The result: if a front is available for use on the web, it’s probably hosted on Github somewhere. Get The Font lets you search everything quickly, so if there’s a free font you’ve been looking for check it out.

Remember: just because you’ve downloaded a font from this site doesn’t mean you have the right to use it. Make sure a font is free to use before you put it in a commercial project.

Fake Handwriting (Web): Type Anything; See It Written by Hand

We’ve shown you how to turn your handwriting into a font, but maybe you want something just a little more covert — and easy. Fake Handwriting is a fascinating project that uses machine learning algorithms to actually replicate handwriting. We’re not talking about something as simple as turning handwriting into a font; we’re talking about machines actually kind of learning to write in messy ways, making the sorts of mistakes that humans make.

It’s fascinating to play with.

You can actually read the study behind the project, if you’re really interested. My take: teaching kids to learn cursive is stupid, but teaching machines that same skill is surprisingly awesome.

What Did We Miss?

Do you know of any other sites that make boring text look downright fascinating? Let’s compile some more sites like this in the comments below, then! I’m really looking forward to learning more from you.

[Read more]

Geek Trivia: Google Images Was Inspired By Millions Of People Searching For Photos Of? | Dramel Notes

Posted On // Leave a Comment

Answer: Jennifer Lopez’s Dress

Google Images, like its parent service Google, has been with us so long it’s hard to imagine a time when you couldn’t just hop over to it and search for everything from new wallpaper for your smartphone to images from current events around the world.

Once upon a time, however, Google was but a fledgling search engine without a robust image search feature. Back then when you searched for an image of something, you’d just get regular text links to web sites that had the image you described much like you’d get results based on search keywords. That all changed when millions of Internet users started slamming the service with a query that would best be answered with the image itself and not necessarily by directing the user, via text links, to the hosting website.

What caused such a flurry of searching that Google took note? The dress that singer Jennifer Lopez wore to the February 2000 Grammy Awards. The very revealing green Versace dress led to millions of inquiries as curious people searched for images of Lopez wearing it the day after the awards ceremony. Google engineers noticed the huge volume of searches related to the dress (which was, at that time, the most popular search query they’d had to date) and realized a dedicated image search tool would better serve their customers when it came to such queries. Thus, Google Images was born.

[Read more]

The 2016 Social Media Image Sizes Cheat Sheet [INFOGRAPHIC] by @AkiLiboon | Dramel Notes

Posted On // Leave a Comment

Social networks change the dimensions and formats of images frequently, and it can be difficult to stay updated with what is what. As you start to plan out your social media campaigns for 2016, it’s imperative that you optimize your personal and business’ social media profiles with the right image sizes if you want to stand out from the crowd.

Jamie Spencer of MakeAWebsiteHub.com shared a handy cheat sheet with us that shows all the social media image dimensions in one infographic below:

Image Credits

Featured Image: Image by Jamie Spencer. Used with permission.
Infographic by Jamie Spencer. Used with permission.

[Read more]

HTG Explains: Everything You Know About Resolution Is Probably Wrong | Dramel Notes

Posted On // Leave a Comment

“Resolution” is a term people often throw around—sometimes incorrectly—when talking about images. This concept is not as black and white as “the number of pixels in an image.” Keep reading to find out what you don’t know.

As with most things, when you dissect a popular term like “resolution” to an acedemic (or geeky) level, you find that it’s not as simple as you might have been lead to believe. Today we’re going to see just how far the concept of “resolution” goes, briefly talk about the implications of the term, and a little bit about what higher resolution means in graphics, printing, and photography.

So, Duh, Images Are Made of Pixels, Right?

Here’s the way you’ve probably had resolution explained to you: images are an array of pixels in rows and columns, and images have a pre-defined number of pixels, and bigger images with bigger number of pixels have better resolution… right? That’s why you’re so tempted by that 16 megapixel digital camera, because lots of pixels is the same as high resolution, right? Well, not exactly, because resolution is a little bit murkier than that. When you talk about an image like it’s only a bucket of pixels, you ignore all the other things that go into making an image better in the first place. But, without a doubt, one part of what makes an image “high resolution” is having a lot of pixels to create a recognizable image.

It can be convenient (but sometimes wrong) to call images with lots of megapixels “high resolution.” Because resolution goes beyond the number of pixels in an image, it would be more accurate to call it an image with high pixel resolution, or high pixel density. Pixel density is measured in pixels per inch (PPI), or sometimes dots per inch (DPI). Because pixel density is a measure of dots relative to an inch, one inch can have ten pixels in it or a million. And the images with higher pixel density will be able to resolve detail better—at least to a point.

The somewhat misguided idea of “high megapixel = high resolution” is a sort of carryover from the days when digital images simply couldn’t display enough image detail because there weren’t enough of the little building blocks to make up a decent image. So as digital displays started to have more picture elements (also known as pixels), these images were able to resolve more detail and give a clearer picture of what was going on. At a certain point, the need for millions and millions of more picture elements stops being helpful, as it reaches the upper limit of the other ways that the detail in an image is resolved. Intrigued? Let’s take a look.

Optics, Details, and Resolving Image Data

Another important part of the resolution of an image relates directly to the way it is captured. Some device has to parse and record image data from a source. This is the way most kinds of images are created. It also applies to most digital imaging devices (digital SLR cameras, scanners, webcams, etc) as well as analog methods of imaging (like film-based cameras). Without getting into too much technical gobbledygook about how cameras work,  we can talk about something called “optical resolution.”

Simply said, resolution, in regard to any kind of imaging, means “ability to resolve detail.” Here’s a hypothetical situation: you buy a fancy-pants, super high-megapixel camera, but have trouble taking sharp pictures because the lens is terrible. You just can’t focus it, and It takes blurry shots that lack detail. Can you call your image high resolution? You might be tempted to, but you can’t. You can think of this as what optical resolution means. Lenses or other means of gathering optical data have upper limits to the amount of detail they can capture. They can only capture so much light based on form factor (a wide angle lens versus a telephoto lens), as the factor and style of lens allows in more or less light.

Light also has a tendency to diffract and/or create distortions of light waves called aberrations. Both create distortions of image details by keeping light from focusing accurately to create sharp pictures. The best lenses are formed to limit diffraction and therefore provide a higher upper limit of detail, whether the target image file has the megapixel density to record the detail or not. A Chromatic Aberration, illustrated above, is when different wavelengths of light (colors) move at different speeds through a lens to converge on different points. This means that colors are distorted, detail is possibly lost, and images are recorded inaccurately based on these upper limits of optical resolution.

Digital photosensors also have upper limits of ability, although it’s tempting to just assume that this only has to do with megapixels and pixel density. In reality, this is another murky topic, full of complex ideas worthy of an article of its own. It is important to keep in mind that there are weird trade-offs for resolving detail with higher megapixel sensors, so we’ll go further in depth for a moment. Here’s another hypothetical situation—you chunk out your older high-megapixel camera for a brand new one with twice as many megapixels. Unfortunately, you buy one at the same crop factor as your last camera and run into trouble when shooting in low light environments. You lose lots of detail in that environment and have to shoot in super fast ISO settings, making your images grainy and ugly. The trade off is this—your sensor has photosites, little tiny receptors that capture light. When you pack more and more photosites onto a sensor to create a higher megapixel count, you lose the beefier, bigger photosites capable of capturing more photons, which will help to render more detail in those low light environments.

Because of this reliance on limited light-recording media and limited light-gathering optics, resolution of detail can be achieved through other means. This photo is an image by Ansel Adams, renown for his achievements in creating High Dynamic Range images using dodging and burning techniques and ordinary photo papers and films. Adams was a genius at taking limited media and using it to resolve the maximum amount of detail possible, effectively sidestepping many of the limitations we talked about above. This method, as well as tone-mapping, is a way to increase the resolution of an image by bringing out details that might otherwise not be seen.

Resolving Detail and Improving Imaging and Printing

Because “resolution” is such a broad-reaching term, it also has impacts in the printing industry. You’re probably aware that advances in the past several years have made televisions and monitors higher definition (or at least made higher def monitors and televisions more commercially viable). Similar imaging technology revolutions have been improving the quality of images in print—and yes, this too is “resolution.”

When we’re not talking about your office inkjet printer, we’re usually talking about processes that create halftones, linetones, and solid shapes in some kind of intermediary material used for transferring ink or toner to some kind of paper or substrate. Or, more simply put, “shapes on a thing that puts ink on another thing.” The image printed above was most likely printed with some kind of offset lithography process, as were most of the color images in books and magazines in your home. Images are reduced to rows of dots and put onto a few different printing surfaces with a few different inks and are recombined to create printed images.

The printing surfaces are usually imaged with some kind of photosensitive material which has a resolution of its own. And one of the reasons that print quality has improved so drastically over the last decade or so is the increased resolution of improved techniques. Modern offset presses have increased resolution of detail because they utilize precise computer-controlled laser imaging systems, similar to the ones in your office variety laser printer. (There are other methods, as well, but laser is arguably the best image quality.) Those lasers can create smaller, more accurate, more stable dots and shapes, which create better, richer, more seamless, more high-resolution prints based on printing surfaces capable of resolving more detail. Take a moment to look at prints done as recently as those from the early 90s and compare them to modern ones—the leap in resolution and print quality is quite staggering.

Don’t Confuse Monitors and Images

It can be quite easy to lump the resolution of images in with the resolution of your monitor. Don’t be tempted, just because you look at images on your monitor, and both are associated with the word “pixel.” It might be confusing, but pixels in images have variable pixel depth (DPI or PPI, meaning they can have variable pixels per inch) while monitors have a fixed number of physically wired, computer-controlled points of color that are used to display the image data when your computer asks it to. Really, one pixel is not related to another. But they can both be called “picture elements,” so they both get called “pixels.” Said simply, the pixels in images are a way of recording image data, while the pixels in monitors are ways to display that data.

What does this mean? Generally speaking, when you’re talking about the resolution of monitors, you’re talking about a far more clear-cut scenario than with image resolution. While there are other technologies (none of which we’ll discuss today) that can improve image quality—simply put, more pixels on a display add to the display’s ability to resolve the detail more accurately.

In the end, you can think of the images you create as having an ultimate goal—the medium you’re going to use them on. Images with extremely high pixel density and pixel resolution (high megapixel images captured from fancy digital cameras, for instance) are appropriate for use from a very pixel dense (or “printing dot” dense) printing medium, like an inkjet or an offset press because there’s a lot of detail for the high resolution printer to resolve. But images intended for the web have much lower pixel density because monitors have roughly 72 ppi pixel density and almost all of them top out around 100 ppi. Ergo, only so much “resolution” can be viewed on screen, yet all of the detail that is resolved can be included in the actual image file.


The simple bullets point to take away from this is that “resolution” is not as simple as using files with lots and lots of pixels, but is usually a function of resolving image detail. Keeping that simple definition in mind, simply remember that there are many aspects to creating a high resolution image, with pixel resolution being only one of them. Thoughts or questions about today’s article? Let us know about them in the comments, or simply send your questions to ericgoodnight@howtogeek.com.

Image Credits: Desert Girl by bhagathkumar Bhagavathi, Creative Commons. Lego Pixel art by Emmanuel Digiaro, Creative Commons. Lego Bricks by Benjamin Esham, Creative Commons. D7000/D5000 B&W by Cary and Kacey Jordan, Creative Commons. Chromatic Abbertation diagrams by Bob Mellish and DrBob, GNU License via Wikipedia. Sensor Klear Loupe by Micheal Toyama, Creative Commons. Ansel Adams image in public domain. Offset by Thomas Roth, Creative Commons. RGB LED by Tyler Nienhouse, Creative Commons.

[Read more]

How to Create an ISO Image of Your Windows System | Dramel Notes

Posted On // Leave a Comment

Need a quick and easy way to backup and restore Windows without relying on backup tools or the cloud for your personal data? While plenty of third party Windows backup and restore tools are available, it’s time to learn how to make an ISO image of your Windows PC.

Images vs. Backups

We all know that backing up our data is important, especially when upgrading to a new version of Windows. But rather than fiddle around with partitions purely for personal data, or cloud storage, which might be slow to restore your vital files and folders, wouldn’t it be great to be able to simply take a backup of your entire Windows installation?

Such a backup might be configured to include your personal folders, but omit apps and games, or you could opt to create an image of your entire system drive. Naturally, you would need a suitable volume of storage for such a backup.

Thanks to the ISO image format, it is possible to back up your data – essentially create an exact copy of your entire drive or selected directories – and restore it relatively quickly should disaster strike. ISO files can also be used to back up existing CDs and DVDs, a useful means of reducing reliance on physical media.

Images and Disk Upgrade or Replacement

One popular use for disk images is creating a clone of your hard storage (hard disk drive or solid state drive), which might be on its last legs.

DataNumen Disk Image is one such solution, runs on all versions of Windows and is available as freeware. Known as DDKI, this solution is straightforward. After downloading and installing the utility, use the Clone tab to select the drive you wish to make an image of; to clone multiple drives, use the Batch Clone tab.

Select the destination location and assign a filename in the Output image file as box, where you should select the target disk drive – the device purchased to replace the old HDD.

Begin by clicking Start Cloning. When complete, your disc will be copied to its destination device, ready to use. Our look at HDD cloning covers the topic in greater depth.

Create an ISO Before Upgrading to Windows 10

Creating an ISO image of your Windows installation is a great solution to any concerns you might have about upgrading to Windows 10.

Worried your PC may not boot after the upgrade? Heard horror stories from your friends at work? While issues with a Windows 10 upgrade are unusual, they can be utterly frustrating, and often when upgrading from Windows 7 and 8, it isn’t possible to automatically roll back the installation.

This is where an ISO image comes in.

You might alternatively have already upgraded to Windows 10, and want to create an ISO image before you downgrade to Windows 7 or Windows 8.1.

Creating an ISO Disk Image in Windows 7

While Microsoft may recommend you backup your files rather than rely on complete system images, there’s no reason not to have an ISO disk image ready for a disaster recovery scenario. This might be an image of the system in its current state, or of a freshly installed Windows 7, complete with all of the apps you regularly need (such as Microsoft Office, perhaps). Backing up to an ISO disk image is part of the Windows 7 backup and restore feature.

To create a system image in Windows 7, open Start > Getting Started and then Back up your files. On the left-hand pane, click Create a system image, and select the destination.

This might be an external hard disk drive or some other large volume. Multiple DVDs can be written to, if necessary, or if you have a Blu-ray writer, this should also be an option.

Do you have a home server, or some large storage on your network, perhaps in the shape of a purchased NAS (or a DIY device, perhaps using a Raspberry Pi)? If so, you can use the On a network location option. If you want to use a USB flash device, connect this to your computer in advance and select it as the destination – or use one of these bootable USB tools.

With your selection made, it is time to select the drives to include in the backup. It is unusual for multiple drives to be required, but in most cases you will need to ensure that the System drive (by default the C: drive) is selected. The device you selected for the backup will not be listed here.

The confirmation screen will detail how much space will be taken up by the backup. Check this to ensure the figure matches the remaining space on the target device. Proceed with the backup, and wait while it completes; the duration will differ, based on the size of the backup and the speed of the drive.

Restoring the Windows 7 Disk Image

Once complete, Windows will suggest you create a system restore disc. This is a good idea, so find a blank disc and follow the instructions. You can then use this to boot your PC and select the System Image Recovery option to restore the ISO Disk Image of your Windows installation following a disaster scenario.

Note that other system restore discs are available, although conversely these may not have the disk image restore functionality.

Natively Create ISO Disk Images in Windows 8.1 and Windows 10

The same tool for creating a disk image is available in later versions of Windows. You ideally need to have upgraded Windows 8 to Windows 8.1 before proceeding here.

To find the system image creation tool, press Start and type “file history“. The automatic search will display the File History entry first, so click this to open the File History tool, then System Image Backup in the lower left corner.

You can then proceed as detailed above. With the ISO backup created, use the steps for Windows 8.1, below, to restore the image in Windows 10. In a disaster recovery scenario, you will need to boot into the Windows 10 equivalent of Safe Mode to restore the image.

Restoring Your Windows 8.1 Disk Image

If a Windows 10 upgrade doesn’t work out for you (perhaps you’ll experience a reboot loop), having an ISO image to fall back on is a massive advantage. You can restore the Windows 8.1 disk image in Window’s Advanced options screen, which you will find by pressing F8 repeatedly when your PC boots up (or holding SHIFT as you click Restart).

In Advanced Startup Options, select Repair your Computer > System Image Recovery and follow the instructions, ensuring that Windows can find the ISO file.

Note that even if you have the Windows 8.1 installation media you can still restore the disk image. At the Install now screen, use the Repair your computer link and then Repair.

From here you’ll be redirected to the Advanced Startup menu, so select Troubleshoot > Advanced options > System Image Recovery, following instructions to restore your Windows ISO system image.

ISO Like this Solution!

As you can see, creating an ISO image backup of your entire Windows system is perfect for backing up in advance of a major system upgrade. Additionally, the speed with which the ISO can be created and subsequently restored should make it a far more attractive option than just backing up your data and hoping for the best.

Have you used ISO system images to backup and restore Windows? Did it help you avert a Windows 10 upgrade disaster scenario? Tell us all about it in the comments.

[Read more]