Why do images become blurry when I enlarge them?
Raster images, such as .JPEG and .PNG images, are comprised of tiny dots called pixels placed on a grid called a bitmap. For example, a PNG image might be 256 pixels wide by 256 pixels tall (256 x 256), consisting of a total of 65,536 pixels.
When you use an image editor (e.g., Adobe Photoshop or Inmagine Pixlr) to enlarge a raster image, the program expands your image's bitmap and adds more pixels to it. This process is called upsampling. Upsampling algorithms analyze your image's existing pixels and attempt to faithfully recreate the image at the larger size. For example, if you enlarge an image by 3x, your image editor will map one original pixel to nine pixels (a 3 x 3 grid) in the larger image.
However, if you enlarge an image too much, or to an irregular size such as 3.68x, even the best resampling methods cannot correctly fill the gaps in the original image data. For example, a pixel in the larger image may need to be both white and blue to faithfully recreate the original image, which is impossible because a pixel can only ever be one color. As a result, your enlarged image loses its definition and becomes blurry, as remapped pixels run together.
Methods to prevent image blurring
The best method to prevent raster images from blurring is to work with the highest resolution version of an image when possible. For example, when emailing a photo from your smartphone, send the largest version of the photo (provided your data plan will let you). Then, you may not need to enlarge the photo.
If you do need to enlarge an image and want to combat blurring, you can try the following methods:
- If you're using an image editor that allows you to select from multiple resampling methods (e.g., Photoshop or GIMP), try different methods to see if they produce a less-blurry image.
- When enlarging an image to print it at a larger size, try lowering its resolution instead of resampling it. This method of enlarging an image is known as resizing, because it changes an image's physical size rather than the number of pixels it contains. Keep in mind that the lower the resolution, the lower the print quality.
NOTE: If you created your image using an illustration app (e.g., Adobe Illustrator or Inkscape), you can save it as a vector image, such as an .SVG or .EPS file, instead of a raster image. Because vector images are comprised of paths, not pixels, you can scale them to any size without blurring.