Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Making a printed portfolio of websites

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

Preferred Member

10+ Year Member

joined:Dec 29, 2002
votes: 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)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member

joined:Sept 4, 2001
posts: 2176
votes: 15

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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 4, 2004
votes: 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)

Preferred Member

10+ Year Member

joined:July 8, 2005
votes: 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)

Senior Member

WebmasterWorld Senior Member quadrille is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 22, 2002
votes: 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)

Junior Member

5+ Year Member

joined:Apr 10, 2007
votes: 0

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

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members