Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    What is the best way to get a clear image of a completed website to include in portfolio pages?

    I currently display the page - press print screen - capture into Paint and then load into a tool like Fireworks.

    The trouble is, this often gives me a somewhat fuzzy edge around the words - especially when I reduce it down in size.

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    There are plugins for most browsers that will do that for you.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    Don't paste into paint, when you save it out as a bitmap, it reduces the number of actual pixels...( that's just a bitmap limitation ).

    If you have fireworks, you can paste the screenprint directly into there as a new image, save as a jpg or png file. Then start adjusting the image size down to the size you need, the compression in jpg and png is much better.

    Btw... When you save it as a jpg in fireworks, it defaults to less than 100% quality, until you get it to the size you want, you may want to keep it at 100%, then on the final export ( not save ), export it out and you can change your quality % to whatever. If you go much below 70% youll decrease the file size, but most of the time the image will pixelate at that range. I try to keep all exports above 70-75% and they look decent.

  5. #4
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    Fireworks also has a batch option, that you can create a batch to convert a whole bunch of thumbs or resized images at different image qualities from a bunch of screen captures. Making the Outputted images exactly the same size.

  6. #5
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    Webzarus - a MASSIVE thank you; have definitely learnt something here!!

  7. #6
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    Use PNG, not JPG ...
    But if you use a JPG, set the quality to 100% (paint defaults to 75%).

    Or download the old (free) version of SnagIt and see if their
    image reduction algorithm is better than what you are using:
    http://www.oldapps.com/SnagIT.php?old_snagit=12

    The new SnagIt is trial (then pay), but the old version I think it totally free.


  8. #7
    Member
    Join Date
    Nov 2011
    Posts
    50
    Member #
    30017
    Liked
    9 times
    Chrome has some good ones, and it saves as a png. I know on my macbook i just do command + shift + 3 or 4 to get a screenshot. But if I want the whole page there is a chrome addon to do this for you.


Remove Ads

Posting Permissions

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

Search tags for this page

how to get clear images on web

Click on a term to search for related topics.
All times are GMT -6. The time now is 12:03 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com