Enhance Your WordPress Blog Content with Images

A white, rounded square logo with an abstract S-shaped design on a gradient blue and purple background.

At PaperStreet, there are many reasons we build most of our websites in WordPress. But if there’s one reason to rule them all, it is to enable you, the website owner, to add your own content. New posts and pages keep things fresh, making visitors (and search engines) happy. And that’s good for business.

So, as you’re adding content, how can you draw more eyes, break up text, and illustrate key points? Images.

Adding an image to a post in WordPress involves:

  1. Finding, editing, and (optionally) compressing your image
  2. Actually adding the image to your post

Step #1: Finding, editing, and (optionally) compressing your image

Believe it or not, before you can add an image to a webpage, you need an image to add. There are many ways to acquire images, including:

  • Taking your own photos
  • Purchasing photos from services like iStock

Once you have an image like a JPG or PNG file, you will often want to edit its dimensions. Some photos are shaped like rectangles (e.g. 2000 x 1000 pixels) but are meant to fill a square space (e.g. 300 x 300 pixels) on the website. Using improper image proportions usually results in poor appearance of the image on the page.

Two people in business attire shaking hands. The image is shown in two aspect ratios: 700x500 pixels (7:5) on top and 500x500 pixels (1:1) on the bottom. Enhance your WordPress blog content with images like these to convey professionalism and build trust with your audience.

Ideally, you want an image that matches the proportions of like images. Say a new attorney joins the firm and you are adding their photo to the website. All the other attorney portraits have a 1:1, or square, image ratio sized 300 x 300 pixels. Preferably, the new attorney’s photo will be cropped to 300 x 300 pixels; but if it is not, any image size of the same 1:1 ratio will have a consistent appearance on the website.

A green hummingbird hovers mid-air, next to a computer screen displaying a right-click context menu highlighting the "Open image in new tab" option—an elegant reminder to enhance your WordPress blog content with images.

Be mindful of file sizes. Larger images take more space on the server, and worse, take more time to deliver to visitors. Slow websites lose traffic. As a rule of thumb, small images shouldn’t take more than 50 KB of space, and even the very largest images shouldn’t take more than 500 KB.

There are two ways to reduce image file sizes; one you can do in photo editing stage, while the other requires a tool for image optimization.

  • Reduce the image size. Say you are replacing a 300 x 300 image. While a 2800 x 2800 image might look acceptable on the site, it is demanding hundreds of kilobytes, if not several megabytes, of additional data on every visit to the page. Yikes! Crop the image to precisely the size it needs to be – in this example, 300 x 300 – and no more.
  • Compress the image. Even if the image dimensions are a match, the image can likely be compressed, or optimized, for a smaller file size, with no perceivable difference in quality. TinyPNG is a free, easy-to-use web service that provides effective image compression. Smush is a great plugin for your WordPress website that will automatically compress images added to your Media Library from now until the end of time.

Step #2: Actually adding the image to your post

Have your image chosen, cropped down, and ready for your website? Great! It only gets easier from here.

Here’s how to get that image onto the page:

  1. Log in to your WordPress admin area if you are not already there (yourwebsite.com/wp-admin).
  2. Find a post to add the image to.
  3. (Optional) Click a line inside the content editing area to select the location where the image should be inserted.
  4. In the top-left of the content area, click “Add Media.”
  5. Upload your image by dragging it into the upload space or locating it on your local hard drive.
  6. Once the upload completes, select the image in the Media Library, then press “Insert into post.”
  7. Update (Save) or Publish the page.

        Screenshot of the WordPress editor with the "Add New Post" interface open. A red arrow points to the "Add Media" button in the toolbar, demonstrating how to enhance your WordPress blog content with images.

This process adds the image to your website’s Media Library, a set of folders that hold uploaded images and other files. Now, if you go to a different post and press “Add Media,” you would see the image you just uploaded sitting in the Media Library. In this way, a single uploaded image can be used in multiple places.

If you ever need assistance in updating photos on your website, contact our support team at helpme@paperstreet.com.

Share This
Blog Decorative Background

Join the Sales and Marketing News, receive our last insights, tips and best practices.

Our 7 Guarantees

Keeping 2,000+ Clients Happy Since 2001.

1
You Will Love Your Design We design to please you and your clients
2
Same-Day Support 24-hour turnaround edits during business hours
3
Free Education We provide knowledge to help you expand
4
No Hidden Charges We quote flat-rate projects
5
Own Your Site No strings attached
6
We Create Results SEO, PPC, content + design = clients
7
We Make Life Easier One agency for web, branding and marketing