homepage Welcome to WebmasterWorld Guest from
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

Making a printed portfolio of websites

 5:46 am on Aug 3, 2007 (gmt 0)

The other day I took screenshots of my websites and printed them so I could create an actual portfolio to take with me when I sell to clients. However, they were extremely pixelated and did not look good!

I do not know much about print since I am a web guy, but I do understand that you need a high resolution, higher than 72 for things to look good.

Is the solution to my problem just taking the screenshot, setting the resolution to 300dpi, and then printing? How do you guys go about making a hard copy of your portfolio?



 7:05 am on Aug 3, 2007 (gmt 0)

I print at 600dpi using a laser printer (4 color) on a gloss heavy weight paper (photo quality). I also make sure that clients realize that print colors are not the same as screen colors so I provide them with a url of screen shots. The other factor is the scren shot program you use. I never enlarge the picture, in fact, I generally keep them small - big enough for most details, but small enough not to degrade. But the key is the printing dpi and a quality printer.



 7:05 am on Aug 3, 2007 (gmt 0)

You need to scale the image up in pixels, changing just the DPI won't do anything. If you have a 300x300 image and chnge the DPI from 72 to 300 you still have the exact same 300x300 image. The DPI sets the default scale for the image. Import one into Word and you'll see what I mean.

Scale the image in your image editing software in inches to your print size and set the DPI at 300. Make sure to use bi-cubic resizing. This will be pretty good. One thing to note is there is lot of things that can cuase problems, make sure to save to a lossless format like BMP or TIFF. The printer settings can of course affect it too.

When you scale up it produces a softer image but you won't have the pixealtion. You can also scale it in steps and use a noise filtering application like Neat Image in between steps which will give you much sharper image in the end.

If you got a lot of dough and already have Photoshop look up Genuine Fractals.


 12:55 am on Aug 4, 2007 (gmt 0)

Almost every screen shot you've seen in print has been modified in Photoshop and cleaned up first.

An image (screenshot) which is 1024 px in width is not much to work with.
At 300 ppi it will be about 3" width in print.
At 150 ppi it will be about 6" width in print.


 1:59 am on Aug 4, 2007 (gmt 0)

Sorry if this seems too off-topic - but I'd suggest that taking a portable PC might be a much better option these days, with either the actual site - or an offline demo version (or both!).

Screen prints can be impressive - but if there's just one unanticipated question, they cannot help.


 11:43 am on Aug 8, 2007 (gmt 0)

one USB memory stick with the screenshots on it is way better.

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