How to Embed an Image Onto Different Sources

Posted by

Unfortunately, there’s no such thing as an ’embed image’ button on your keyboard. Therefore you’re going to need to learn how to embed images – luckily it’s super easy if you just follow this guide. Here are some of the most common different ways to embed an image, presented in a very straightforward, step-by-step manner.

How Do I Embed a Google Image?

If you have a lot of images stored on Google Photos, it’s easy to embed them into numerous websites. Here’s how:

  1. Open Google Photos
  2. Locate the image you wish to embed
  3. Click the image to open it
  4. Find the ‘share’ icon in the upper right hand side of the window
  5. Click the ‘create link’ button
  6. Copy the link and paste it to whichever location you wish

You can also use an embed code generator or open the site you wish to embed onto and paste the code (into a website, blog, etc.). This requires an extra step and an outside source, so only use this method if you don’t have direct access to Photos temporarily.

A screenshot of Google Photos.
Use the ‘share’ icon to embed in Photos.

Into WordPress

WordPress is a content management system designed to publish media and text onto web pages and blogs. WordPress makes it easy for users to add different kinds of digital images to sites and blogs. To embed an image using WordPress, simply place your mouse cursor in the desired location and select ‘Add media’. From the resulting popup window, locate the file you wish to add and you’re all set!

Into a Word Document

It’s easy to embed an image into your text on a word document, thanks to all the updates and upgrades over the years. For Microsoft Word, the most popular word document tool, it’s a simple process:

  1. Open the word document file you wish to embed an image into
  2. Place your cursor in the spot you wish to put the image
  3. Click ‘insert’ then click ‘pictures’
  4. Locate and select the image you wish to put into your document
A screenshot of Microsoft Word.
Use the ‘insert’ tab to share in Word.

Into HTML

HTML is the language used to create web pages. Chances are, at some point you’ll need to learn how to embed an image in HTML. Here are the necessary steps to accomplish this:

  1. Using the FTP utility of your webpage, upload the image
  2. Make sure your image tag reads < img src=”exampleimage” alt=”An image example” / >
  3. Transmit the HTML file of your web page

Into Illustrator

Illustrator is the Adobe design application used to drastically edit images with numerous tools and features. It hosts stored images that you can take and embed into your documents. Here’s how:

  1. Find the image from your links palette
  2. Select the dropdown menu
  3. Click ‘embed’
  4. Your image is in the document now

Depending on which source you want to embed an image with, there’s usually an easy way to accomplish it. Use this guide to understand the basics and the rest will come naturally. Finally, remember that there are usually alternative methods, so don’t resign yourself to one.

Casey Schmidt – Content Manager and Industry Expert | Canto

Casey is a content management and branding expert who enjoys taking complex subjects and making them easy to understand for readers.