Created by: tshinnic
The desire in issue #18065 (closed) was to replace the single existing embedded .png image with an equivalent SVG image, to go along with the other six existing embedded SVG images. An SVG image was duly produced.
Discussion regarding reducing the size of that url()
embedded image
ensued, with a suggestion to try url-encoding. In investigating that
it was realized that much of the SVG string was overhead which could be
discarded. Experimentation found that url-encoding of SVG text would
increase the size of the embedded url()
strings. In addition the
SVG texts were put through an svgo
optimizer to drop some more chars.
The single .png image is replaced with a new SVG image, optimized and base64 encoded.
The previously existing 6 SVG images were examined, minimized (unneeded overhead metatext taken out), optimized, and base64 encoded.
All this combined reduces dist/css/bootstrap.css
by 2448 bytes, and
dist/css/bootstrap.min.css
by 2456 bytes.
Additionally, some left-over commented-out code is deleted from scss/_forms.scss
. I believe this was commented out in the process of turning the form icons into SASS variables?