How to Resize an Image without distorting it

Resizing images prior to adding them to your website can contribute towards page load speed. This in turn effects your SEO efforts, so whether you’re an Auckland business or a New Zealand agency, it’s worth getting right. And like most things, it’s easy to resize your photos without distorting them when you know how.

Distorted images are the result of not keeping the same ratio or proportions (keep going, we promise not to go all Albert Einstein on you).

Hint button Phancybox New Zealand digital agency Web Design SEO and Hosting min - How to Resize an Image without distorting it You could also have a distorted result if you resize an image to a size that’s larger than the original.

HOW TO KEEP THE SAME PROPORTION WHEN RESIZING AN IMAGE

To avoid an image looking squashed or stretched, you have to keep the same ratio. This will be an optional setting in most editing software and websites.

  • If the image is 100 x 100 (square), and you change it to 100 x 50 (rectangular), it’s going to be squashed.
  • If you changed it to 50 x 100 (rectangular), it’s going to be stretched.
  • If you changed it to 50 x 50 (square i.e. the same ratio), your image would be smaller and in proportion. Perfect.

How to crop an image Phancybox New Zealand digital agency Auckland at night - How to Resize an Image without distorting it
Hint button Phancybox New Zealand digital agency Web Design SEO and Hosting min - How to Resize an Image without distorting it The website or software you’re using may have a different title for this setting, like “Fixed Aspect Ratio”. Enable this setting.

HOW TO CROP AN IMAGE SO THAT IT USES A DIFFERENT RATIO

What should you do if you have a square image that you want to add to a rectangular space? You need to crop the image first. Cropping an image is essentially cutting out a portion of it, which will alter it’s ratio. Most NZ agencies will use Photoshop to achieve this, but there are many online alternatives.

We recommend ResizeImage.net to our New Zealand clients. Try the following steps to first crop, and then resize an image. The image used in our example was originally 2000 x 1000 (rectangular) in size. We will crop the image to be 900 x 900 (square).

1. Upload your image and wait for it to appear in the preview further down the page before proceeding

Upload an image to resize it Phancybox how to resize an image NZ website company - How to Resize an Image without distorting it
2. When you can see your image, look for the Selection type and choose Fixed Aspect Ratio and then click Change.

3. Look for Selection area and fill in the W and H fields (width and height) with the dimensions that your image needs to be (900 x 900 in our example). You’ll see an outline appear on the image.

Crop your image to avoid distortion resize an image Phancybox Wanaka digital agency - How to Resize an Image without distorting it 4. Click and move the outline so that it sits over the part of the image you want visible. Click Crop when ready.

5. Scroll down and click Resize Image unless you require additional changes to be made. Click Download Image when this option appears.

How to resize an image without distorting it NZ web company Phancybox - How to Resize an Image without distorting it

Your new image will be crystal clear and now in the correct ratio to use.

Youll also like button Phancybox Auckland web design seo web hosting in New Zealand min - How to Resize an Image without distorting itHow to Find the Dimensions of an Image on a Website

ARE YOU WASTING TIME MANAGING YOUR NZ WEBSITE CONTENT?

Phancybox can manage your website content for you. Our New Zealand team does this on a day to day basis. We have access to the best software and processes, to manage websites effectively. Lets talk so that you can save time and focus on your priorities, while we take care of the rest.

Tip: If you found this useful, you can get our latest ideas delivered direct to your inbox, for free, right here

Web Design Imagery Phancybox NZ website company min - You don't know what you don't know, about website imagery
You don’t know what you don’t know, about website imagery
Web design clutter Phancybox Web Design company New Zealand Brisbane Web design chameleon min - Web design clutter: When familiarity leads to a loss of perspective
Web design clutter: When familiarity leads to a loss of perspective
SEO services online advertising costs Phancybox NZ Auckland SEO - Considering online advertising? This needs your attention first
Considering online advertising? This needs your attention first
We need to talk about your old school website Phancybox NZ web design old tv compressor - We need to talk about your "old-school" website
We need to talk about your “old-school” website