Resizing an Image in WordPress: A How-To Guide

young woman takes a photo with her camera outside

Want to learn how to resize an image in WordPress, choose a size for the image on your website or blog or upload a photo into WordPress? We’ve got you covered!

Images are hugely important to most websites — so how do you make sure an image is showing up correctly in your WordPress website? The good news is, resizing an image in WordPress is pretty easy (one of the reasons we love WordPress is how easy it is to use). Even if you don’t have experience in web design, you can add pictures, videos, and content without a lot of website expertise.

How to Choose an Image Size

At Infomedia, we typically recommend that images be no larger than 1200 pixels wide, but a shortcut to choosing which image size will look best on your website is to use another image that’s already on your site as a size template. When you’re viewing your website, find an image you want to duplicate. Right-click that image (Control-click on a Mac), select “Open Image in New Tab,” and copy down the height and width of that image (it’s in the address bar at the top of your screen). Use this information to create your new image.

How to Add an Image in WordPress

After you’ve decided which image you want to use, click the Media button on the left-hand navigation when you’re in the WordPress Dashboard. From there, click Add New next to the Media Library title to drag and drop your picture. Once your image is in the library, you can click on the image you just uploaded to bring up an editing menu on the right side of the page. From that menu, you can choose the alignment of the image, add a hyperlink, and choose a few different pre-determined sizes. If you’d like to edit your image even further, click Edit Image to have even more control. There are many choices here that will let you crop, rotate, and resize your image.

Finishing up: Preview and Add SEO to an Image

Whether you resize your image using a template, the editor in the WordPress backend, or another photo editing software such as Photoshop, remember to include a title on the attachment page for SEO purposes and click Preview before publishing to make sure your image is displaying correctly.

Resources: Learn Advanced Photo Editing

Want to take photo editing to the next level? For basic photo editing, you can try Preview (on your Mac), Image Viewer (on your PC), or choose from one of the many online editing programs such as Pixlr Editor. Want to get more advanced? Go for Adobe Photoshop, ACDSee 19 or Apple’s Aperture 3.

Does all this sound like Greek to you? Don’t sweat it — if you’re an Infomedia customer, our amazing website support team can walk you through the steps and get you uploading images without a second thought. Want to find out more about website support at Infomedia? Add your email to the Get Connected button below, and we’ll be in touch.

woman smiles for a portrait photo for Infomedia

A born organizer and go-getter, Mary Katherine is a wizard when it comes to deciphering scheduling apps and puzzling our complicated schedules together so projects get done right — and right on time. She can coorelate, catalog and coordinate with the best of them, and her experience as a web designer and forays into the world of SEO mean she can come in with the assist on projects big and small. Mary Katherine worked in theater in New York City before coming to Infomedia; if all the world’s a stage, we’re glad she’s shined her spotlight back in Birmingham.


See more articles from Mary Katherine Bushnell