• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
iCreate

iCreate Agency

  • Home
  • Our Specialties
    • Branding
    • Web
    • Property
    • Sales Display Touchscreen Apps
  • Our Work
  • About Us
  • What Other Leaders Say
  • Insights
  • Contact Us
    Start a project
(07) 3157 1108
Free Consultation

04.10.22 - Web Tips, WordPress, Technology Tips

How to optimise images for web with squoosh

By David Jeffrey
Blog

Every time you want to add an image to your website, first run in through  Squoosh it’s the bee’s knees when it comes to quick and easy image compression.

 

Cheat sheet

There are lots of settings you can tinker with, but generally, these settings will fit most situations.

  • Resize: Set the max width to 1140px (this is generally the width of the content area of a website).  If you want the image to go edge to edge on desktop screens, use 1920px instead.  *The height will be set automatically to keep the same proportions. 
  • Compress: Choose WebP; it’s a next-generation image format for the web and will be the best choice in most circumstances.

 

That’s it!  Easy as that.

You’ll see this massively reduce most files, particularly high-res, jpgs; you’ll routinely see this turn a 20MB file to 0.05MB.

Primary Sidebar

Categories

  • Uncategorized
  • Web Tips
  • WordPress
  • Case Study
  • Technology Tips
  • Property Advertising
  • Culture
  • Design
  • Testimonial
  • Marketing
  • Lead Generation
  • Client Resources

Client Resources

  • Web process

Start a project with us today

  • Our Specialties
  • Our Work
  • What Other Leaders Say
  • About Us
  • Contact Us
  • Privacy Policy
  • Terms and conditions
  • Disclaimer
  • Frequently Asked Questions
(07) 3157 1108
Sign up to our newsletter