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

iCreate Agency

  • Home
  • Our Specialties
    • Graphic Design | Branding
    • Web Design & Development
    • Property Marketing
    • Sales Display Touchscreen Apps
  • Portfolio
  • About
  • Testimonials
  • iCreate 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

  • Services
  • Portfolio
  • Testimonials
  • About Us
  • FAQs
  • Contact
  • Privacy Policy
  • Terms and Conditions
  • Disclaimer
(07) 3157 1108
Sign up to our newsletter