Saving a Safari page as a PNG image
Is there some way in Safari, possibly via a third-party extension, to save the running contents of a Web page as a PNG image?
I understand I could print the page to PDF and use Preview to export it as a PNG image. However:
- I’d prefer not to create a temporary PDF file and then manually open Preview to export the PDF contents to PNG;
- I’d like the contents to be running instead of paginated, i.e., no page breaks;
- When the PDF file contains multiple pages, Preview seems to export the current page only to PNG.
I don’t have any experience with OS X automation but I suspect it could be used for this, though I want conditions 2 and 3 to be met.
I’m running Safari 5.1.1 on OS X Lion.
Try Paparazzi! It can save the entire website to a single png file and it lets you specify the size. Once installed, you can also launch it from within Safari by adding 'paparazzi:' to the URL. For example paparazzi:http://www.nytimes.com
Not sure when it got added, but certainly in Safari 12 you can do this without any extensions. You need to enable the Safari Developer menu (tick in advanced settings). Now you can select "Show Web Inspector" in the "Develop" menu which will open a window showing the page source. Hover your cursor over the tag and right click it. Then, select the "Capture screenshot" option and save when prompted.
If you only want a specific element, just right click on the appropriate bit of html. If you are not sure, as you hover over the code the corresponding screen element is highlighted blue.
Of course, I'm now wondering if this could be apple scripted...