하늘높이의 프로그래밍 이야기

사이트 속도 개선 - PNG 최적화 하기

Web Tech/JavaScript,XML2015. 10. 2. 11:22

뷰어
댓글로
이전글
다음글

한국 사람들은 사이트가 5초가 지나도록 열리지 않으면 닫는다고 하는데...

요즘에는 모바일에도 그 규칙은 적용되나 보다.

하여 모바일 사이트를 빠르게 하기 위해서 여러가지 방안을 찾고 있는데...

그중에 가장 큰 이슈가 역시...

이미지더라.. PC에서는 대형 이미지를 쓰고...

모바일에서는 작은 이미지를 쓰고.. 할 수도 있긴 한데...

그럼 큰 모바일 디스플레이에서는?.... 쩝...

어쨋든.. 일단 있는 이미지부터 최적화 해서 쓰자라는 결론에 도달한다.

하여 공통 요소로 많이 쓰는 PNG부터 최적화 해보고자 한다.

이미지 최적화 참고 문서: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization#image-optimization-checklist

optipng

무손실 PNG 최적화

optipng 안타깝지만 이 녀석은...64비트 윈도우용 바이너리가 없다.

물론 소스 받아서 조건 맞춰서 컴파일 하면 되겠지만... 귀찮다.

http://optipng.sourceforge.net/pngtech/optipng.html

무손실 PNG 압축 프로그램은 아래와 같은데...

무손실 PNG라는게... 일종의 압축 알고리즘을 개선(ZIP->7ZIP?)하는 것으로 보인다.

pngrewrite by Jason Summers, available at http://www.pobox.com/~jason1/pngrewrite, is an open-source program that performs lossless image reductions. It works best in conjunction with pngcrush (see below); the user should run pngcrush afterpngrewrite.
pngcrush by Glenn Randers-Pehrson, available at http://pmt.sourceforge.net/pngcrush, is an open-source program that iterates over PNG filters and zlib (Deflate) parameters, compresses the image repeatedly using each parameter configuration, and chooses the configuration that yields the smallest compressed (IDAT) output. At the user's option, the program can explore few (below 10) or many (a brute-force traversal over more than 100) configurations. The method of selecting the parameters for "few" trials is particularly effective, and the use of a brute-force traversal is generally not recommended.
In addition, pngcrush offers a multitude of extra features, such as recovery of erroneous PNG files (e.g. files containing bad CRCs), and chunk-level editing of PNG meta-data.
OptiPNG by Cosmin Truţa, available at http://www.cs.toronto.edu/pngtech/optipng, is a newer open-source program, inspired from pngcrush, but designed to be more flexible and to run faster. Unlike pngcrush, OptiPNG performs the trials entirely in memory, and writes only the final output file on the disk. Moreover, it offers multiple optimization presets to the user, who can choose among a range of options from "very few trials" to "very many trials" (in contrast to the coarser "smart vs. brute" option offered by pngcrush).
AdvanceCOMP by Andrea Mazzoleni is a set of tools for optimizing ZIP/GZIP, PNG and MNG files, based on the powerful 7-Zip deflation engine. The name of the PNG optimization tool is AdvPNG. At the time of this writing, AdvPNG does not perform image reductions, so the use of pngrewrite or OptiPNG prior to optimiziation may be necessary. However, given the effectivenes of 7-Zip deflation, AdvanceCOMP is a powerful contender.
The AdvanceCOMP tool set is a part of the AdvanceMAME project, available at http://advancemame.sourceforge.net.
PNGOut by Ken Silverman, available at http://advsys.net/ken/utils.htm, is a freely-available compiled program (no source code), running on Windows and Linux. According to our tests, the compression ratio achieved by PNGOut is comparable to that of AdvPNG. Unfortunately, due to the lack of information, we cannot say much about this tool.