Lost your password?

Media

Images » Image Settings

You can customize a variety of settings for each and every image uploaded to your WordPress.com blog’s media library. There are a few ways in which you can access the settings for your images, so we’ll outline all of them for you here.

Media Library

You can modify a few settings for your images directly from your media library, which can be accessed from within your dashboard via Media -> Library on the left menu.

Once in your blog’s Media Library, you can hover your pointer over any of the images and choose the Edit option that appears (you can also simply click on the image’s title).

img_settings_ml

You will now have the ability to edit some of the image’s settings, as shown below.

img_settings_ml_edit

Title – Image title to be displayed as a tooltip (when a mouse is hovered over the image).

Caption – Image caption to be displayed when using captions (will also display as the alternate text).

Description – Full image description.

File URL – This is the location of your image. Note that it cannot be modified.

After you modify any of the settings, make sure to click the Update Media button to save your changes.

↑ Table of Contents ↑

Within Posts

As well as being able to set the size of an image from the image settings you can also edit the image directly from the visual editor. To do this click on an image in the visual editor and select the configure button:

edit image

A window will appear:

image settings

For the most part the options are the same as for image settings with the addition of a resize scale:

resize scale

Clicking on a percentage will scale the image to that percent. The preview area to the right will size accordingly to show you the effect of the resize.

Also along the top is an advanced settings tab which, when clicked, will display this:

advanced settings

Source – The actual URL for the image in case you want full control over parameters

Size – Exact control over width and height, with the option to reset to the image’s original values.

CSS class - The CSS classes that will be added to the image given the current settings. You can override this as appropriate.

Styles – Any CSS styles to be applied to the image.

Image properties – Thickness of border (in pixels), vertical space (in pixels), and horizontal space (in pixels).

Title – Image title to be displayed as a tooltip.

Link rel – The link’s rel attribute, for adding nofollow amongst other things.

CSS class – CSS class applied to the link.

Style – Styles applied to the link.

Target – Select whether the link should open in a new window or the same window.

↑ Table of Contents ↑

Drag size

If the above options aren’t enough you can also directly resize an image using any of the standard resizing handles:

drag start

The image can then be resized by moving the mouse.

dragging

Note that the image may become distorted or blocky, depending on your resize.

Last modified: October 23, 2009

Help us improve:

We're always looking to improve our documentation. If this page didn't answer your question or left you wanting more, let us know! We love hearing your feedback. For support, please use the forums or contact support form. Thanks!