homepage Welcome to WebmasterWorld Guest from 54.211.50.5
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderator: open

Site Graphics and Multimedia Design Forum

    
Getting perfect screenshots of my work
not blurry
piznac




msg:3544248
 6:39 pm on Jan 9, 2008 (gmt 0)

Hello folks,

I need to get a new portfolio setup (web design). I have used screenshots in the past,.. but they always seem to come out a bit blurry. Is there a way to do this crisp? Well I know there is as I have seen it done,. anyone got any pointers?

 

limbo




msg:3544278
 7:14 pm on Jan 9, 2008 (gmt 0)

Take the screen shots at the same resolution you intend to use so you don't have to resize the image thus losing clarity of text.

Also there are some nice screenshot plugins for browsers out there. For example: [addons.mozilla.org...]

Do you intend to use the screen shots on printed material..?

piznac




msg:3544356
 8:53 pm on Jan 9, 2008 (gmt 0)

Hey good idea,.. didn't even think of that. I cant go as low as I'd like but lower then I have been. And no not on printed,. strictly on the web. Also Ill check out the browser plug-ins ,.. I have just been using print screen.

thecoalman




msg:3544357
 9:03 pm on Jan 9, 2008 (gmt 0)

Use .gif or .png instead of .jpg.

.gif is only suitable for screenshots of pages like this one where there isn't a lot of imagery, gradients etc. It will produce a perfect reproduction on this page but will fail on pages with a lot of imagery, gradients etc because of the small color pallette. The text and edges will be just as crisp as you see it now however.

.png is more suitable for screenshots of pages with a lot of imagery.

.jpg should be reserved for imagery only such as photos.

piznac




msg:3544360
 9:05 pm on Jan 9, 2008 (gmt 0)

ahh cool ,. thanks for the tips guys!

thecoalman




msg:3544368
 9:14 pm on Jan 9, 2008 (gmt 0)

I should also add .gif will produce a much smaller file size than using .jpg for a web page like this believe it or not. To get any where near the file size of a .gif for page like this would require you set the compression so low the artifacts go way beyond just blurriness.

On the other hand if this page was comprised of many images with a lot of detail the .gif file would be quite large compared to .jpg and would not even come close to reprodcing the images faithfully.

You need to use the right tool for the job. :)

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