Page Layers
Page Layers
1.9.8

4.1

Page Layers free download for Mac

Page Layers

1.9.8
25 January 2018

Convert website into Photoshop layers.

Overview

Page Layers saves your Web site as layered Photoshop image. The Mac app is unique in its capability to export pixel-perfect Web site screenshots featuring a masked layer for every page element. And it can capture traditional website screenshots, too. Converting a website to PSD format allows to import existing pages into design tools like Photoshop or Pixelmator. This enables you to rapidly prototype and sketch ideas while redesigning and improving existing Web page designs. The conversion process is fully automated:

  • Navigate to the page you want to capture.
  • Pick the screen size: full page - scrolled from top to bottom, or visible browser area only
  • Drag the PSD icon to any folder to convert the page HTML to PSD with layers for all page elements or drag the PNG icon to any folder to create a traditional website screenshot.

    What's new in Page Layers

    Version 1.9.8:

    Note: Now requires OS X 10.9 or later.

    • Fixed a bug where in very rare cases text elements would not be captured when elements were styled with CSS transitions.
    • Fixed a bug where browser-detecting JavaScript code would detect an old browser version.

    10 Page Layers Reviews

    Rate this app:

    Cowicide
    11 November 2011

    Most helpful

    $30.00 without a trial demo? Such a shame, if I could test this and it worked properly with multiple websites, then I'd buy it.
    Like (4)
    Version 1.5
    sahbi-design
    21 February 2018
    yes
    Like
    Version 1.9.8
    ylluminate
    17 September 2014
    This is a fantastic product. I have had decent success with the conversion to text layers for PS, but the developer has acknowledged that this is a bit tricky and is working to refine it. Definitely worth supporting through a purchase and using this little gem as it certainly saves countless hours in design effort and mocks.
    Like
    Version 1.9.0
    Sandro-Bilbeisi
    17 September 2014
    Today version 1.9..0 came on the Mac Apple Store It works flawlessly, except that text layers are still saved as bitmap (not PS text layers) otherwise I'd give it 5 stars
    Like
    Version 1.8.2
    Mac-Mail
    08 January 2014
    $28.99? Paparazzi! is free and does the samething. Anyone can convert a jpg to layer in Photoshop. All you need is the software to capture the entire webpage into jpg/Tiff files. As I said, Paparazzi! IS FREE! That's my 2 cents.
    Like (1)
    Version 1.8.2
    NotUsed
    22 June 2012
    Not sure why this has more than doubled in price. It was barely worth $12 a version ago... absolutely not worth $30 now.
    Like (2)
    Version 1.6.1
    Irradiated-Software
    13 December 2011
    Wonderful tool. I use this to help design AB Tests for my website. Just snap your current page, rearrange in Photoshop, then slice out the layers you need for the new test layout. Great time saver.
    Like
    Version 1.6
    Cowicide
    11 November 2011
    $30.00 without a trial demo? Such a shame, if I could test this and it worked properly with multiple websites, then I'd buy it.
    Like (4)
    Version 1.5
    1 answer(s)
    Ralf Ebert
    Ralf Ebert
    14 November 2011
    Maybe this helps: On the product support page there are some example files available that were captured with the app; these demonstrate what the app does accurately.
    Like (1)
    Mart°n
    01 November 2011
    I also have spent the money to buy Page Layers after I’ve seen the sample Photoshop files on the developer’s website. For the two pages I have tested it since, it worked fine and produced what it says on the tin. If you need that functionality (every element of a website on a separate Photoshop layer) to fiddle around, analyze or test different designs, Page Layers is a great help. It would be even better, if you have an option to generate Photoshop text layers out of the text in the website so you can alter the text in your design more quickly.
    Like (1)
    Version 1.5
    2 answer(s)
    Cowicide
    Cowicide
    12 November 2011
    > if you have an option to generate Photoshop text layers out of the text > in the website so you can alter the text in your design more quickly. Ugh... this doesn't convert the text to text layers in Photoshop? Lame. Glad I didn't buy this only to find out afterwards.
    Like (1)
    Ralf Ebert
    Ralf Ebert
    14 November 2011
    Not rendering text layers is done on purpose, as it is impossible to render CSS text in a pixel-perfect way using the Photoshop text engine. None the less I'm currently considering it for a future update of Page Layers as it is asked for every now and then.
    Like (1)
    NotUsed
    23 August 2011
    I blew the $12... a demo would have prevented me from doing so. This does actually place every element on a layer in Photoshop. Every BLOCK element. There's no live text. Text is placed on a layer as pixels. There's no reading of image dimension only block level dimensions. So.... say you have a png with a transparent background inside a div tag. You get essentially a screenshot of the div tag on its own layer. That means the png AND anything behind it. Not just the png. Think of it as if you took a standard screen shot of a page then just selected and broke up pieces in Photoshop without using any masking. If you have, say a paragraph of text with internal anchor tags. Each anchor tag is placed on it's own layer and the rest of the text is placed on a layer. HTML live text, as already posted, is brought in as pixels. However, only live text will not have a background from the page. All other elements have no transparency even if there was transparency on the actual web site. Overall.. it does what it says... but it's not elegant or great. Might save a fraction of time but it's not hugely useful if you've already got Layers or Klik
    Like (1)
    Version 1.4
    2 answer(s)
    Ralf Ebert
    Ralf Ebert
    23 August 2011
    Thanks for your feedback. I agree, anchor/markups in paragraphs should better be captured together with the outer element. I'll see how I can improve that. I cannot comprehend your comment about a transparent PNG image being captured together with the block level background - this is one of my basic test cases that the app passes without problem. Do you have a page URL where I can see the issue that you describe? Text layers would be a great feature indeed, I am considering these for an upcoming version.
    Like (1)
    NotUsed
    NotUsed
    23 August 2011
    Okay.. CORRECTION.. seems I tested a page that was not what I thought it was. Seems images ARE INDEED SAVED CORRECTLY. So the primary issue, for me, would be text -- specifically how inline anchor tags are handled. Although, in most cases text would simply be replaced with live text. And I don't know that you can change things if an inline anchor tag were to use an image or image background or separate background color, etc.
    Like (1)
    Mart°n
    31 July 2011
    I would be happy to try this piece of Software as it really looks interesting to me. But without a demo, I’m left with a “eat or die“ kind of choice of the MAS. I like the Mac App Store as a platform to buy software but this shouldn lead to tons of developers who are not providing any demo version of their sofware.
    Like (1)
    Version 1.3
    2 answer(s)
    Archiethearchiver
    Archiethearchiver
    23 August 2011
    You might try "Layers". It is a very similar app and does provide a demo. http://layersapp.com/
    Like (3)
    Mart°n
    Mart°n
    23 August 2011
    Thanks for your hint. I already own Layers but haven’t noticed it’s web capture ability. However, in contrast to »Page Layers« it captures all web elements into one Photoshop layer, while Page layers creates a new layer for every Element of the web page. So while they share a subset of features (capturing the whole page), Page Layers is still a different kind of beast.
    Like
    $34.99

    4.1

    App requirements: 
    • Intel 64
    • OS X 10.9.0 or later
    Category: 
    Developer Website: 
    Download(253 KB)Purchase now

    Downloaded & Installed 2,615 times