Cropping and resizing images helps keep your site looking polished, loading faster, and making it easy to navigate.
Whether you need to clean up a composition, reduce file size, or make an image fit perfectly in a header or block, this guide will walk you through the steps using iLoveIMG, which is a free, beginner-friendly online tool.
Before you start
You’ll need the image saved to your computer (or accessible via Google Drive or Dropbox). You'll also want to visit iLoveIMG.com to get started.
How to Crop Your Image
Cropping helps remove distractions and change the shape or focus of your image.
- Navigate to the Crop Image tool on iLoveImg.
- Click the Select Images to upload your files off your computer. You can also choose images from your Google Drive or Dropbox.
- Click and drag the crop box or enter specific pixel dimensions to define your crop area.
- Click Crop Image to apply your cropping changes.
- Click Download Cropped Image to save it to your computer.
How to Resize Your Image
Resizing reduces the image's dimensions and file size without removing content, which is perfect for faster site loading.
- Navigate to the Resize Image tool on iLoveImg.
- Upload the image you wish to resize.
- Enter new width and height in pixels or use percentage scaling.
- Make sure the Maintain aspect ratio option is checked on to avoid stretching.
- Click Resize Images.
- Click Download Resized Image to save the result.
Nice work! You’ve cropped and resized your images to make them look great and load faster on your site. These quick edits make your Clinic Sites website more professional and patient-friendly.
Note
Always keep a copy of the original image in case you want to make new edits later. Use JPEG for photos, PNG for graphics or transparency.
Next steps
Now that your image is cropped and resized, here are a few more things you can do: