A silly question… I have to optimize the hell out of all image assets I will use for a new project. Because I need to use a lazy load technique, I will have to upload three sub-images for only one image being displayed for the end-user: one placeholder, one retina ready image for desktop and one retina ready image for mobile… having to specify the path to those images into the custom data-srcset field of every image on my project (it’s hectic, I know).
Until now, I have always used the photoshop save for web module. But I recently came across various article on the internet talking about mozJPG compression… do I need to take this into consideration or is the photoshop native compression tool sufficient ?
Does Webflow apply some changes on the fly to the jpg images we upload within the designer ?
Photoshop high end compression is never sufficient, apart for some specific cases (like Ps is really good at making small and nice GIFs, and was undisputed for this task for years and years).
I never let Ps compress my images now. I rely to other tools. One very popular, that can handle many compression algorythms, is ImageOptim: https://imageoptim.com You can crawl Google for more algorythms to add to it.
ImageOptim is an absolute must have.
(ImageOptim and other tools are really needed to improve on PNG compression, compared to Ps, it can be less evident for JPG)
Thank you so much for the input !
I will give it a try and let you know for real.
Isn’it crazy, that Adobe can’t be at the top of its game regarding image compression ? 60€ a month is kind of high price to pay to need look for alternative compression methods
Yes and no. I tend not to consider that a design app has to “produce and publish”, that is outputing the best possible high end version of an image/video/animation. That’s well illustrated by Premiere Pro + Ae vs. Media Encoder. I’d only output 422 HQ from the editing apps and let ME or another app deal with the final output.
You’re after the state of the art compression, so my advices are OK. But you can’t really say that Ps is bad to compress images. It’s actually good, and doesn’t pretend to be the ultimate app for compression. It’s easier for ImageOptim to be better, because it’s open, so you benefit from everything coders have come up with for their specific needs, almost in real time.
For photoshop users:
In my opinion, the best way is to download tinyjpeg plugin for photoshop - cost $65 (Very very useful).
tinyjpeg main page ( **Web Interface **) - also great for a bundle of images. Cost free -or- 25$ yearly (For Drag and drop more than 20 images at once).
