Adding Images in WordPress

WordPress Tutorials
For Beginners and Advanced

How to Add Photos or Images to your Website

Updated: May 2, 2023
By: RSH Web Editorial Staff

Contact Us

WordPress Adding Images
Menu

Adding Images in WordPress

Using a visual element like Images or Photos are a great way to enhance your WordPress blog or Website.

Your image should be a WebP, JPG, GIF or PNG type file. Any other format is likely to be inappropriate for web use and will need to be converted beforehand (usually with image editing software). We suggest that you compress your images to a sensible size. You can use image compression plug-ins such as Imsanity. This automatically resizes your image to a more sensible size. This can be very important if inserting images which have come directly from a camera. Or an Online Image Compressing website such as CompressJpeg.com. Also see our Free Image Optimizer Tools and our Plugins list below.

Determine where you’d like to insert your image in your post.

Adding Images

Above the Post editor toolbar, you will see an Add Media button. Click the "Add Media" button, and you’ll see the "Insert Media" box.

Your WordPress website uses a media library to store all of your media like images and videos. From this box, you can choose to either upload a new file or use an existing file in from the media library. To upload an image, click the Select files button. Find the image you’d like to use and click open.

When your image is uploaded, you will see it has been added to the media library. On the right side of this box, you will see the attachment details for this page. Here you can change the Title, Caption, Alt text and Description. You can also choose the alignment of the image (such as center, left or right), where the inserted image should link to, the actual URL of the image and the size of the image.

Make sure the image has a checkbox and click the "Insert Into Post" button. Now you will see your image is added to your post.

If you click on this image, you should see two boxes appear in the upper left-hand corner of the image. The first is the image icon. If you click that icon, you will see another box open for editing the image. Here you can change the size of the image based on percentages (which can be a handy tool for resizing) or you can update the title, alternative text, the caption and link URL. You can also select this image to link nowhere, or to link to the actual image file.

If you click the advanced settings tab, you will see the URL of where the image file is hosted on your site. The actual width and height of the image in pixels. The CSS Class, styles and image properties that add padding around the image.

Return to the image in your post. The next icon in the upper left corner will delete the image out of the post if you want.

If you click the "Add Media" button again, you will see the same insert media box. On the left side of this box, you will see options to create a gallery and set the featured image. Once you have more images in your media library, you will be able to add an entire gallery of images into the post.

The featured image of the post is sometimes used by your WordPress theme. Go ahead and choose this image as your featured image and return to the post editor. You can preview the post and see that the image has been added.

WordPress Image Plugins

Imagify

Compress images & convert WebP with the best WordPress image optimization plugin. Optimize images in 1-click & resize images with our image optimizer

Simple Image Sizes

Tags: images, image, custom sizes, custom images, thumbnail regenerate, thumbnail, regenerate, cropping

EWWW Image Optimizer

Smaller Images, Faster Sites, Happier Visitors. Comprehensive image optimization that doesn't require a degree in rocket science

Smush

Compress images & optimize images with lazy load, WebP conversion, and resize detection to make your site load amazingly fast

Converter for Media

Speed up your website by using our WebP & AVIF Converter. Optimize images and serve WebP and AVIF images instead of standard formats

Canvas Image Resize

Re-sizes images right inside the browser BEFORE uploading them.

ShortPixel Image Optimizer

Optimize images & PDFs smartly. Create and compress next-gen WebP and AVIF formats. Smart crop and resize.

Default featured image

Add a Default Featured Image for all posts & pages.

Auto Image Attributes

Automatically Add Image Title, Caption, Description And Alt Text From Filename. Includes a bulk updater to update existing images in the Media Library

Image optimization & Lazy Load by Optimole

Automatically compress, optimize and serve scaled images as well as convert WebP & AVIF all from CloudFront CDN. Lazy load included

 Tweet  Share  Pin   Email

 
 
 

Related Articles

We are here to help you set up your WordPress Hosting and build an audience.