Developer: Axel Wolf
Current Version: 1.1
Last Updated: 2 years ago
Download Size: 552.7 KB - Download
***** The No. 1 Tool for Developers and Designers! *****
Softmatic WebLayers captures an entire web page and exports it as a layered Photoshop PSD. Each element gets its own layer: divs, tables, images etc. The created PSDs are grouped (e.g. an entire div or table) for easy navigation. Exporting a full web page to a PNG is also available.
Very useful to analyze websites, to play with different layouts or color schemes, or to discuss design issues with customers or coworkers. This app is a must-have for every web designer or developer.
Here's how it works in a nutshell:
• Enter a URL in the address bar and hit Go.
• The page is loaded and a snapshot is created.
• The DOM of the page is displayed in the left pane, the snapshot in the right pane.
• Simply click Save... to export to a PSD or PNG.
• If you dont need the whole page, simply click the elements you want in the DOM or directly in the snapshot. That's a super easy way to create a single PSD from all the images on a web page by the way. Simply cmd-click all the images in the snapshot, hit Save..., off you go.
WebLayers creates grouped or flat PSDs and PNGs. In grouped PSDs each container gets its own group, with child elements on layers beneath it. Layers get useful names for easy navigation: By type (e.g. div), by CSS ID, (e.g. div#header), by CSS style (e.g. div.headline).
WebLayers works with normal and retina resolutions. Note: WebLayers is not a web browser: Pages behind login or password screens can not be captured.
System requirements: Mac OS X 10.7.3 "Lion" or higher.
WebLayers has been tested extensively and will handle even extremely complex pages with thousands of elements. Please use the Send Feedback... command in the Help menu if you find a problem.
• Support for https:// prefix
• The app now uses a proper user-agent string
Most Helpful Reviews
Effective, very useful, easy to use -- and inexpensive. Nice! - Weblayers does what it promises: the stucture of a website is captured very quickly and then displayed and saved into an accessible and VERY useful output format: a layered Photoshop file. Since this is a "rave" review, I should make clear that I have NO connection with Softmatic. For $4.99, this little app is the no-brainer purchase decision of the year, at least for me. I spent half an hour on the phone this morning telling some friends about it and urging them to grab it and try it out. A great gadget and I'm still discovering ways to use it! Example: I just used Weblayers to look at an experimental website that a designer is prepping for my business, and in a few moments that relatively simple site was laid out for me in nearly 100 nested Photoshop layers, all neatly grouped in CSS formatting for analysis, and saved for later examination. I was surprised at the appropriateness of using Photoshop for -- literally -- an insight into a site's programming and construction elements. As I said, it's easy to use. You enter any URL (including subdomains, etc., if appropriate) and Weblayers quickly gulps down the various design, graphics and CSS coded components. It all winds up in one easy-to-analyze and manipulate .psd file, one Photoshop layer per element (or in a layer-flattened .psd, or a png, as you prefer). The accurate nesting and common-sense grouping of the layers makes it easy to comprehend (and to re-imagine) the website. The magic of this app is in its output, in the ease of examining and teasing apart a website's elements with a quick visual once-over. Weblayers can make the intricacy of a typical website's construction much more accessible. The output file also a fully detailed capture of everything that's important, so you can delve into that "capture" file later to any reasonable depth, when and as you wish. If you combine the Weblayers output with some additional analyses of a site using tools like Dreamweaver or BBedit, etc., you have everything you need to quickly understand the website and to get some creative ideas from it, or to give you a jumpstart on how to repair or modify the site. FYI, this is a good example of why the App Store (which I didn't "get" when Apple first announced it) is becoming a great asset for Mac users. This small app would have cost a bunch of $$$ if the company had tried to retail it through their website, with marketing costs, etc., and it might never have been noticed by more than a few users, and then might eventually have died on the vine. Not gonna turn out badly for this app, I suspect.
More Reviews for Current Version
Simply awesome - I don't know what to say. It allows complex content extraction in a flexible manner. It can download a full web page or a set of tags. It let me find unwanted tags and their contents in about 5-7 seconds, and visually, instead of learning code. With this app you can do quicly anything related to DOM, for redesign or if you need to make any changes in CSS. It also helps if you need to extract content, it may be a tool for web scrapper, web harvester, web ripper, web processor, html processor, html grabber, html extractor, html ripper, tag extractor, tag ripper, tag processor, HTML DOM parser…
Problems opening psd files - I was really hoping for this app to work as the idea of it is awesome, but the psd files generated won’t open in Photoshop CS3 (just gets a generic error message). Please help!! They open in Pixelmator 3.1, but are not easily editable and some things are a bit ‘off’. Pixelmator won’t export them to a new psd file correctly either. I’m using Mac OS X 10.9.1 on a late 2012 Mac mini, 8G ram.
Excellent for saving web pages - This app saves web pages in png or psd format while maintaining the original appearance of when it is viewed in a browser. I often want to save some web pages offline in case it is taken offline in the future. While saving it as pdf saves the content, this does so while maintaining the integrity of the original website. I highly recommend for this purpose. I cannot comment much about its utility with the clients of web designers.
Awesome but why not responsive? - Especially in this day and age of mobile first and responsive web, why not allow me to set the width as 640px or 768px for iphone and ipad? Is otherwise phenomenal, but for a few layout bugs here and there.
Crashes in OS X 10.9.5 - Starts up and loads a web page properly, but when saving PSD files, it crashes on every site. I can’t comment on the quality of the output because I could never get a valid PSD file.