A question about Computer desktop Screenshot quality

All matters relating photography, and graphic design. Software support and recommendations, plug’ins and much more are discussed in this area.

Moderators: Sharp, X-Trade, Pepperpotty, karmathanever

Post Reply
Sam CA
Platinum Member
Posts: 3992
Joined: Fri May 02, 2008 7:29 pm
Location: Los Angeles

A question about Computer desktop Screenshot quality

Post by Sam CA »

Hello Everybody,

OK, I know so little about digital photography and Pic editing in general. I'm trying to make some quality screenshots for my website. I'm using the latest version of "Snag It" to capture the screen. My question is, what settings contribute to getting a High resolution screen shot?

Here's an example of a pro tools session:

Image

I'm not happy with the quality. I'm sure there's a way to do a better job.
Sam

Image

Image
User avatar
X-Trade
Moderator
Posts: 6490
Joined: Tue Feb 14, 2006 9:47 pm
Location: Leeds, UK
Contact:

Post by X-Trade »

A true full-screen screenshot should be at exactly the same resolution & quality of your screen because it should take the image straight from the screen buffer.

From there:
-don't reduce the resolution unless you need to (i.e. 'scale' the image), only crop
-If your image doesn't include any detailed photography or other elements with many colours, use a PNG file format.

JPEG works by tessellating shapes, which works okay for busy photographs but you loose edge-definition. PNG is more like a bitmap (and I like it for other reasons like supporting alpha channel) but most importantly it uses a colour table, so the less colours used in your image the smaller the file size! most GUI graphics consist of a limited number of colours so this generally works okay for screenshots of program windows, etc.
Current Gear: Kronos 61, RADIAS-R, Volca Bass, ESX-1, microKorg, MS2000B, R3, Kaossilator Pro +, MiniKP, AX3000B, nanoKontrol, nanoPad MK II,
Other Mfgrs: Moog Sub37, Roland Boutique JX03, Novation MiniNova, Akai APC40, MOTU MIDI TimePiece 2, ART Pro VLA, Focusrite Saffire Pro 40.
Past Gear: Korg Karma, TR61, Poly800, EA-1, ER-1, ES-1, Kawai K1, Novation ReMote37SL, Boss GT-6B
Software: NI Komplete 10 Ultimate, Arturia V Collection, Ableton Live 9. Apple OSX El Capitan on 15" MacBook Pro
User avatar
cello
Platinum Member
Posts: 2146
Joined: Thu Jun 11, 2009 8:36 am
Location: Glasgow, UK

Post by cello »

All sreen caps are at (roughly) 72dpi. You can increase the dpi in photoshop to say 150. But on a website (which is on screen so it's 72dpi) will not be able to display 150 dpi in better quality - it will just want to display at double the size...

PNG advice is good from X-Trade.
Plugged in: Fantom 8, Jupiter-X, Jupiter 80, System-8, JD-XA, V-Synth GTv2, FA-06, SE-02, JU-06A, TR-09, VT-4, Go:Livecast, Rubix44, Shure SM7b, Push2, Ableton 11 Suite, Sibelius, KRK Rokit 5,
Sam CA
Platinum Member
Posts: 3992
Joined: Fri May 02, 2008 7:29 pm
Location: Los Angeles

Post by Sam CA »

Thanks guys for the response,
I gotta think about what you said first, before i ask another question.

What do you think about the screenshot I made? What would you call the quality of the pic? A low res? Average?
Sam

Image

Image
User avatar
Sharp
Site Admin
Posts: 18221
Joined: Wed Jan 02, 2002 12:29 am
Location: Ireland
Contact:

Post by Sharp »

My 2 cents, your using the wrong file format. JPG by design will try blend pixels together which in turn leaves you with an image that's not so sharp. Text can look very fuzzy.

Screen shots with text are normally best when saved as PNG files. This will produce razor sharp images, and there are still keep the files sizes down too by using pallet based options when saving the png.

Regards
Sharp.
<table border="0" cellpadding="0" cellspacing="0" width="530"> <tr> <td rowspan="1" colspan="1" width="267" height="94"> <a href="https://shop.korg.com/kronossoundlibraries"><img name="Image110" src="http://www.irishacts.com/images/Image11_1x1.png" width="267" height="94" border="0" alt="KORG Store - Irish Acts"></a></td> <td rowspan="1" colspan="1" width="263" height="94"> <a href="http://www.irishacts.com"><img name="Image111" src="http://www.irishacts.com/images/Image11_1x2.png" width="263" height="94" border="0" alt="Irish Acts Online Store"></a></td> </tr> </table>
Sam CA
Platinum Member
Posts: 3992
Joined: Fri May 02, 2008 7:29 pm
Location: Los Angeles

Post by Sam CA »

Ok, Thanks a lot. I'm definitely going to save the pic with .PNG format. I just didn't know what the .PNG format was.
Sam

Image

Image
Post Reply

Return to “Photography and Graphic Design”