Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

why is text in screenshots fuzzy?



7:37 am on Sep 8, 2006 (gmt 0)

10+ Year Member

I have a question about the use of screenshots in websites. Whenever I feature a screenshot displaying text I use PrintScreen to copy the image which I paste into PaintShopPro. After resizing (downward), I save the file as jpg and upload it to my site.

Somewhere between saving the file, uploading it & displaying it on my site the text degrades, becoming fuzzy and virtually unreadable.

If you have to downsize a screenshot containing text is there any way to do it without rendering the text illegible?


8:32 am on Sep 8, 2006 (gmt 0)

10+ Year Member

Try saving as a gif image. It is better suited to text.


9:09 am on Sep 8, 2006 (gmt 0)

10+ Year Member

Adjust the quality of .jpg saved files:

Save As -> Options -> Compression


5:17 pm on Sep 8, 2006 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

This is because by nature a screenshot is a bitmapped (indexed color) image without aliasing. That is, the letters are solid colors with no aliasing to smooth the transition to background.

When you resize the image, a process called interpolation takes place. basically if the lower-case "L" is 3 pixels wide in the original and you size it down by 50%, this means that logically the width of the stroke is now 1.5 pixels, which is really impossible. So the program interpolates the values to whole pixels, making some on the edge 50% of the original color value and only one pixel 100% of the original color value, creating a visual "emulation" of the original at 50%. The result is usually a blurring of all sharp objects, such as type.

If you stay with indexed color, chances are good many of your characters will disappear in the interpolation, so you need to convert it to RGB and save as a jpg, not a gif. A gif or other indexed color format will only work IF you do not size down the screen shot.

Screen shots are a bear if you want to size them down. Sometimes you can retain most of the info by using an sharpening technique, and if you absolutely want to retain legibility you can type over the old text.


Featured Threads

Hot Threads This Week

Hot Threads This Month