How to take screenshot of a Web site and obtain a complete picture
March 13, 2008 5 comments
For those who need to have the image of a web site, there are some opportunities to do so. Learn how to have the image of a site in full.
When you need to take a screenshot of an entire site, even the parts that estrapolam a "top doubles" (part visíveil before we roll the scrollbar), sometimes can be boring… There are several ways of doing this:
- Do several screenshots of different parties and then add everything on a programme for editing of images;
- Using one of those monitors that turn and are higher than wide (depending on the size of the site, did not work);
- Using the services of the site Super Screenshot;
- Using the plugin for Firefox Screengrab!
Do several screenshots of different parties and then add everything on a programme of Publishing images
This is a more time-consuming and annoying. You should take a screenshot of the page "above the fold," open its programme of publishing pictures of preferred and paste the image. Then scroll the screen up to the lower limit of the latter, take another picture and paste again in the programme of publishing images, and so on, until you reach the bottom of the page or the point you want to capture.
Subsequently, there is a new document with the width of the site and, for height, there is a high value, exaggerated, even. Then it picks up the first screenshot to copy and paste in this new document; picks up the second, and there is just below the first, and so vai, to complete.
Well "sacal," hã…?
Using one of those monitors that turn and are higher than long
These monitors, although nothing cheap, usually excellent! The majority is widescreen (good for a filminho!) And has a very good definition. When you have the opportunity to have and / or use one of these beauties, just rotate the screen so that it "is more" in the vertical direction, set the resolution to do so, enter the site and you want to take a picture of him.
Now, depending on the site that is between (especially blogs), even this monitor can not capture the full extent. So this is not the best method.
Using the services of the site Super Screenshot
The site Screenshot Super offers the service to draw a complete picture of web sites (free). Meanwhile, strange things sometimes happen with the image generated, with elements out of place and other things. Take the example in the article on the principle of Gestalt alignment applied to web design.
That was almost, but use the Super Screenshot still is not the best option.
Using the plugin for Firefox Screengrab!
Recently discovered this extension for Firefox, the Screengrab!, Which just serves to take a screenshot full of sites!
Once you install Firefox and restart the ativamento happen to her, indicating an icon appears in the status bar to the right. When you click on it, appear 2 main menus, "Save…" and "Copy…", where you can choose whether you want to save the image directly or copy to the clipboard for later use.
In each of the menus, they subopções:
- "Complete Page / Frame…": It serves to take a screenshot of the entire web site (or frame…);
- "Visible Portion…": To capture only the visible part, whatever;
- "Selection" that allows you to select in real time any one section of the screen to create an image.
Conclusion
Finally, personnel, according to what I could think (at least for now), the easiest way, economical, fast and practical to obtain a picture of a web site is complete, without shadow of doubt, use the extension of Firefox Screengrab ! With it, you can capture portions of web sites or throughout their length, so automatic, saving the file directly (. PNG) or copying to the clipboard for later use.
<update>
The reader Richardson (Vix) indicated that the browser Maxthon native is the ability to take screenshots: capture the entire screen, a region, a tab or all, plus other options. Who uses this browser, the ease to take pictures of sites complete is even greater, since there is no need to install extensions.
</ Update>
If anyone knows a little way to take a screenshot of a comprehensive web site, comment, please!
I use Maxthon as the "browser" and it has a feature native to this. If the options allows existens capture the entire screen, a region, a tab or all, plus other options. Save a file or copy to the clipboard, in various formats (jpg, gif, png,…).
@ Richardson (Vix)
Thank you for the tip, Vix! I've updated the text of the article in your honor!
Abraços and appear!
Dude, more than the bid of full page, I like the appeal of 'selection'. For those who publishes a blog and talk about sites, rather facilitates the work with the cuts.
Hello Tárcio blz?, This plugin is very good indeed only that it saves the image without the extension is to be a bug, to resolve just "Rename" save the file and put the extension. PNG
:)
@ Ornando
Hi, Ornando! Thank you for commenting!
Boy, that something strange is happening… When I save with the Screengrab (both entire site, as portion) it automatically puts the extension already PNG.
Vai see something happened with your install… tries to reinstall to see if it works, and there you are spared the "work" of having to add the whole time.
Abraços!