Images
Images are a great way to enhance your WordPress.com site. This guide will show you all the different ways you can add images.
Image File Types
You can upload the following image types to a post or page:
- .jpg/.jpeg
- .gif
- .png
Image Guides
There are a lot of things you can do with images, so we’ve broken them down into several pages:
- Uploading Images – All about getting images into your posts and pages from your computer, the web, and the Media Library.
- Image Settings – Add a title or a caption to your images. Includes where to find basic info about your image like the permanent link, image dimensions, and file type.
- Editing Images – Is your image upside down or a little too big? This is a guide on how to crop, rotate, and scale your images.
- Galleries and Slideshows – Display your images in a gallery or slideshow.
- Image Optimization – When you decrease the file size for images before you insert them, uploads and pages will load faster.
- Troubleshooting – Are your images not uploading? Here are some tips for getting them to work!
- Finding Free Images and other Media – Need a public domain or copyleft image for your site? Here are some suggestions on where to find them!
Examples
Here are some working examples to show various ways you display your images using blocks. The images will look different depending on the theme you are using on your site, so try them out on your site!
All the images are courtesy from the Pexels Free Photo Library.
Image Block
The Image block is for adding singles images. It’s minimalist, but combined with the Columns block, it can yield a creative design as is showcased in the Coutoire theme.
Default style:
Rounded style:
Cover Block
The Cover block is best appreciated with a theme allowing full-width display. It’s wonderfully showcased in the Dalston, Alves, and Maywood themes.
The block includes options for a fixed background, overlay with gradient, and different display styles.
Fixed Background ON
Fixed Background OFF
Gradients Overlay with Bottom and Top Wave styles
Gallery Block
The Gallery block allows you to easily add multiple photos and have them automatically arranged in an attractive way.
Slideshow Block
The Slideshow block is great to share pictures without taking too much space on a page or post. See it featured in the Rivington theme.
The below example uses the autoplay option, learn about all the other options in the Slideshow block guide.
Photo by Hendrik Cornelissen on Pexels.com 
Photo by Elena Blessing on Pexels.com 
Photo by Pixabay on Pexels.com
Media & Text Block
The Media & Text block allows you to place an image or video side-by-side with text.
It comes with a handy option to stack the media and text on mobile devices.
Some creative ways to use it are featured on the Exford and Barnsbury theme.
“If there’s a book that you want to read, but it hasn’t been written yet, then you must write it.”
— Toni Morrison
On the left is how the stack on mobile option will display content.
By default, the media will show on top.
Image Comparison Block
Use the Image Compare block to place two images side by side (or above and below) and use a slider to reveal differences between the two images.
Tiled Gallery Block
The Tiled Gallery block includes an option for rounded corners, and comes in four different styles:
- Tiled mosaic
- Circular grid
- Square tiles
- Tiled columns
It’s a creative way on its own to share images, and can be a great sidekick to the Slideshow block, as is showcased in the Rivington theme.
Tiled Mosaic
Circular grid
Square tiles with option for rounded corners
Tiled Columns
Versatile plans and pricing
-
Free
Best for students
-
Personal
Best for hobbyists
-
Premium
Best for freelancers
-
Business
Best for small businesses
Still confused?
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!
