News for hackers. Stuff that matters.

A comment on A guide to rhythm in web typography.

Re:A guide to rhythm in web typography by vladdanilov on Wednesday October 17, 2018 @03:29AM (#18236912)
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:

  [1] PNG24 199 144 bytes
  [2] JPEG 94 699 bytes
  [3] PNG8 47 155 bytes
[1] https://user-images.githubusercontent.com/3129436/47068394-d...

[2] https://user-images.githubusercontent.com/3129436/47068393-d...

[3] https://user-images.githubusercontent.com/3129436/47068392-d...

[ Parent | on HN ]
Re:A guide to rhythm in web typography by matejlatin on Wednesday October 17, 2018 @09:32AM (#18238747)
Thanks for sharing this, will make sure to use PNG8 in the future!
[ Parent | on HN ]
Re:A guide to rhythm in web typography by bloak on Wednesday October 17, 2018 @08:32AM (#18238311)
See also: http://lbrandy.com/blog/2008/10/my-first-and-last-webcomic/
[ Parent | on HN ]
Re:A guide to rhythm in web typography by spiralx on Friday October 19, 2018 @07:35AM (#18255922)
That annoyed me as well, seems like the worst possible choice of format and quality for the given images.
[ Parent | on HN ]
Re:A guide to rhythm in web typography by microcolonel on Wednesday October 17, 2018 @07:53AM (#18238086)
Not to mention [1] could be almost halved size if run through the default (fast) options of optipng (or just compressed properly by whatever generated it).
[ Parent | on HN ]