As Applekeeps squeezing more pixels into an inch – 2 times as many on Retina, 3x as many on a 6s – websites that want images to display in high fidelity needto have high resolution image assets.
The project pages on morganintrator.com look like this:
I need a high-res screenshot for that mock laptop screen.
Someone’s done it already
This can’t be that original. But, finding the prior art wasn’t trivial. Maybe 30 minutes of searching before I stumbled into this tutorial:
I went searching for some snippets of that code and learned that it was an example for the PhantomJS tool Rasterize. Here’s the example code.
I had to tailor it some. Here’s my Github repo. I left the screenshots in there so you can see what the results look like.
Brilliant. We’ve got retina-ready screenshots. Hell, we could go crazy and get some in print fidelity (10,000px maybe).