Media

Images »Adding Images to Posts or Pages in the Classic Editor

Use this guide to learn how to add images to your site from your computer, another website, or your Media Library using the classic editor. If you are using the block editor, see the Image Block guide. Which editor am I using?

Note: The instructions from this guide are referring to the Classic Editor. If you are using the WordPress block editor, please see this guide.

Table of Contents

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.
Dragging and dropping an image into the Classic Editor

↑ Table of Contents ↑

Insert an Image from the Web

This method will not necessarily upload the document/file to your site’s Media Library. Files from an external site will be uploaded 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 Add Media button.
  1. Choose Insert From URL and paste the URL of the file before clicking Insert Into Page.

↑ 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 button found directly above your editor.
  1. Locate the image you wish to insert and select it. You’ll be able to navigate among Images, Documents, Videos and Audio files. Note that the last two options are only available with the WordPress.com Premium and Business plans.

To learn more about these settings, visit our guide here.


↑ Table of Contents ↑

Image Alignment

When inserting images into your posts and pages, you can have your text wrap around them. Just click on your inserted image to select it, then choose the alignment you want.

Image Alignment options in the Classic Editor
Image Alignment options in the Classic Editor

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.

side-by-side-pictures

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 and select the No alignment option. The text will then stop wrapping around your image.

no-alignement-image

↑ Table of Contents ↑

Editing your Inserted Images

Note: To view these dashboard pages, visit your Account Settings and enable the option show advanced dashboard pages. You can then get to this dashboard by adding /wp-admin to the end of your site’s url (e.g.: my.blog/wp-admin)

When creating a post/page from the WP Admin dashboard, you can edit inserted images 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 ↑

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 and the .png format. Animated gifs will not display unless they are displayed at 100% full size.

Not quite what you're looking for?

Get Help