Optimize images

[efb4f5ff-1298-471a-8973-3d47447115dc]

Optimize images

Pull Request Type

• Chore

Related issue

#4976 #4898

Description

The new high quality SVG's are awesome but increased our image size allot compared to the old ones. I went on a quest to optimize our images for the gazillionth time and it looked like I was successful :)

Screenshots

Before:

After:

Testing

Check if all the images appear the same, check for quality reduction

Additional context

Tools used:

• https://svgoptimizer.com/
• https://tinypng.com/
• https://www.freeconvert.com/ico-converter

A little bird (@absidue) told me about this issue and that what triggered this side quest :)

[PikachuEXE]

I tried https://github.com/svg/svgo locally after checking out this branch and see better reported results

No idea what to use for PNG & ICO yet (I might or might not find a tool for those)

Edit 1: Found an action which uses svgo and got other image optimizations: https://github.com/marketplace/actions/imgcmp
I know we have https://github.com/calibreapp/image-actions already but maybe we can try this out (another PR I guess)

[efb4f5ff-1298-471a-8973-3d47447115dc]

Oh looks promissing. The SVG tool I used does lossless compression but this one doesnt specify so got to look into that.

The other tools i used use lossy compression.

But we indeed can leave this for another PR

[PikachuEXE]

OK let's see if possible to use the new action in another PR (how to test though ?_?

SVGO got a default preset of plugins, not sure lossless or not
https://svgo.dev/docs/preset-default/

[PikachuEXE]

Also got better results with PNG with optiPNG
find ./_icons -iname '*.png' -print0 | xargs -0 -n 1 -P 4 optipng -o7
partial results (the whole result is very long)