Optimize Your Blog Images
A question I often get asked from clients who are new to blog publishing is “How are the blog featured image dimensions defined?”
In this guide, I’ll answer this question plus provide you with tips on how to best optimize the other images placed throughout the body of your blog.
Before we start, it’s important to understand that most content management systems (CMS) simply take-in the content you feed it. They DO NOT prepare, crop or adjust images for you. Although this may seem like a daunting task, it’s not. A simple Google search for “Free Image Editing Programs” will provide you with plenty of resources and tools you need and get you going on making the best images for your blog posts. Personally, I like to use Photoshop, but there are many FREE alternatives for those that don’t need all the bells and whistles that come with Photoshop.
A GREAT free tool that I often use to optimize my images is https://squoosh.app/. You simply drag the images you want optimized and with a few clicks, it will create Blog Ready images that are truly optimized for fast page-load speeds.
First, let’s go over the blog’s main Featured Image.
Featured images will be the images that automatically become the blog post’s thumbnail. Your featured image will be the visual representation of the blog post that it is assigned to. It will also become the default image that will automatically be used when your posts are shared from your site onto other social media channels.
-- Social Media Image Share Example --
Although there is no restriction on what the width and height a featured image should be, they flush best when they are cropped by 1200 x 600 pixels (rectangle). This will likely guarantee that the content on the image itself is visible and the important visuals on the image are not cropped off.
Download Featured Image Placeholder
Download PSD Image Placeholder
Once your image is sized according to the best dimensions and specifications, your image will actually be cropped accordingly. Because of this, sizing your featured images proportionately to your post thumbnail size will prevent strange cropping issues.
Next, we’ll cover the other images placed in the body of your content.
For the images you bring into your blog post via the content editor, it’s all about knowing the options you have available to you. The best part is, there aren’t that many options. Because there is no “one size fits all” approach these options are here to make sure you get the desired result you’re looking for.