Optimize images

Switch app icon and staff to vector graphics
Resize GPlay badge and screenshots to maximum necessary size

img/scales.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="143.69128mm"
+   height="143.49236mm"
+   viewBox="0 0 509.14235 508.43748"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="scales-android.svg">
+  <defs
+     id="defs4">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       inkscape:label="Drop Shadow"
+       id="filter4485">
+      <feFlood
+         flood-opacity="1"
+         flood-color="rgb(188,109,3)"
+         result="flood"
+         id="feFlood4487" />
+      <feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite4489" />
+      <feGaussianBlur
+         in="composite1"
+         stdDeviation="6"
+         result="blur"
+         id="feGaussianBlur4491" />
+      <feOffset
+         dx="6"
+         dy="6"
+         result="offset"
+         id="feOffset4493" />
+      <feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite4495" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="227.13898"
+     inkscape:cy="165.2762"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer3"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1031"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata7">
+    <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>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1"
+     transform="translate(-119.31163,-237.1431)">
+    <rect
+       style="fill:#ff8000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0"
+       id="rect3421"
+       width="508.14233"
+       height="507.43747"
+       x="119.81163"
+       y="237.6431"
+       ry="38.057827" />
+    <path
+       style="fill:#cc6600;fill-opacity:0.4;stroke:#000000;stroke-opacity:0"
+       d="m 384.00195,388.82227 c 0.31309,60.78515 -0.0349,166.39597 -0.12695,175.50195 -0.0921,9.10598 1.55347,37.20575 -24.8457,62.35156 -23.96772,22.82981 -60.23717,21.47963 -70.46094,11.25586 l 99.26953,99.26953 202.05859,0 c 17.69658,0 38.35123,-15.75487 37.87757,-31.74805 L 627.94336,585.65039 450.40234,408.10742 Z"
+       id="rect4503"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cssccccccc" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter4485)"
+       id="text4245">
+      <path
+         d="m 365.6974,563.97937 0,-241.28906 12.48047,0 q 8.32031,19.41406 11.09375,22.1875 5.54688,8.32031 23.57422,26.34765 41.60156,38.82813 54.08203,58.24219 8.32031,13.86719 8.32031,33.28125 0,30.50781 -47.14843,72.10938 l -6.9336,-6.9336 q 37.44141,-36.05468 37.44141,-61.01562 0,-11.09375 -4.16016,-20.80078 -4.16015,-5.54688 -20.80078,-22.1875 -2.77344,-2.77344 -16.64062,-12.48047 -13.86719,-11.09375 -33.28125,-23.57422 l 0,178.88672 q 0,34.66797 -20.80078,55.46875 -20.80079,22.1875 -51.3086,22.1875 -16.64062,0 -26.34765,-9.70703 -9.70704,-9.70703 -9.70704,-24.96094 0,-19.41406 16.64063,-33.28125 18.02734,-15.25391 45.76172,-15.25391 0,0 27.73437,2.77344 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:355px;font-family:osaka;-inkscape-font-specification:osaka;writing-mode:lr-tb;fill:#ffffff;fill-opacity:1"
+         id="path4885"
+         inkscape:connector-curvature="0" />
+    </g>
+    <path
+       style="fill:#ffffff;fill-opacity:0.2;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0"
+       d="m 157.86914,237.64258 c -21.08404,0 -38.05664,16.97456 -38.05664,38.05859 l 0,8 c 0,-21.08403 16.9726,-38.05859 38.05664,-38.05859 l 432.02734,0 c 21.08404,0 38.05664,16.97456 38.05664,38.05859 l 0,-8 c 0,-21.08403 -16.9726,-38.05859 -38.05664,-38.05859 l -432.02734,0 z"
+       id="rect4400"
+       inkscape:connector-curvature="0" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path4407"
+       d="m 157.86914,745.20117 c -21.08404,0 -38.05664,-16.97456 -38.05664,-38.05859 l 0,-8 c 0,21.08403 16.9726,38.05859 38.05664,38.05859 l 432.02734,0 c 21.08404,0 38.05664,-16.97456 38.05664,-38.05859 l 0,8 c 0,21.08403 -16.9726,38.05859 -38.05664,38.05859 l -432.02734,0 z"
+       style="fill:#cc6600;fill-opacity:0.12941176;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0" />
+  </g>
+</svg>

index.html

@@ -4,7 +4,7 @@
     <title>Scales</title>
     <link rel="stylesheet" type="text/css" href="css/style.css"></link>
     <meta name="viewport" content="width=device-width, initial-scale=.87">
-    <link rel="shortcut icon" type"image/png" href="img/scales.png"></link>
+    <link rel="shortcut icon" type"image/png" href="img/scales.svg"></link>
     <meta name="theme-color" content="#ff8000">
     <!-- Piwik -->
     <script type="text/javascript">
@@ -25,7 +25,7 @@
   <body>
     <header>
         <a href="index.html">
-          <img id="appicon" src=img/scales.png></img>
+          <img id="appicon" src=img/scales.svg></img>
         </a>
         <span id="header-text">
           <h1>Scales</h1>
@@ -36,7 +36,7 @@
       <div id="top-shadow"></div>
       <img id=header-image src=img/header-image.jpg>
       <div id=staff-container>
-        <img id=staff src=img/staff.png>
+        <img id=staff src=img/staff.svg>
       </div>
       <div id=download-badges>
         <a href=https://s.greene.tech/ascales>