...

View Full Version : How do you make a site screenshot this small?



mikehende
01-11-2011, 10:33 PM
http://www.avatarnewyork.com/portfolio

How can you make a screenshot of any site that small or even smaller with it still being legible please?

VIPStephan
01-11-2011, 11:30 PM
You make a regular screenshot, open that image in a graphic editor, and then resize it to be as small as you want.
Alternatively, you make a screenshot of the page, open it in a graphic editor, but just cut out a part of the site (as, e. g. with the Top Chef thumbnail on the page you linked to), and resize it to your liking.

mikehende
01-11-2011, 11:58 PM
That's exactly what I tried this mrning and doesn't work, I tried uisn the keyboard's printscreen and also the Fireshot software to capture my browser's screen, then opened it in Irfanview, resized down to 208x80 and it the image is not clear?

Business Forms
01-12-2011, 08:28 AM
Nice Posting....

Nice way to sharp them. But there is a better way, which you can also use for photos.
1. switch to ‘Lab Color’ (Image > Mode > Lab Color)
2. select the channels and deselect the ‘a’ and ‘b’ channel
3. go to Filter > Sharpen > Unsharp Mask … and fill in:
Amount : 90 %
Radius: 1.0
Threshold: 5
(for close-up photos I prefer: 60%, 3.0, 1)
4. switch back to RGB Color (Image > Mode > RGB Color) and you are done

mikehende
01-12-2011, 01:38 PM
I am not seeing these options in Irfanview, are you referring to another software?

bazz
01-12-2011, 02:06 PM
you got photoshop?

mikehende
01-12-2011, 02:40 PM
Just tried it in PS CS5, I don't see any difference, I am thinking this is because since I took the snapshot of the site and resized down then there's nothing much you can do? See image below

VIPStephan
01-12-2011, 03:54 PM
Mike, the site you linked to as example isn’t using entire screenshots but only a part of them (as explained in my alternative description). For example the “Top Chef” thumbnail (third one in first row) is just the small section below the big blue “restaurant finder” headline on http://www.bravotv.com/top-chef/restaurant-finder.

The “Poppy Appeal” thumbnail is not the entire page from top to bottom but only the top part down until the end of the phone. The “Mohawk Fine Papers” thumbnail is an even smaller section out of the middle of the home page.

You see, it’s not just taking a screenshot and then sizing down the entire thing, it is about being creative with the screenshots and displaying the important, relevant parts on a thumbnail size.

mikehende
01-12-2011, 04:41 PM
Ok, understood, will try it in a few, get back to you, thanks.

mikehende
01-13-2011, 03:23 PM
Yes, it does look a little better this way but still not as clear at that small size as in the link, take a look at the attached image, it is bigger than that of the images in the link but still not as clear, maybe I am not doing the instructions right in PS?

sarenarichard
01-14-2011, 09:29 AM
Just take the screen shot and resize it to your desired size using photoshop or any image editor. Thats it :)

skocab
02-07-2011, 09:08 AM
Good tips everyone. It all helped a lot.
Thanks

mikehende
02-24-2011, 11:41 PM
How do you get all pics resized to exact same dimensions? Using irfanview when I type in the width, the height changes accordingly and vice versa, is there any way I can use any software and set the exact width and height sizes independently of an image?

VIPStephan
02-25-2011, 03:01 AM
I know you can do that with batch processing in Fireworks.

mikehende
02-25-2011, 02:55 PM
Actually, I found something great and simple and free on the net last night guys,:

http://www.ofzenandcomputing.com/zanswers/1028



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum