1
1
mirror of https://github.com/XXIIVV/webring.git synced 2024-07-07 07:16:18 +03:00

Reduce svg filesize

This commit reduces the filesize of the SVG files by over half.

I and other siteowners would like to inline the image into our sites;
minifying and shrinking the filesize improves this.
This commit is contained in:
Rohan Kumar 2021-02-01 13:41:39 -08:00
parent a1c7ffd59d
commit 8becf2bcbf
No known key found for this signature in database
GPG Key ID: 1E892DB2A5F84479
3 changed files with 3 additions and 39 deletions

View File

@ -1,13 +1 @@
<svg class="vector" width="300px" height="300px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1" style="fill:none;stroke:black;stroke-width:5px;stroke-linecap:square;">
<g transform="translate(0,30)">
<g transform="translate(150,150),rotate(120,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
<g transform="translate(150,150),rotate(240,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
<g transform="translate(150,150),rotate(0,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
</g>
</svg>
<svg fill="none" height="300" stroke="#000" stroke-linecap="square" stroke-width="5" width="300" xmlns="http://www.w3.org/2000/svg"><path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603"/><path d="M98.038 210a60 60 0 10103.924-60l-50-86.603"/><path d="M150 120a60 60 0 100 120h100"/></svg>

Before

Width:  |  Height:  |  Size: 606 B

After

Width:  |  Height:  |  Size: 290 B

View File

@ -1,13 +1 @@
<svg class="vector" width="300px" height="300px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1" style="fill:none;stroke:black;stroke-width:28px;stroke-linecap:square;">
<g transform="translate(0,30)">
<g transform="translate(150,150),rotate(120,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
<g transform="translate(150,150),rotate(240,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
<g transform="translate(150,150),rotate(0,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
</g>
</svg>
<svg fill="none" height="300" stroke="#000" stroke-linecap="square" stroke-width="28" width="300" xmlns="http://www.w3.org/2000/svg"><path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603"/><path d="M98.038 210a60 60 0 10103.924-60l-50-86.603"/><path d="M150 120a60 60 0 100 120h100"/></svg>

Before

Width:  |  Height:  |  Size: 607 B

After

Width:  |  Height:  |  Size: 291 B

View File

@ -1,13 +1 @@
<svg class="vector" width="300px" height="300px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1" style="fill:none;stroke:white;stroke-width:28px;stroke-linecap:square;">
<g transform="translate(0,30)">
<g transform="translate(150,150),rotate(120,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
<g transform="translate(150,150),rotate(240,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
<g transform="translate(150,150),rotate(0,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
</g>
</svg>
<svg fill="none" height="300" stroke="#fff" stroke-linecap="square" stroke-width="28" width="300" xmlns="http://www.w3.org/2000/svg"><path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603"/><path d="M98.038 210a60 60 0 10103.924-60l-50-86.603"/><path d="M150 120a60 60 0 100 120h100"/></svg>

Before

Width:  |  Height:  |  Size: 607 B

After

Width:  |  Height:  |  Size: 291 B