WordPress.com

How to Resize an Image

Scaling, cropping, and editing an image in WordPress.com doesn't take much time, but can improve your site's performance.

Like words, photos tell stories. In fact, people are more likely to remember and share information if it’s paired with an image, according to HubSpot. Too often, website managers treat images like afterthoughts.

We’ve all experienced it — how many times have you visited a site and seen stretched, blurry, and distorted photos that gave you double vision? Don’t make this mistake when launching your site. Here’s how to resize an image the right way.

Why photo sizes are important

Everything that you add to a site affects its performance, especially when it comes to photos. Images that are too large will take up more bandwidth, causing slower load times. This both frustrates visitors and affects your search-engine ranking in Google.

Alternatively, images that are too small will damage the user experience. Your site visitors shouldn’t have to squint when they view your product photos. Poor image quality also sends a bad message to potential customers — if you don’t take the time to present them with professional images, why should they reward you with their business?

How to scale an image

Fortunately, there are a few ways to edit or resize an image using your WordPress.com site. The first option is to scale your image. Scaling involves resizing an image in a way that keeps its original proportions intact, and doesn’t make it look like someone stretched it from head to toe.

Here’s how to properly scale an image:

  1. Go to your site’s settings by clicking on My Site or My Sites (if you have more than one) in the top-left corner of your screen. You’ll see this option no matter where you are on WordPress.com

  2. Click on Media to access your Media Library. From here, you can either upload a new image or select one that you previously uploaded.

  3. Once you click on the image, you’ll be taken to the Image Editor. You’ll see information about the image, including file type, file name, file size, and the dimensions.

  4. Click the Edit Image button at the bottom of the photo. You will be directed to the Image Preview page.

  5. You’ll see a few options on the right side of the page to either scale the image or crop it.

  6. You’ll see the photo’s original dimensions and a field where you can type in its new dimensions. This doesn’t require any calculations — simply type in the new height or width, and the remaining dimensions will automatically adjust, keeping the photo proportional.

Scaling is best if you want to make a large photo smaller. Doing the opposite will cause an image to look pixelated, leading to poor image quality.

How to crop an image

You also can crop an image if you only want to feature a specific section of it. It’s better to scale an image before you crop it in order to maintain the original integrity of the photo.

You can crop a photo from the Image Editor, or you can do it directly from the Visual Editor of a post or page.

From the Image Editor…

  1. Using the Crop tool, click and drag to select a section of the image that you want to feature.
  2. To maintain the cropped image’s shape, enter the aspect ratio into the empty field under Image Crop. The aspect ratio is the relationship between the photo’s width and height. This ratio gives the photo its shape. Two of the most common aspect ratios are 1:1 and 4:3.

  3. Once you’re done, hit Save.

From a post or page…

  1. Click My site.

  2. You’ll see a list of options on the left side of the page, including Blog Posts and Media.

  3. Click Media, and upload a new image or select from previously uploaded ones.

  4. Select an image and click Edit.

  5. You’ll see a preview of the image. Click Edit Image in the upper right-hand corner of the photo.

  6. Click the Crop icon. A dropdown menu will appear with a list of aspect ratio options, including “Free,” “Original,” “Square,” “16:9,” “4:3,” and “3:2.”

  7. Select one and use your mouse to choose the portion of the image you want to keep.

  8. Click Done to save the cropped image.

WordPress.com offers several options for resizing images — from scaling to cropping. Once you understand how to resize an image while ensuring that it’s professional and striking, you will attract more visitors to your beautiful site, keeping them on your pages for much longer periods of time.