Page Layers 1.9.1

Enables you to capture a snapshot of an entire webpage and then creates a Photoshop document with separate layers for each element.

  Add it to your Download Basket!

 Add it to your Watch List!


Rate it!

What's new in Page Layers 1.9.1:

  • Improved layer order for table elements - table rows and cells are now ordered from top to bottom / from left to right
  • Fixed a bug where content from :after and :before pseudo elements could be visible for other elements
  • Fixed a bug where text would not be placed properly when rendering a retina screenshot with "Generate text layers" activated
  • Fixed a bug where elements would not be resized correctly in full-height captures for pages that change element sizes with an deferred JavaScript onResize event handler
Read full changelog
send us
an update
300 KB
Ralf Ebert
Home \ Graphics
5 Page Layers Screenshots:
Page LayersPage LayersPage LayersPage LayersPage Layers
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.

Page Layers was reviewed by , last updated on October 15th, 2014

Runs on: Mac OS X 10.6.6 or later (Intel only)

#website screenshot #capture web page #PSD screenshot #screenshoot #capture #snapshot #website

Add your review!