High Resolution Screenshot

I am using the Awesome Screenshot extension/addon for Google Chrome, Safari and Firefox.

It was working well and generating HiDPI (Retina Screenshot) on my MacBook Pro Retina until yesterday, but today it started generating normal screenshot in Firefox and Google Chrome yet still creates high resolution screenshots in Safari.

I am using Google Chrome Version: 38.0.2125.101 & Firefox Version: 32.0.3.

How can I generate high resolution screenshots in Chrome and Firefox on my MacBook Pro which is Retina Ready?

Currently, I am using Paparazzi as an alternative for high resolution screenshots, but I need to take responsive screenshots as well by resizing the browser, which is not possible in Paparazzi.

Solution 1:

This can be achieved in Chrome as of v59:

Announcement in the developer blog

Video tutorial

Summary of steps (if you prefer text):

1. Open Developer tools
2. Toggle the device toolbar
3. Set the desired resolution in the device toolbar (take note of the DPR option, as this is what controls pixel density)
4. Select the More options overflow menu in the device toolbar
5. Select Capture screenshot or Capture full size screenshot
6. The screenshot will be saved to your Downloads folder