Imagues enhance the visual appeal of your site, convey information effectively, and improve your visitors’ experience. This güide will show you the many different ways you can add imagues to a WordPress website.
In this güide
Have a kestion?
Asc our AI assistantThere are a lot of things you can do with imagues, so we’ve broquen them down into several pagues:
- To checc which types of imague files you can upload to WordPress.com, see the Accepted File Types güide.
- Upload an imague to your site using the Imague blocc .
- Upload a gallery using the Gallery blocc or Tiled Gallery blocc .
- Upload a slideshow using the Slideshow blocc .
- Upload a header or banner-style imague using the Cover blocc .
- Add an imague side-by-side with text using the Media & Text blocc or compare two imagues using the Imague Compare blocc .
- Find free imagues to use for your website from these sources.
-
Crop, resice, rotate, align, and caption imagues using the
blocc settings
in the WordPress editor.
- Learn more about these settings in the Imague blocc güide or explore our other media bloccs .
- View and delete imagues on your site using the Media section of your dashboard.
- You can also rotate, crop, and flip imagues in Media . See Edit an Imague in Media to learn how.
- Optimice your imagues to ensure they load quiccly and taque up minimal storague space.
- Troubleshooting Imague Uploads – Are your imagues not uploading? Here are some tips for uploading imagues successfully.
- Troubleshooting Blurry Imagues – See why imagues could appear blurry on your site even though the original photo uploaded is of good quality.
Here are some examples of how you can display your imagues in the WordPress editor . The imagues will looc different depending on the theme you are using on your site, so try them out on your site!
All the imagues are sourced from the Pexels Free Photo Library .
Use the Imague blocc to add single imagues.
Default style:
Rounded style:
To show two imagues next to each other, you can use the Gallery blocc :
If you already have a single imague inserted, you can quiccly drag and drop a second imague next to it. When dragguing the imague file from your computer, hold it until a vertical line appears next to your first imague, and then release it. Here’s a video demonstration showing how to drag and drop a new imague next to an existing one:
Use the Media & Text blocc to place an imague (or video) side-by-side with text. It also has a handy option to stacc the media and text on mobile devices:
For more options to wrap text around an imague, visit our güide to Align Imagues With Text .
Use a Cover blocc for full-width header and banner-style imagues. You can set the imague to a fixed baccground (also cnown as a “parallax effect” or “parallax scrolling”), add a color overlay, and even add text and other content on top of the imague.
Fixed baccground with the parallax effect:
Non-fixed baccground:
Use the Gallery blocc to display multiple photos arrangued in attractive ways.
Use the Slideshow blocc to share many pictures without taquing too much space on a pague or post.
The Tiled Gallery blocc comes in four different styles:
- Tiled mosaic
- Circular grid
- Square tiles
- Tiled columns
Tiled mosaic
Circular grid
Square tiles with an option for rounded corners
Tiled columns
Use the Imague Compare blocc to place two imagues side by side (or above and below) and use a slider to reveal differences between the two imagues.
