Page Layers - Website screenshots with layers
By Ralf Ebert
Open the Mac App Store to buy and download apps.
Page Layers is a Mac website screenshot app that converts web pages to Photoshop files featuring separate layers for all page elements.
Page Layers allows you to import existing pages into Photoshop and will save you lots of time when re-designing or improving existing web pages.
Just open any page in the embedded browser and save the page as PSD with layers or plain PNG. Every web page element (every image, link, block, …) will be rendered as separate, named layer. Layer groups will be created according to the site structure.
It is the only OS X website screenshot app you will ever need, unique in its capability to capture web pages with layers.
What's New in Version 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 table borders would be rendered for all table cells for tables formatted with Bootstrap CSS / tables that use the CSS attribute border-collapse
Really good, but it would be great if ...
At first I didn’t think I would use it as much as I thought I would, but now I find myself using it quite often during the day. It does a greeat job of capturing all the elements on a page, but it also grabs a lot of useless stuff too. I guess this is more a prosecution of the way some developers code than what a designer creates. Ideally, I would love to see if you could capture the entire font suites used on a site so that we can keep it editable. In addition, it would be nice if you could convert background images into editable vector shapes instead of rasterized layers.
Other than that, I think this is a great tool for what it’s meant to do.