homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

why is text in screenshots fuzzy?

10+ Year Member

Msg#: 3075859 posted 7:37 am on Sep 8, 2006 (gmt 0)

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?



10+ Year Member

Msg#: 3075859 posted 8:32 am on Sep 8, 2006 (gmt 0)

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


5+ Year Member

Msg#: 3075859 posted 9:09 am on Sep 8, 2006 (gmt 0)

Adjust the quality of .jpg saved files:

Save As -> Options -> Compression


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

Msg#: 3075859 posted 5:17 pm on Sep 8, 2006 (gmt 0)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved