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.
To embed images from Getty Images
- Go to http://www.gettyimages.com.
- In the Start searching now box, type keywords that correspond to the image you wish to locate, and then press Enter.
- When you find an image you want to use, do one of the following:
- If you're viewing the image as a thumbnail, point to the image, and then click the Embed this image button .
- If you're viewing a larger version of the image, click the Embed this image button.
- In the Embed this image dialog box, click the size of the image you wish to use.
- 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).
- 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.
- Insert your cursor at the spot where you want to embed the Getty image.
- Paste the Getty code into your webpage code.
You can press Ctrl+V (Mac: Command+V) to paste the code at the insertion point.
- Look for the opening <iframe> tag in the code you just pasted, and then locate the information that begins with src="//embed.gettyimages.com.
- 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.
- Save your webpage, and then test your webpage in a browser to confirm that the Getty image displays as expected.