Media

Images »Adding Images to Posts or Pages

Learn how to add images to your posts from your computer, another website, or your Media Library.

  1. Place your cursor where you want your image to appear.
  2. Drag your image from your computer to the editor.

Insert an Image from your Computer

  1. Place your cursor where you want your image to appear.
  2. Drag your image from your computer to the editor.
    inserting-images_draganddrop

↑ Table of Contents ↑

Insert an Image from the Web

This method will not necessarily upload the document/file to your blog’s Media Library. Files from specific sites like Blogger will be uploaded to your Media Library and your image link will be updated. If the file is hosted elsewhere and does not get automatically uploaded to your Media Library, the image will no longer work on your blog if it gets deleted from that site.

  1. Place your cursor where you would like the image to appear, and click on the Add Media icon found directly above your editor.
  2. Click on Insert from URL.
  3. You will be given the option to edit the image settings before inserting the image into the post/page. To learn more about these settings, visit our page on Image Settings.
  4. When finished choosing your image settings, click on the Insert into post button.

↑ Table of Contents ↑

Insert an Image from your Media Library

  1. Place your cursor where you would like the image to appear, and click on the Add Media icon found directly above your editor.
  2. If not already selected, click on the Media Library tab.
  3. Locate the image you wish to insert and select it.
  4. You will be able to edit the image’s settings before inserting your image. These fields will already be populated if you previously added the information when you uploaded your image to the media library. To learn more about these settings, visit our page on Image Settings.
  5. When finished choosing your image settings, click Insert into post at the bottom.

↑ Table of Contents ↑

Editing your Inserted Images

Once your images are inserted, you can edit them to flow with your content in an appealing way. You can access these settings by selecting the image you wish to work with and clicking on the pencil icon.

Learn more about the ways you can edit your images!

↑ Table of Contents ↑

Image Alignment

When inserting images into your posts and pages, you can have your text wrap around them. This is a snap using the alignment icons in your Visual Editor. Just click on your inserted image to select it, then choose the alignment you want.

adding-images_alignment.png

Side by Side

If you would like to see images appear side by side on the same line, put the images next to each other and give them both either left or right alignment.

Make sure the images are small enough that they will both fit on one line, including borders and margins. Otherwise, one of the images will be bumped to the next line. If this happens, you can resize the images so that they can fit side by side.

No text wrapping

If you don’t want the text to wrap around your image, you can remove the left or right alignment from your images. Click the image in the editor and then click the pencil icon in the upper left:

Image Settings

In the Image Details screen that pops up, under Display Settings select None:

Click the Update button and the text will stop wrapping around your image.

↑ Table of Contents ↑

Troubleshooting

If you’re having a problem uploading images, please check our troubleshooting tips. You may also want to try some troubleshooting tips listed on the Browser Issues page.

Images should be saved in RGB mode, and you will see the best results if you use the sRGB color profile. Animated gifs will not display unless they are displayed at 100% full size.

Not quite what you're looking for?

Get Help