Images aren't the right size for my website

 

How to change the pixels and width of images that aren't the right size to display on your website.

Sometimes an image that you'd like to add as a WebsitePageItem, or to display on a certain page on your Webdadi website, just isn't the right size. But you can change it using our software, for free. Firstly here is how to change an existing image so it displays in the correct size. For this example we will use the size 319 x 384 pixels as the desired specifications (which would be used on Zephyr or Quantum for an advert on the property results page):

  • Go to this link: http://www.webdadi.com/tools
  • Scroll down to Image Manipulation and click on Launch
  • From here you can select OPEN IMAGE FROM COMPUTER 
  • Find the image you wish to modify
  • Click on Image from the top menu items and select Canvas Size.
  • Select the size you want to change the image to. For example, if it was to become an advert on your results page (of the Zephyr template) then you will type in 319 for the width and 384 for the length.
  • Within Anchor, click on the centre box if you wish for this to be where it crops from.
  • Select Ok.
  • The image will now save as the new size. If the image is not the full size, it will replace the area around the image with white.
  • Select File, and Save
  • Now type in the name for the file, select the type of file you would like to save it as (for example jpeg), and make sure the quality is moved to 100%, and select Ok.
  • Now choose where you would like to save the image on your computer
  • Select Save.

    If instead you would like to make sure the image doesn’t have any white around it, you need to resize the object before cropping:
  • From here you can select OPEN IMAGE FROM COMPUTER
  • Find the image you wish to modify
  • Click on Image from the top menu items, and select Image Size.
  • Select the size you want to change the image to. If you know that the image needs to be 384px high, then ensure that the height is adjusted to that now.
  • Now select Image from the top menu items and select Canvas Size
  • Change the image size to what you need for your site. In this case you will type in 319 for the width and 384 for the length.
  • Within Anchor, click on the centre box if you wish for this to be where it crops from. This will ensure it will crop from the centre of your image.
  • Select Ok.
  • The image will now save as the new size. Because you have made sure the height was correct, it should resize it from that image and have no additional white around the image.
  • Select File, and Save.
  • Type in the name for the file, select the type of file you would like to save it as (for example jpeg), and make sure the quality is moved to 100%, and select Ok.
  • Now choose where you would like to save the image on your computer
  • Select Save.

If you would like more help, please see the PDF guide below, Adjusting or resizing images for your website. If you would like to know how to add higher res images to your properties, see The image is too large to upload and needs to be resized.

 

For other information on Stock Image websites, and which sizes are best for our responsive Webdadi websites, click on this Help Guide: Recommendations for images for your Website

Please Download these instructions