Image sizes for mobile users

Image size: a crime against data plans.

Keep your images small and web optimized.

I always tell clients—who often flee from the idea of using a blog—that posts don’t have to be super long. So without burying the lede any further, this is a short post about image sizes on your website!

People are accessing your website from their phone, computer, TV, tablet, and more. Sometimes they’re using a costly connection with data caps and overage fees. In Canada, we pay some of the highest data fees in the world.

A modern website is going to include a lot of rich media like large background images and often video.

Your visitors came for the content not a data bill. Don’t build a website that’s a crime against data plans. Worse, when you overload your site with giant images and video you’re slowing it down. We all know that a slow website is a website people don’t see.

Keep your images small and web optimized. You’ll achieve two important things: your site will load fast (your visitors might actually stay to check it out) and you won’t eat up their data. Here are some tips to help you stay out of data-plan-jail:

  1. Try to keep your images under 150KB, never exceeding 300KB and generally lower than 100KB
  2. Ensure your using digital resolution of 72 or 96 dpi rather than print resolution of 300 dpi
  3. Make sure you’re uploading the dimensions you need, usually you don’t want to exceed 1200px in width (occasionally 1920px for larger backgrounds)
  4. Use the legacy “Save for Web” if you use the Adobe Creative Suite.
  5. If you don’t have graphic design software/skills, install a plugin to “smush” your images.

That is all. Please don’t be a crime against data plans. Do the right thing, hire someone who knows what they’re doing or learn how to do it. Throw back to this old post.

More Reading