business & technology for wedding and lifestyle pros

Images In Blog Posts: The Technical Side


We’ve talked about the legalities and etiquette of images in your blog posts.  Today, let’s chat about some of the tech tips for blog images.

Tech Tips for Images in Blog Posts

Size matters

High resolution images are a no-no.  Not only will it kill the speed of your site to host high resolution images, but it’s also bad blogging etiquette. Use WordPress’s built-in Media resizing functionality to help you out with resizing.  Under Settings -> Media you can supply a thumbnail size, a medium size (I use this for vertical images) and a large size (horizontal).  As you upload photos, WordPress will automatically create copies of the image resized to each of your specified dimensions.

Because most people are viewing your site on a widescreen monitor, portrait/vertical photos should be sized to about half of the width of landscape/horizontal photos.  This will help to keep the file sizes smaller, as well as keep each image within the viewable area of everyone’s screen.  For aesthetic reasons, this is why many blogs choose to “pair up” verticals in their posts.

What’s in a name?

A lot actually.  Search engines can’t “see” images, they simply recognize the caption (aka alt text), title, and image name and read those to index the image.  Name your images something descriptive and WordPress will automatically fill in the alt text with your image name.

When deciding on a file name, put yourself in the shoes of the searcher. “Juli and Jon Wedding.jpg” likely won’t produce any search hits. But “Yellow Sunflower Bouquet.jpg” might. Your alt text will also become your default Pinterest text when a reader pins an image from your site, so choose wisely!

A helpful hint

Using a Content Delivery Network (“CDN”) helps to speed up the delivery of images. A CDN makes copies of your images (along with stylesheets, javascript files, and the like) and places them on their servers worldwide. This way, your visitors are served up a file from the location closest to them. Cloudflare is a great choice for starting out with a CDN, as they have a free plan. WordPress’ Jetpack plugin also includes the option to use their Photon service.

In future posts, we’ll cover more advanced WordPress image issues, such as custom fields for image photography credits, media tagging, and the like. What other image tips and tricks do you have to share?

Chime In

One comment on “Images In Blog Posts: The Technical Side

  1. Christie O. writes...

    Sometimes you can click on the image to get the original size. From there, I right-click to download and then “resize” in wp.

    Of note, the local photogs I work with do not like bloggers to resize without preserving the original aspect ratio, and they hate it when their images are cropped.

    P.S. Thanks for the awesome tips Ami!

Leave a Comment

Your email address will not be published. Required fields are marked *

TO TOP