![]() Squoosh is an open-source image compression web application made by Google. Online Image Compression Apps Squoosh by Google Click Ok to apply the selected settings and finally click on save.Click on “Optimize to file size” and enter the required size in the pop-up dialog box (in Kb).On the right pane, click the little drawer icon next to the preset dropdown.Open Adobe Photoshop or Illustrator and load the file you want to compress.Again, they are TinyPNG and Squoosh.įinally, the title wasn’t clickbait, you sometimes are able to compress an image by 90% on TinyPNG and then another 50 to 60% using Squoosh. I hope, however, that I have introduced some new methods and tools to you. So I have to admit, this is rather strenuous in terms of time and energy, and usually just compressing images through TinyPNG is more than enough. So I actually ran test trials on 103 different images to see what settings works the best, you can see them all here: Compressed Images on Pinterest. More examples of compressed images on Pinterest This is the popup you get when trying to paste a WebP image in Medium: Medium error when pasting a WebP image This is our final image of 399 kB, which also happens to have a format called JPG, allowing you to paste the image in your Medium articles (you cannot paste WebP formats in Medium articles). But can we spot the differences? Let’s see: Can you spot any differences from the original image? ![]() We see that we had to bring down the quality from 75 to 62. Again, these are the settings that works well for me: Squoosh MozJPEG settings It got a little bit bigger, so we will reduce the quality till it gets close to 0. This is what we get when we do nothing yet with the settings: Squoosh MozJPEG settings Now, select MozJPEG as the compression method, it’s a method used by the well-known Mozilla Firefox web browser. Why? Because we want the next process, that is converting WebP into a “pasteable” format, to go well. Now, when compressing an image compressed by TinyPNG with Squoosh, it’s important to have these settings: Squoosh WebP settings We will, instead, convert the WebP image to a “pasteable” format such as JP(E)G or PNG by using the same Squoosh tool by Google. Now that didn’t go well, the image size went up tremendously to 1.41 MB. We will convert the 380 kB WebP image to a JPEG image: Convertio We won’t be doing that with online conversion tools like this one: Convertio. We will have to convert it into a JP(E)G or PNG image. The problem now is, when we want to save the WebP image, it saves as a WebP image, which can’t be pasted in Medium articles. We went all the way from 1.8 MB down to 595.4 KB down to 380 kB. This is how the image now looks when using WebP compression: SquooshĪgain, I can’t spot the difference from the original image, yet we managed to compress it with 36% further. ![]() Google has made an excellent compression tool called WebP and the difference is really amazing and not noticeable: I will select the image we have just compressed with TinyPNG. I will run it through a website made by Google called Squoosh. The question is, however, can we spot the difference after the second compression? These are the stats afterward: TinyPNGĪ whopping 66% compression! But what about the quality? Let’s see:Ĭan we, however, compress the image even further and retain quality? Now, we can compress it further, but the quality will go down a little bit. We will compress it through a website called TinyPNG. Now, I have a pretty good internet, and many that have access to Medium probably do too, but let’s if we can compress it, speed up the page’s loading speed, and retain quality. Its main picture is this one: Photo by Nils on UnsplashĪnd these are its stats: Image: created with the Chrome extension called Image Size Info ![]() Let’s take an example of this article: How To Use Epistrophe and Personification in Your Writing I sometimes tend to see images on articles of a couple of megabytes. ![]() I, however, have found a way to compress them even more while retaining quality, but it requires some tricks.įirst of all, why would you want to compress images? Because it can speed up your website or even the loading time on your Medium articles. Websites like TinyPNG are excellent to compress your images up to 90% while retaining quality. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |