If you're serving App Clip codes digitally, thinning can be important. By default, they take up around 16-25 KiB, which can add up quickly. Most of this isn't necessary.
Running this on an App Clip code is able to achieve a ~72.3% reduction in size, without any visual differences or even using compression. When combined with Gzip compression, it can achieve 90.3% reduction.
This is a set of custom plugins and configuration for SVGO, tailored to App Clip codes.
From some basic testing:
- App Clip codes tend to be around 16-25 KiB. When Gzipped, they are about 4-6 KiB.
- With the default SVGO config, optimised App Clips tend to be 13-17 KiB (35.3%). When Gzipped, they are 2-4 KiB (86.4%).
- Using the App Clip Code Thinner configuration, optimised App Clips tend to be 4-7 KiB (72.3%). When Gzipped, they are 1-2 KiB (90.3%).
This isn't recommended for App Clip codes being printed by a third-party, but rather App Clip codes being stored and served digitally.
- Clone this repo and navigate to it
- Install SVGO globally with
npm i -g svgo
- Install dependencies with
npm i
- Run
svgo
with standard commands, such assvgo code.svg -o code.min.svg
. To use from a different directory, you can pass--config
and point tosvgo.config.js
.