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.
From 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.
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).
You can edit some of the image’s settings, as shown below.
- Title – Image title to be displayed when the image attachment page is viewed or when the image is viewed as part of a gallery or carousel.
- Alternative Text – Displayed when images don’t load. Useful for visually impaired users viewing the site through a screen reader, or for those using a mobile device who have images turned off.
- Caption – Displayed when using captions.
- Attachment page content – Full image description or other information to accompany the image on its attachment page.
These settings cannot be changed:
- Permalink – Address of the image’s attachment page.
- Uploaded on – Date and time the image was uploaded.
- File URL – Location of your image on the server.
- File name – Name of your image file. You can change the file name on your computer before you upload it.
- File type – Automatically displayed based on your image’s file type. Common image file types are JPEG, GIF, and PNG.
- Dimensions – Width and height of the original image.
After you modify any of the settings, make sure to click the Update button at the top right to save your changes.
The “Edit Image” button will allow you to modify the image itself, such as cropping it. Learn more about editing images.
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:
A window will appear:
For the most part the options are the same as above with the addition of a 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:
- 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.
- Styles – Styles applied to the link.
- Target – Select whether the link should open in a new window or the same window.