4 ms·
The png is only 103 bytes though. Btw your svg can be decreased by changing viewBox to 0 0 1 1, and also by changing the path to a circle (implicitly positioned
by im3w1l 5y ago
The png is only 103 bytes though. Btw your svg can be decreased by changing viewBox to 0 0 1 1, and also by changing the path to a circle (implicitly positioned at 0, 0)
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 1 1"><circle r="2" fill="#aad3df"/></svg>
- zamadatix 5y agoDepending on how you're loading the svg in the page the xmlns attribute may not be needed as well.
- moron4hire 5y agoThe SVG could also be served with gzip compression.
- rbut 5y ago>>> len('<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path d="M0 0h256v256H0z" fill="#aad3df"/></svg>'.encode('zip')) 122 Gzipping doesn't save much.
- e____g 5y agobrotli helps: $ echo '<svg xmlns="http://www.w3.org/2000/svg" height="256" width="256" viewBox="0 0 1 1"><circle r="2" fill="#aad3df"/></svg>' | brotli -9 - | wc -c 93
- im3w1l 5y agoCouldn't resist trying to go further. We can use an implicit viewBox. $ echo '<svg xmlns="http://www.w3.org/2000/svg" height="256" width="256"><circle r="1000" fill="#aad3df"/></svg>' | brotli -9 - | wc -c 83 r="1000" hits brotlis built-in dictionary, but if you target zlib then r="2566" is better.
- djbusby 5y agoDoesn't the SVG scale better? I sure hope so.
- mynameisvlad 5y agoFor a single color? I don't think it really matters. It's all inherently lossless.
- zamadatix 5y agoFor a solid color block it doesn't really matter. For the rest of the map sure, Google Maps in normal mode (instead of classic as in the article) is vector rendering based.