A thread with some tips & tricks, tools and suggestions to keep size down on images that demand a transparent background or need to be reduced image file size.
Some great tools
- ImageAlpha https://pngmini.com/ (reduce PNG below 256< colors)
- ImageOptim ImageOptim — better Save for Web (optimize any kind of PNG)
When reducing PNG to 256< colors you keep the alpha channel at reduced colors. Best for flat / line style graphics. Also, ImageAlpha automatically runs ImageOptim. Another neat info… ImageOptim includes SVGO reducing the size of SVGs.
Using a CSS mask
And this nice little trick of using a regular JPEG with a size reduced PNG as mask.
Huge saving at full color depths using old image formats and a bit of CSS.
Suggest your own workflow or tricks below …