Skip to navigation

Skip to additional stuff


Wednesday, September 20, 2006

How to make screenshots smaller and still good looking

Did you ever have the feeling that if you needed a small screenshot for your website, it just doesn’t come over very well? I have experienced that myself: If you just resize a screenshot to smaller dimensions, it will look unclear and somehow ugly. So here’s a tip on how to improve the result.

In Photoshop, use ‘Filter’ – ‘Sharpen’ – ‘Unsharp Mask’, set options to ‘Amount’ 85%, ‘Radius’ 1px and ‘Treshold’ 0. This should give you some good results. No matter how it looks now, click OK and got to resize your image. Choose ‘Image’ – ‘Image size…’. Use the bicubic method. You may not see improvements over just resizing, but small text should look better now.

Now your screenshots should come up better than before. Give it a more professional look, it’s easy.

12:57 pm | Filed under: 2 Comments | the j-blog

2 Comments on “How to make screenshots smaller and still good looking”

  • 1.
    Posted by
    Carte
    2006-11-5
    6:14 pm

    Nice way to sharp them. But there is a better way, which you can also use for photos.
    1. switch to ‘Lab Color’ (Image > Mode > Lab Color)
    2. select the channels and deselect the ‘a’ and ‘b’ channel
    3. go to Filter > Sharpen > Unsharp Mask … and fill in:
    Amount : 90 %
    Radius: 1.0
    Threshold: 5
    (for close-up photos I prefer: 60%, 3.0, 1)
    4. switch back to RGB Color (Image > Mode > RGB Color) and you are done

  • 2.
    Posted by
    Jason
    2009-9-25
    4:28 pm

    Thanks! Worked great. Go 2006!

Leave a comment

Your e-mail address will never be displayed.

(required)

(required)



Navigation



© Copyright Julian Bez 2010. All rights reserved, unless otherwise mentioned.
For your convenience: All times are GMT.
Built with valid things such as XHTML and CSS.

PLEASE NOTE: This site will look much better in a browser that supports web standards, but it is accessible to any browser or Internet device. more info...