A guide to rhythm in web typography
JPEG is not a good choice for UI/typography screenshots. There are ~1MB of JPEGs at quality 50 on the page. By using PNG8 not only you can halve that size but also preserve original quality. Example:<p><pre><code>  [1] PNG24 199 144 bytes
  [2] JPEG 94 699 bytes
  [3] PNG8 47 155 bytes
</code></pre>
[1] <a href="https://user-images.githubusercontent.com/3129436/47068394-d58fda00-d1f4-11e8-81c4-1adc13bcb9a2.png" rel="nofollow">https://user-images.githubusercontent.com/3129436/47068394-d...</a><p>[2] <a href="https://user-images.githubusercontent.com/3129436/47068393-d58fda00-d1f4-11e8-9d3e-9b77e67c855b.jpg" rel="nofollow">https://user-images.githubusercontent.com/3129436/47068393-d...</a><p>[3] <a href="https://user-images.githubusercontent.com/3129436/47068392-d58fda00-d1f4-11e8-885e-da1f334d2d9b.png" rel="nofollow">https://user-images.githubusercontent.com/3129436/47068392-d...</a>