Adding Images to Posts

Uploading Images

You can upload the following image types to a post or page on your WordPress.com blog by using the Add an Image icon found within your visual editor:

  • .jpg/.jpeg
  • .gif
  • .png

Notes: 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. To only upload an image to your blog’s Media Library (and not attach it to a specific post/page), use Media -> Add New in your dashboard.

From Your Computer

    1. Go to Posts -> Add New or Pages -> Add New, or open an existing post in editing mode.
    2. Place your cursor where you would like the image to appear, and click on the Add an Image icon found in the Upload/Insert icon group directly above your editor.

    1. Click on the Select Files button and choose the image file from your computer.

    1. Once the uploading/crunching process has completed, you will be given the option to edit some settings before inserting the image into the post/page.

image-post-settings

Title - Text displayed as a tooltip (when a mouse is hovered over the image)

Caption - Image caption displayed directly underneath the image (will also serve as the alternate text.)

Description - Text displayed with the image in your dashboard and attachment pages on your blog.

Link URL / Link Image to: – The URL/web address to which the image will be linked. Click the File URL button to link the image to its original, full-size version. Click the Post URL button to have the image linked to its attachment page.

Alignment – The position of the image within your post or page.

Size – The size of the image. You can change this later under Settings -> Media.

    1. When finished choosing your image settings, click on the Insert into Post button.

img-insert

 

From Media Library

The following process describes inserting an image which already exists in your blog’s Media Library.

    1. Go to Posts -> Add New or Pages -> Add New, or open an existing post in editing mode.
    2. Place your cursor where you would like the image to appear, and click on the Add an Image icon found in the Upload/Insert icon group directly above your editor.

    1. Click on the Media Library tab.

    1. Locate the image you wish to insert and click its Show link.

img-from-ml-show

    1. You will be able to edit some of the image’s settings before inserting it into the post/page. Note that the fields will already be populated if you previously added the information when you uploaded your image to the media library.

Please see here for explanation of these settings.

    1. When finished choosing your image settings, click on the Insert into Post button.

img-insert