Images

Media

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.

Table of Contents

Image File Types

You can upload the following image types to a post or page:

.jpg/.jpeg
.gif
.png

↑ Table of Contents ↑

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!

↑ Table of Contents ↑

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

CoBlocks

CoBlocks is a library of blocks managed by GoDaddy, made available to you on WordPress.com. It includes four types of galleries:

Collage
Stacked
Masonry
Offset

And it comes with several additional options:

Enable an image lightbox
Display or hide captions
Link individual images
Gutter controls to set the space between images
Apply images filters (Grayscale, Sepia, Saturation, Dim, Vintage)

The galleries can be shown in full-width with themes that allow it, as showcased showcased in the Mayland theme.

Collage Block

The Collage block assembles images into a beautiful collage gallery.

Default display

Tiled display with Sepia filter

Layered display with shadow effect and grayscale filter

Masonry Block

The Masonry block displays multiple images in their optimal position based on the available vertical space, sort of like a mason fitting stones in a wall.