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

Site Graphics and Multimedia Design Forum

    
Getting perfect screenshots of my work
not blurry
piznac

5+ Year Member



 
Msg#: 3544246 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3544246 posted 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

5+ Year Member



 
Msg#: 3544246 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3544246 posted 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

5+ Year Member



 
Msg#: 3544246 posted 9:05 pm on Jan 9, 2008 (gmt 0)

ahh cool ,. thanks for the tips guys!

thecoalman

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3544246 posted 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