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


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.


Offset Block

The Offset block displays images in an offset brick pattern gallery.


Not to be mistaken with the Post Carousel block, the CoBlocks Carousel block allows you to show just images inside a carousel.

Here’s an animation of how it’ll show:

The Carousel block is available on Business and eCommerce plan sites with plugins installed only.


Stacked Block

The Stacked block displays multiple images in a single column stacked gallery.

Saturation filter

Vintage filter


GIF block

The GIF block allows you to easily add some GIF images from Giphy.
This is a colorful way to express feelings on your site.

Joy

Sad

Still confused?

Contact support.

Not quite what you're looking for?

Get Help