Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15
  1. #1
    Regular Coder
    Join Date
    Nov 2010
    Posts
    295
    Thanks
    105
    Thanked 0 Times in 0 Posts

    How do you make a site screenshot this small?

    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?

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,695
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    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.

  • #3
    Regular Coder
    Join Date
    Nov 2010
    Posts
    295
    Thanks
    105
    Thanked 0 Times in 0 Posts
    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?

  • #4
    New to the CF scene
    Join Date
    Jan 2011
    Posts
    1
    Thanks
    0
    Thanked 1 Time in 1 Post
    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

  • Users who have thanked Business Forms for this post:

    mikehende (01-12-2011)

  • #5
    Regular Coder
    Join Date
    Nov 2010
    Posts
    295
    Thanks
    105
    Thanked 0 Times in 0 Posts
    I am not seeing these options in Irfanview, are you referring to another software?

  • #6
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    you got photoshop?
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #7
    Regular Coder
    Join Date
    Nov 2010
    Posts
    295
    Thanks
    105
    Thanked 0 Times in 0 Posts
    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
    Attached Thumbnails Attached Thumbnails How do you make a site screenshot this small?-prosites2.jpg  

  • #8
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,695
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    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.

  • Users who have thanked VIPStephan for this post:

    mikehende (01-12-2011)

  • #9
    Regular Coder
    Join Date
    Nov 2010
    Posts
    295
    Thanks
    105
    Thanked 0 Times in 0 Posts
    Ok, understood, will try it in a few, get back to you, thanks.

  • #10
    Regular Coder
    Join Date
    Nov 2010
    Posts
    295
    Thanks
    105
    Thanked 0 Times in 0 Posts
    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?
    Attached Thumbnails Attached Thumbnails How do you make a site screenshot this small?-prosites.jpg  

  • #11
    New Coder
    Join Date
    Dec 2010
    Posts
    33
    Thanks
    0
    Thanked 1 Time in 1 Post
    Just take the screen shot and resize it to your desired size using photoshop or any image editor. Thats it

  • #12
    New to the CF scene
    Join Date
    Feb 2011
    Location
    Las Vegas
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Good tips everyone. It all helped a lot.
    Thanks
    Last edited by skocab; 02-07-2011 at 08:11 AM.

  • #13
    Regular Coder
    Join Date
    Nov 2010
    Posts
    295
    Thanks
    105
    Thanked 0 Times in 0 Posts
    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?

  • #14
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,695
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    I know you can do that with batch processing in Fireworks.

  • #15
    Regular Coder
    Join Date
    Nov 2010
    Posts
    295
    Thanks
    105
    Thanked 0 Times in 0 Posts
    Actually, I found something great and simple and free on the net last night guys,:

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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •