: Capture clean Retina screenshot of web page without post production How can I take a screenshot of a web page on a MacBook Pro with Retina Display (rMBP) that: Is at a reproducible size Looks

@Moriarity648

This is the correct way to take high DPI screenshots exactly how you want. The best part is you can do this on a normal DPI display. It will take full screenshots even when the high DPI rendering is bigger than the monitor.


Use Firefox.
Choose Tools > Web Developer > Responsive Design View.
Set the resolution accordingly (iPhone 6: 750x1334, iPhone 6 Plus: 1242x2208).
Open the hamburger menu in Firefox and set the zoom level accordingly (iPhone 6: 200%, iPhone 6 Plus: 300%). Firefox correctly changes the device pixel ratio according to the zoom level and responds to resolution media queries correctly. This gives you the correct responsive layout and high DPI rendering.
Press Shift + F2 to open the console and type screenshot. You must use the console instead of the screenshot button to get a high DPI screenshot.

Vote Up Vote Down

@Si6392903

Full Page Screen Capture for Chrome

One click and it saves an image the full length of the page and width of your browser. Only takes the page - no browser chrome.

Vote Up Vote Down

@Murray976

I can confirm that LittleSnapper works on rMBP. However, the screenshots are double resolution. I'm not sure what you mean by "reproducible size" but if you send the screenshots to someone one a standard display, they will say "these are way too big".

I'm still trying to find out a good way to take low resolution screenshots for sharing with people who don't know what high resolution displays are.

Vote Up Vote Down

@Chiappetta793

I use and love Slingshot, which makes a copy and puts it in my dropbox folder and copies the link to my clipboard. Small indie developer and very nice guy.

Vote Up Vote Down

@Moriarity648

For what it's worth, I seem to have better luck capturing full page retina screen shots with the Awesome Screenshot Chrome extension than with the Google Screen Capture extension that I used to use regularly.

Vote Up Vote Down

@Angie364

This is going to sound strange, but I had a reproducible kernel panic when using the LittleSnapper bookmarklet on my MBP Retina. Apparently, capturing full-page retina screen shots of certain pages was asking my GPU to do some wacky stuff.

Tread carefully there. Otherwise, I absolutely love LittleSnapper.

Vote Up Vote Down

@Ravi4787994

SnagIt has a Mac version which works really well. It can do browser auto-scrolling for web pages too.
www.techsmith.com/snagit.html

Vote Up Vote Down

@Rivera951

In addition to the previously mentioned apps, also take a look at Skitch and SnapzPro X (though that one isn't Mountain Lion compatible yet; don't know why).

Vote Up Vote Down

@Hamaas979

LittleSnapper

LittleSnapper is awesome. I'm 90% sure it works with Retina display Macs, but I don't have any way to confirm.
www.realmacsoftware.com/littlesnapper/


Paparazzi

Paparazzi is pretty old, but free. So you could give that a shot first. I don't know how well it'll handle Retina screenshots though.
derailer.org/paparazzi/


Photoshop

You could also take full screen Safari (or other web browser) screenshots, then batch process to crop and merge. Depending on what you're trying to do, that may be easy or quite difficult.



Automator

If you're just needing to crop images, OS X's Automator is free, quick and easy to use.

Vote Up Vote Down