All graphic designers will be familiar with image libraries and there are plenty out there to choose from. By far the most popular because of its range and quality of images is iStock and it is one that we use here at Yellow Cat Design. When creating those initial proofs for customers you obviously don’t want to pay for an image in case it turns out to be not quite right so iStock provide a low resolution watermarked “comp” image (see sample image). These are usually fine because they give you a rough idea of how the image will fit within a design but often the large watermark obscures the image and when blowing them up to A4 size or larger they get very pixelated.
However, there is a very easy trick that will allow you to access much higher resolution images with smaller watermarks by following the steps below. We have used Safari on a Mac for the demo but you should be able to do this in any browser with an inspect tool add on.
Before you start you need to enable the Developer menu in Safari by going to Safari>Preferences>Advanced and tick “Show Develop menu in menu bar” at the bottom
Next, find the image that you want and click through to the image page e.g. http://www.istockphoto.com/photo/closeup-of-sunflower-50901542
Instead of clicking the “Get a Comp” link as usual zoom right into the image as far as it will go.
Return to the page and right click anywhere on the page and select “Inspect Element” from the menu
In the Developer menu find and open the images folder and look for images that start with the word “zoom” .
Double-click the largest “zoom” image with the number 3 at the end to open it in a new window.
Right click the image and select “Save Image As…” and save the higher res version wherever you like. Now you have a nice large image with much smaller watermarks to use in your mockups!
great stuff