Optimising Images for Your Website: A Simple Guide

Why Images Impact Website Performance

Large images are one of the most common causes of slow website loading times. When images are too big, they take longer to download, making your website feel sluggish. A slow website can frustrate visitors, increase bounce rates, and negatively affect SEO rankings.

3 Key Factors That Affect Image Size

1. Dimensions (Size in Pixels)

   • If an image is too large, the file size increases unnecessarily.
   • Resize your images to the recommended dimensions below to keep them efficient.

2. File Type (Format)

   • Different file types affect file size.
   • PNG files are the largest, while JPEG files are smaller and still maintain good quality.
   • ASP will automatically convert images to WebP for browsers that support it, but starting with the right format helps.

3. Compression

   • Many images are uploaded without compression, meaning they are larger than they need to be.
   • Don’t worry about this step—ASP will handle it automatically.
   • Your job: Resize the image and, if possible, save it as a JPEG instead of PNG.

Recommended Image Dimensions & File Types

How to Optimise Your Images in 3 Easy Steps

Step 1: Resize Your Image to the Correct Dimensions

• Use an online tool like TinyPNG or Squoosh to resize and compress your image.
• Follow the dimensions listed in the table above.

Step 2: Choose the Right File Type

• JPEG is best for photos (smaller file sizes).
• PNG is only needed for transparency (logos/icons).
• If possible use WebP, but ASP will handle this conversion for you.

Step 3: Upload Your Image

• If you’ve resized and saved as JPEG, you’re done!
• ASP will compress the image automatically when you upload it.

That’s it! Follow these simple steps to keep your website running fast and efficient. 🚀

Related Articles

• How to Speed Up Your Web Pages
• Understanding Website Speed Analysis