WordPress Tutorials Beginners and Advanced

Adding Images

How to Add Photos or Images to your WordPress Site

Updated: January 25, 2021
By: RSH Web Editorial Staff
WordPress Adding Images

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 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. We recommend the use of 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 a Online Image Compressing website such as CompressJpeg.com. Also see our Free Image Optimizer Tools

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

Adding Images

Above the Post editor tool bar, 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 check box 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 back to the post editor. You can preview the post and see that the image has been added

Tweet  Share  Pin  Tumble  Email It


Related Articles