andi/perfdb
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Activity

optimize SVG icons

Browse Source 
The icons were made with Inkscape. This tool does not care
for file size. By rewriting the icons by hand I could reduce
the file size siginificantly. E.g. 6.1kb to 441 bytes for
cumulative-distribution-chart.svg.
This commit is contained in:
Andreas Huber
2019-11-30 09:35:02 +01:00
parent 4e1b7a46d8
commit 0cdf30e9a2
4 changed files with 90 additions and 1123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
pdb-js/src/assets/img/heatmap.svg
View File

@@ -1,259 +1,25 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="64"
height="64"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
image-rendering="optimizeQuality"
fill-rule="evenodd"
clip-rule="evenodd"
viewBox="0 0 640 640"
version="1.1"
id="svg4"
sodipodi:docname="heatmap.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8">
<inkscape:path-effect
effect="bspline"
id="path-effect4918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4895"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4872"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4868"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4864"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4731"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3922"
is_visible="true"
weight="33.3333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3914"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bend_path"
id="path-effect205"
is_visible="true"
bendpath="M 0,0 H 1"
prop_scale="1.0426743"
scale_y_rel="true"
vertical="false"
bendpath-nodetypes="cc" />
<inkscape:path-effect
effect="bspline"
id="path-effect4918-3"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
</defs>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1533"
inkscape:window-height="1145"
id="namedview6"
showgrid="true"
inkscape:snap-grids="true"
inkscape:zoom="10.429825"
inkscape:cx="32.105984"
inkscape:cy="32"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"
inkscape:snap-to-guides="false"
inkscape:snap-global="true">
<inkscape:grid
type="xygrid"
id="grid3910" />
</sodipodi:namedview>
<path
style="fill:none;stroke:#000000;stroke-width:65;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 35.152548,48.135594 c 0.0096,174.339836 0.0096,348.690116 0,523.050856 191.885512,-0.0105 383.738412,-0.0105 575.593222,0"
id="path4729"
inkscape:connector-curvature="0" />
<path
style="fill:#9400d3;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:0"
d="m 43.72308,28.757127 c 0.282929,-0.521415 5.177783,-8.662034 5.207841,-8.661149 0.01984,5.84e-4 1.278626,1.930246 2.797293,4.288136 l 2.761213,4.287072 -0.727315,0.04249 c -0.400023,0.02337 -2.40528,0.06184 -4.456128,0.08548 -2.050847,0.02364 -4.166544,0.06175 -4.701548,0.08468 L 43.6317,28.92553 Z"
id="path4801"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4803"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4805"
inkscape:connector-curvature="0"
transform="scale(10)" />
<rect
style="fill:#f2f2f2;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057"
width="150"
height="150"
x="80"
y="380" />
<rect
style="fill:#999999;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-2"
width="150"
height="150"
x="230"
y="380" />
<rect
style="fill:#808080;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-9"
width="150"
height="150"
x="380"
y="380" />
<rect
style="fill:#b3b3b3;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-1"
width="150"
height="150"
x="80"
y="230" />
<rect
style="fill:#1a1a1a;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-2-2"
width="150"
height="150"
x="230"
y="230" />
<rect
style="fill:#333333;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-9-7"
width="150"
height="150"
x="380"
y="230" />
<rect
style="fill:#cccccc;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-0"
width="150"
height="150"
x="80"
y="80" />
<rect
style="fill:#808080;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-2-9"
width="150"
height="150"
x="230"
y="80" />
<rect
style="fill:#cccccc;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-9-3"
width="150"
height="150"
x="380"
y="80" />
<svg
width="64"
height="64"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M4,0
L4,60
L64,60"
style="stroke:black; stroke-width: 6px; fill:none;"/>
<rect x="11" y="5" width="15" height="15" style="fill: #eee" />
<rect x="28" y="5" width="15" height="15" style="fill: #888" />
<rect x="45" y="5" width="15" height="15" style="fill: #ccc" />
<rect x="11" y="22" width="15" height="15" style="fill: #ddd" />
<rect x="28" y="22" width="15" height="15" style="fill: #222" />
<rect x="45" y="22" width="15" height="15" style="fill: #555" />
<rect x="11" y="39" width="15" height="15" style="fill: #bbb" />
<rect x="28" y="39" width="15" height="15" style="fill: #555" />
<rect x="45" y="39" width="15" height="15" style="fill: #aaa" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 841 B