How to Get Perfect WordPress Featured Images: A Step-by-Step Guide for the Astra Theme

So you’ve installed WordPress, chosen the brilliant Astra theme, and published your first few blog posts. But something looks… off. You check your main blog page, and the layout is a mess. Some featured images are tall, some are wide, and your professional-looking grid just looks broken.

This is one of the most common and frustrating problems for new WordPress users. The good news? It’s incredibly easy to fix.

This guide will walk you through why this happens and provide a step-by-step tutorial on how to perfectly crop and resize your images for a clean, professional blog layout.

Why Are Your Images Different Sizes?

WordPress and your theme (Astra) try their best to display your images, but if you upload pictures with different aspect ratios (some are square, some are wide, some are tall), the theme has to guess how to display them.

While you can sometimes find aspect ratio settings in Appearance -> Customize -> Blog -> Blog / Archive, the most reliable method is to prepare your images correctly before you upload them.

Choosing Your Aspect Ratio

Themes like Astra often use a 4:3 aspect ratio (a classic rectangle) for featured images on archive pages (your main blog feed).

• For general use (4:3): A size of 1200px by 900px is perfect. It’s large enough for high-resolution displays but optimized for fast loading.
• For wide images (16:9): A size of 1920px by 1080px is standard for full-width post headers, but be aware that the 4:3 grid on your blog page might still crop them.

My recommendation: Stick to 1200px by 900px (4:3 ratio) for all your blog’s featured images. This will guarantee a clean, uniform, and professional look.

Step-by-Step Guide: How to Prepare Your Images with GIMP

GIMP is a powerful, free tool (like Photoshop) that’s perfect for this. Here’s the exact workflow to get perfect images every time.

Part 1: Cropping to a 4:3 Aspect Ratio

This is the most important step for a uniform layout.

1. Open Your Image: Go to File -> Open and select your image.
2. Select the Crop Tool: Find the “Crop Tool” icon in the toolbar (it looks like two crossed knives) or simply press Shift + C.
3. Set Fixed Aspect Ratio: In the “Tool Options” panel (usually on the left), check the box for Fixed and select Aspect Ratio.
4. In the field next to it, type 4:3.
5. Select Your Area: Click and drag a box over your image. The box will be locked to a perfect 4:3 ratio. Move and resize the box to frame the most important part of your image.
6. Apply the Crop: Hit the Enter key. Your image is now perfectly cropped.

Part 2: Resizing the Image to 1200x900px

Now that the ratio is correct, let’s set the final size.

1. Open Scale Image: Go to the top menu and click Image -> Scale Image….
2. Set the Pixels:
   • You’ll see fields for Width and Height. Make sure the chain icon (🔗) next to them is locked.
   • In the Width field, type 1200.
   • Because the chain is locked and your ratio is already 4:3, the Height will automatically change to 900.
3. Set Quality: Under the “Quality” section, set Interpolation to Cubic or LoHalo for the best quality.
4. Apply the Scale: Click the Scale button.

Part 3: Exporting & Optimizing Your Image

You’re almost done! Now we just need to save it correctly.

1. Export: Go to File -> Export As….
2. Name Your File: This is a key SEO step! Don’t use IMG_1234.jpg. Name it using your target keywords. For example: paid-surveys-review-guide.jpg.
3. Choose File Type: Select JPEG image (.jpg) at the bottom.
4. Set JPEG Quality: In the next dialog box, set the Quality slider to 70-85. This is the best compromise between quality and file size. Click Export.
5. FINAL STEP (Don’t Skip!): Go to TinyPNG.com and upload your new JPEG. This tool will compress the file even further (often by 50-70%) with almost no visible loss in quality. This is critical for making your site load fast.

---

Final WordPress Checklist

Now you have a perfect, optimized featured image.

1. Go to your WordPress post.
2. In the right-hand sidebar, click “Set featured image” and upload your new, optimized file.
3. Fill in the Alt Text: Briefly describe the image using your keywords (e.g., “Review of paid survey sites on a laptop”). This is crucial for SEO.
4. Publish or Update your post.
5. Clear Your Cache: If you use a plugin like LiteSpeed Cache, clear it (Delete Cache) to see the changes immediately.

By following this process for all your featured images, you guarantee a professional, uniform, and fast-loading blog that both your readers and Google will love.