You are here: Web authoring > Embed images from Getty Images

Embed images from Getty Images

Getty Images permits you to include images from its impressive catalog on your website, blog, or social media account, as long as the site or account is used for non-commercial purposes and as long as you embed the images as instructed on its website. The images appear without watermarks and include a link back to Getty's website and to its social media accounts.

This page clarifies how to embed the images, because the procedure Getty provides is incomplete. Remember always to check Getty's website to ensure you're following the terms of use.

To embed images from Getty Images

  1. Go to http://www.gettyimages.com.
  2. In the Start searching now box, type keywords that correspond to the image you wish to locate, and then press Enter.
  3. When you find an image you want to use, do one of the following:
  4. In the Embed this image dialog box, click the size of the image you wish to use.
  5. In the box that contains Getty's web code to select all of the provided code, and then copy the code to the clipboard.

You can copy the code to the clipboard by pressing Ctrl+C (Mac: Command+C).

  1. In your webpage editor, open the webpage you want to embed the Getty code into.

If you're working in Dreamweaver, click the Code or Split button.

  1. Insert your cursor at the spot where you want to embed the Getty image.
  2. Paste the Getty code into your webpage code.

You can press Ctrl+V (Mac: Command+V) to paste the code at the insertion point.

  1. Look for the opening <iframe> tag in the code you just pasted, and then locate the information that begins with src="//embed.gettyimages.com.
  2. Click between the first quotation mark and the first slash, and then type http followed by a colon. When you finish, the text should now begin with src="http://embed.gettyimages.com.
  3. Save your webpage, and then test your webpage in a browser to confirm that the Getty image displays as expected.