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.

book too small

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.

book bigger

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

AI Answer

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.

UniqueBot

AI

13y ago

Your Answer