HaxeFoundation / haxe.org

The haxe.org website
https://haxe.org
81 stars 94 forks source link

Lossless image Optimization (250+ images) #423

Closed FlipFloop closed 4 years ago

Aurel300 commented 4 years ago

Good, I assume that was pngcrush / optipng for the PNGs? For the SVGs, is it mostly just dropping the whitespace? Does the file still seem identical if you open it in InkScape?

markknol commented 4 years ago

If we want really small we could consider webp too, but that requires different image implementation, like this:

<picture> 
  <source data-srcset="img/image.webp" type="image/webp"/> 
  <img src="img/image.png" loading="lazy"/>
</picture>

In combination with loading="lazy" it could lead in even less bandwidth in some cases.

FlipFloop commented 4 years ago

Actually, I only used lossless image compressors, here is the list:

For the SVGs, I used SVGCleaner.

I haven't tried Inkscape but I've done many times and they all look the same!

Aurel300 commented 4 years ago

Ok, if the SVGs ever cause trouble, we can roll those back. Thanks!