I can recommend Caesium , a utility (Windows, MAC version in Alpha test) to remove all EXIF, metadata etc which will reduce your JPG in size quite a lot without using higher JPG-compression (lower quality)
It's free. Try it. You'll be surprised what an amount of "junk" your JPG's contain :)
Caesium - Free/Open Source
https://saerasoft.com/caesium for PNG and JPEG
Alpha version is also for mac and works fine.
Note: Do not forget fill suffix for output if you want output to same folder - there is gray _compressed after first run which is just example and no suffix is added so overwrite your original files - (it is alfa version) - compression works fine, used it for long time on windows.
It depends on the site. If you are selling images or need high detail images then this does not apply. I do it as part of my upload/design process. I right size the images to where they are in the content. So if the image size needs to be 600px width in the content I resize the image to that. For big images in header sliders or the like that move I resize to the width of the screen and test the quality % to see if they show pixel blocks or not. If have found that if there is text over the image or movement then your images do not need to be as high resolution. For galleries, I will not resize or compress as much. Depends on the situation. I use a free desktop tool called Caesium at https://saerasoft.com/caesium/. It allows you to both resize and compress in one step and also in batches. This will usually eliminate those errors/warning. I designed a site with 10 images that appear high-res in the slider (client request as that many images... well you know) and the page load size is 2.2 mb including the other images and whatnot on the homepage. Depending on the time of day the page will load in 1.7s to 2.5s or so. I do not normally use any plugin image optimizer unless users are uploading images. Hope this helps out.
Image optimization is a case by case thing per website.
Can you use SVGs for something, do it.
Does it not have transparent bits use a JPEG
Does it need transparency use a PNG
I use this to compress and resize jpegs and pngs: https://saerasoft.com/caesium/
Note, the biggest problem is getting the image dimensions right. A 4k image is always gonna be larger than a 1080p so resizing images down the "largest size you need" is a good approach.
If you have an enterprise level site that gets a ton of traffic...THEN you should be using multiple versions of the same image at different dimensions for various screensizes, but until then one image is fine.
The average site does not need 20 versions of the same image at different sizes. It's actually slower because the images don't get cached if the traffic is too low. Your CDN will "forget" the files if they get no traffic.
I use Caesium to compress and resize my images on my desktop before I upload them. Free, open-source, quick, and easy. You could use a WP plugin to automate it, but server resources get expensive over time and I don't like having unnecessary plugins that slow down my website.
It doesn't impact image quality at all. it just chooses a more efficient compression tables. So pixel for pixel the result is the same. If you're image starts at 100% quality, there is no savings. If you do 80% there are some savings. If you do something like 50-60% quality for export (I would recommend for sharing on the web as it's hard to even notice) it can save a lot of space.
interesting I'm new to shopfiy and I didn't know exactly what the CDN did, but assume the more upfront compression the better, as the CDN may not really be that smart. Good to know it at least creates the .webp formt.
I adhere to the shopify/theme image dimensions (i.e. 2000 x 2000) and JPEGs and I've been using Caesium ( https://saerasoft.com/caesium/ ) to compresses files instantly (while tinyjpg is good, it's slow due to the webupload/download) before uploading to shopify. Great product and worth throwing the developer some loose change for the feature!
I use this to compress and resize images in batches: https://saerasoft.com/caesium/
It has a bit of a learning curve, but it's very useful.
If they're not gonna learn that you can drag and drop into tinypng.com to compress files.
Outside of that, it's resizing. You don't need a 10,000px X 10,000px when a 2,000x2,000 one will suffice.
Something that might not be obvious is that you may be able to compress many of these photos and videos into something that takes 1/10th as much space while your eyes won't see a difference. Storing 100GB safely is much easier than 1TB.
If you want to do it locally on a desktop, here is some software: For Photos: https://saerasoft.com/caesium/ For Video: https://handbrake.fr/
If you're on Windows, I would recommend downloading https://saerasoft.com/caesium/ as it allows you to compress, set quality, set a resize too (very handy if you've been given a 4000x4000 image), and allows you to do it in bulk.
Best of all, it's free!
What is the name of your site? If you don't want to show it in chat, send a pm.
​
​
Use Caesium for your images and manually bulk optimize them offline:
https://saerasoft.com/caesium/
​
This works better for GTmetrix.
Personally, I'm a sucker for the Caesium range, which is free, open-source, cross-platform, with both GUI and CLI versions and both lossy and lossless. It is in development although is usable and I've been using it on both Ubuntu and Windows for thousands of images for a while now.
Oh, seems like a common reply this week:
Wrote it for another person here: I recommend https://saerasoft.com/caesium/ if you're resizing / compressing a shit-ton of files - It keeps the original format and file structure if you want so it works great for e.g. a WordPress installation. PM me here / Slack if you need any help setting it up but it does wonders.