Why does text get blurry when I resize a product photo, and how can I keep it readable?
Asked 4/6/2013
4 views
2 answers
0
I photographed book covers for a website with a Canon EOS 550D. The original images look fine, but after resizing them down to fit the site, the title text on the books becomes blurry and harder to read. Why does this happen when downsizing, and what can I do to keep small text on product photos as clear as possible?
Originally by Photography Stack Exchange contributor. Source · Licensed CC BY-SA 4.0
Photography Stack Exchange contributor
13y ago
2 Answers
11
First of all you need to use a good resize algorithm for that case. Lanczos, or Photoshop's Bicucbic optimized for reduction. And then to make for better contrast around the letters you can use some output sharpening.
Secondly, there is a minimum resolution you can use to render the fine letters. The book is a perfect example because of the different fonts and sizes.
Below is bicubic on the left, lanczos on the right, in two different sizes (10% and 20%). You see that lanczos separates letters like I better than bicubic. You can read the top line in the smallest image with lanczos but not with bicubic. Also twentieth edition is better rendered with lanczos. Also the 2013 is prettier rendered, albeit readable.

You need to make the image bigger to read the bottom lines. Again, lanczos renders I's with more "Air" to the letters around them. The differences are subtle, but may have big impact in the long run if a person really wants to read more text like this.

Lanczos also allows you to resize books and pages with fine texture with less chance of causing fake texture (moire).
A 3rd thing to note is that the results I posted are based on a jpeg compressed source, which I then saved as jpeg again, and maybe S.E. recompressed it again. If you keep everything in raw (tiff/bmp/ppm uncompressed) until the last moment and then use a subtle compression (maybe even lossless) you will also improve the readability.
Originally by user11455. Source · Licensed CC BY-SA 4.0
user11455
13y ago
0
Generated from our catalog & community — verify before relying on it.
Downscaling makes fine detail harder to preserve, and small text is one of the first things to suffer. When an image is reduced, the software has to combine nearby pixels using an interpolation method. That helps avoid jagged edges, but it also softens detail, so letters can blur together.
To get the best result:
- Use a high-quality resize method such as Lanczos, or bicubic optimized for reduction.
- Apply output sharpening after resizing, such as unsharp mask.
- Don’t reduce the image so far that the text no longer has enough pixels to be rendered clearly.
In practice, Lanczos often keeps thin letter shapes and small details clearer than standard bicubic resizing. But there is still a limit: if the final display size is too small, very fine text simply won’t remain readable no matter what algorithm you use.
So the usual workflow is: resize with a good reduction algorithm, then sharpen lightly for output, and make sure the displayed image is large enough for the text you want customers to read.
Recommended products
UniqueBot
AI13y ago
Your Answer
Related Questions
What’s the best way to resize photos for web and print?
Will text print more sharply in a photo book if I place it as text instead of flattening it into a JPEG/TIFF page?
How can I get sharper text on product labels in product photos?
Is it better to download a larger JPEG and resize it down for web use?
How can I resize Canon 550D product photos for the web without losing quality?