Image optimization
Development and Programming
I’m curious what people are doing to optimize images on upload. I have clients that like to upload 10MB+ size images (they don’t know any better) and out of the box, ExpressionEngine just accepts them this way. Obviously an optimization issue, but I’m curious how others handle this?
In the past I’ve used the native image manipulations, CE image addon… I’m wondering what are some more modern solutions are to this? Any new addons, or maybe resizing CDNs people are using?
Simple problem that Wordpress handles easily, I’ve just never been very happy with the way EE handles images natively, but I do love the product (user for 8 yrs).
Much appreciated.
I do a few things:
- Client education - I suggest various software tools they can use for optimising images (and PDF’s) before upload
- Set maximum file size in upload directory settings
- Reduce number of images used in UI and content
- Over-optimise image manipulation JPG’s, if you serve say a 960x960 image optimised to 20/30/40% you can drastically reduce file size, if you then display the image smaller, say 480x480, you’ll usually barely notice, works well for photographic images + benefit of smaller file sizes
- Encourage more savvy clients to use tools such as https://yellowlab.tools/ which helps pinpoint issues, not just with images
- Serve images from the real domain, reduces 3rd party DNS lookups
All good suggestions from Rob.
Also thought it’s worth mentioning that JCOGS Image is a drop in replacement for CE Image.
All great stuff, thank you Rob. JCOGS is something I wasn’t aware of, definitely will check that out. Thank you for such quick responses!
Good stuff already, lately I’ve been considering using a CDN because a couple sites we manage have gigabytes of images now. Sometimes server space runs out.
I’ve always liked the Assets add-on and using an Amazon S3 bucket behind Cloudfront for storage. Still need to handle if clients upload huge images but at least you’re serving from a CDN.
Image optimization is very important for website SEO. To optimize images on your website, upload webp images. Webp images shorten the size of your images and ultimately your website loading time becomes good. I used this strategy for Dr. Maysoon one of my clients. He is running an e-commerce store and you know that on an e-commerce website there are a lot of images, and if we don’t optimize it, it will hurt the website speed. So, if you love this strategy try to implement it, this will be going to rock.
please
like