Page Layers » Frequently Asked Questions

What are the system requirements of Page Layers?

Page Layers requires a Mac computer running OS X 10.9 Mavericks or newer. Page Layers is also tested and compatible with the latest macOS 11 Big Sur.

Which Photoshop versions are supported?

By default, Page Layers exports files for Photoshop CS 5 or newer (CS 6 and Creative Cloud versions all work fine). These are compatible with Pixelmator as well.

For older versions of Photoshop, use the format option “Photoshop (optimized for compatibility)” in the “Screenshot > Save as...” dialog: Page layers psd compatibility

Which browser / HTML / CSS features are supported?

Page Layers uses the same browser engine as Safari, so in general everything that works in Safari will work in Page Layers as well. There are a few known limitations when capturing a layered Photoshop file:

Does Page Layers convert HTML text to Photoshop text layers?

Page Layers is a website screenshot utility and by default it will capture text as rasterized pixel data. This is done intentionally to capture text exactly as a browser would render the text: Page layers text layer

There is an option Generate text layers if you use Screenshot > Save as from the Page Layers main menu:

Page layers save with text

Please note: This option is limited in its capabilities - not all HTML text can be converted to Photoshop. If you activate this option, refresh text layers in Photoshop only as needed:

Page layers update text no

If text layers are refreshed automatically upon opening, use "Preferences > General > Reset All Warning Dialogs".

This will give you a pixel-perfect capture of your page, with the option to edit text as needed:

Page layers text layer2

Does Page Layers capture the full "scrolled down" page height or will it only capture what is visible in the browser window?

Page Layers supports both. Use the "∞" (Infinity) option in the size menu to capture the full document height: Page layers full page height

There seems to be a problem capturing long pages.
How does Page Layers handle JavaScript scrolling effects?

Some web pages use JavaScript to change the scrolling behaviour: Content is made visible based on scroll position or positioned according to the scroll position to create 'parallax effects' where elements move separately in front of the page background.

When you capture a page that is larger than the browser window using the "∞" (Infinity) option in the size menu, Page Layers resizes the window to the size of the full page and captures this content. Often JavaScript scrolling code does not layout elements in a meaningful way for such a large browser window.

Unfortunately, there is nothing that Page Layers can do about this and often such scrolling effects cannot be represented in a static image.

A workaround is to capture individual screenshots using the fixed browser height option:

Page layers capturing js scrolling effects

Does Page Layers support grabbing Retina HiDPI website screenshots?

Yes! By default Page Layers uses the pixel density of your main display - it grabs ordinary screenshots on Non-Retina displays and HiDPI scale ×2 screenshots on Retina displays:

Pagelayers retina screenshot comparison

You can configure the scale from the size selector menu. This allows to grab HiDPI screenshots on ordinary displays and vice versa:

Pagelayers scale setting

Does Page Layers support capturing pages that require logging in?

Page Layers supports both form-based and HTTP Basic authentication. Navigate to the login page in the Page Layers embedded browser and after logging in you can navigate to the page that you want to capture:

Page layers authentication

I am working on a local website with an invalid SSL certificate. Page Layers gives an error "The certificate for this server is invalid."

Workaround: Trusting the certificate in Safari will also make it trusted in Page Layers:

Safari trust cert

Another way to accept the certificate is to drag the certificate icon from the dialog to some folder and then drag the certificate file to the keychain and configure to trust this certificate there.

Can I transfer Page Layers to another computer? When I delete the app, can I install it again?

Yes! The App Store terms and conditions allow to install apps bought from the Mac App Store on every Mac that you personally own. When you buy the app in the Mac App Store, your purchase will be connected to your Apple ID. If you try to buy an app you've already bought, the App Store offers you to download it again for free.

To install the app on a new Mac, open the 'App Store' app and sign in with your Apple ID:

Mac app store sign in

Then go to the 'Purchases' tab. You'll see a list of the apps you've purchased from which you can reinstall the app:

Mac app store purchases