This document discusses optimizing PNG images for faster loading on websites. It answers questions about HTTP compression, optimizing PNG images, tools for optimizing on MacOS like ImageOptim, and provides a link to a Git script for optimizing PNGs on commit with ImageOptim. The key topics covered are GZIP compression, PNG deflate compression, ImageOptim and ImageMagick optimization tools for MacOS, and a Git hook script for automatic PNG optimization.

1. PNG
front.osaka #2017.06

2. @KoharaKazuya

5. ▸
▸ JavaScript /
▸

6. PNG

7. Q1. HTTP
GZIP

8. A1.

9. A1.
▸ PNG
/
▸ : AWS CloudFront MIME
http://docs.aws.amazon.com/ja_jp/AmazonCloudFront/latest/DeveloperGuide/ServingCompressedFiles.html

10. Q2. PNG

11. A2.

12. A2.
▸ PNG Deflate
▸ PNG
=

13. Q3.

14. A3. ImageOptim (macOS)

15. A3. ImageOptim (macOS)
▸
▸
▸ OS ……

16. Q4.

17. A4.

18. A4.
▸ ImageMagick
▸ ImageMagick : 85 KB
▸ ImageOptim : 46 KB (54%)

19. A4.
▸ PNG ImageOptim
▸ CPU
▸ git imageoptim Git PNG
ImageOptim
https://github.com/KoharaKazuya/dotfiles/blob/master/bin/git-imageoptim