Page Layers for Mac
The default screen capture tool allows you to grab a screenshot of an area that is actually visible on your desktop so, to be able to take a snapshot of an entire scrollable webpage, you need specific tools.
Page Layers is one of the utilities that can perform such a task but also provides an option that will prove to be extremely useful to web designers: it can generate a PSD file for the webpage and create a new layer for each element.
Using Page Layers is extremely straightforward and the simple user interface will get you going in no time. All you have to do is input the website address in the Page Layers URL bar.
From the drop down page size menu you can easily select the screen size: 800x..., 800x600, 1024..., 1024x768, 1280..., 1280x960, 320x... or 320x480. Of course, you can also manually adjust the window size via drag an drop actions. However, this is the only customization option available.
The next step is to simply save the Photoshop file to your disk by using the “Save as” entry included in the “File” menu or by dragging and dropping to a folder the PS icon placed in the top right corner of the Page Layers main window. The same rules apply if you want to save the data in a PNG file.
The PSD or PNG files generated by Page Layers can be easily edited by using Photoshop or any other image editing application. Since the PSD file includes separate layers for each item (image, link, block and so on) you can choose to work only on one specific element and preserve the rest.
To sum up, Page Layers is a great application that enables you to capture the content of an entire webpage in an editable form. At the same time, the utility comes with very few customization options.