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:

Photo by NEOSiAM 2020 on Pexels.com

Rounded style:

Photo by NEOSiAM 2020 on Pexels.com

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


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.


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.

Side by Side comparison

Above and below comparison

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


Still confused?

Contact support.

Not quite what you're looking for?

Get Help