How to Save a Web Page as Image

whiztech's picture

This is an entry from my old blog.

This simple tutorial will show you how to save a web page as image (PNG format) using Mozilla Firefox (the COOLEST web browser, I think...) and Pearl Crescent Page Saver Extension.

You can get Mozilla Firefox here, and Crescent Page Saver Extension here.

Crescent Page Saver Extension limitations, according to its website:

- Page content generated by plugins (such as Flash-based content) is not included in saved images. This problem should disappear after Mozilla bug 313462 is fixed.
- If a page contains frames or iframes, when the entire page is captured only the visible portion of each frame is included. To capture the entire contents of a frame, choose the frame from the Save Image of Entire Frame menu within the Page Saver toolbar menu, or use the Save Image of This Entire Frame... browser context menu item.
- On Windows and Mac OS, the largest dimension of saved images is 32,767 pixels (width or height). On Linux, the limit is 32,766 pixels. Images of larger pages are cropped.
- In Firefox 3.0b1, enabling Page Saver Pro's header or footer option causes the captured image to be blank. This is fixed in Firefox 3.0b2.
- On Linux, saving an image to the clipboard is not supported. This is due to Mozilla bug 21747 which is on track to be fixed in Firefox 3.0b3.
- When saving images to an FTP server in Page Saver Pro, sometimes an error message is not displayed when it should be (especially when the image is small).
- When capturing pages from the command line, web pages that display modal dialog boxes may prevent Page Saver from closing the browser window (effectively stalling Page Saver). For example, this occurs when a web page calls the JavaScript confirm() function.
- If the Tab Mix Plus extension is installed and its “Single Window Mode” option is enabled, Page Saver will not capture images when run from the command line. To avoid this problem, disable Single Window Mode or uninstall Tab Mix Plus.

Crescent Page Saver Extension will allows you to save a web page the visible part only, or entire web page as image. Below are example images of PUTERA.COM I saved using Crescent Page Saver Extension.

image
Full web page

image
The visible part only

How? First, point your Firefox browser to Crescent Page Saver Extension's website. Then click the Install Crescent Page Saver link (1). If nothing pop-ups, your Firefox might block you from installing extension from that website. In this case, just press Edit Options (2). In the Allowed Sites dialog, press Allow (3) to add Crescent Page Saver's website to the list. This will allows you to install the extension from Crescent Page Saver's website.

image

image

After you have finished downloading the extension, restart Firefox to install the extension.

To save a web page as image, right click, if you want to save only the visible part, choose Save Image of Visible Portion As..., and to save the full page as image, choose Save Image of Entire Page As.... If the website is blocking you from doing right click, you can press the small camera button on Firefox toolbar (1). (go to Tools > Extensions > Select Crescent Page Saver > Press Options to change the Crescent Page Saver preference)

image

If your Firefox hangs, try do this. Open Task Manager (hit CTRL+ALT+DEL on your keyboard, or right click on windows task bar, choose Task Manager), navigate to Process tab, find firefox.exe, right click it > Set Priority > Select AboveNormal.

image

No votes yet

Cannot find what you are looking for?