웹 그래픽에서 png 파일 표준을 알아야합니까?

Question

jpeg 및 gif 파일을 PNG로 사용하기 시작했습니다. IE의 지원 부족과 함께 png를 사용하기위한 기준이 있는지 궁금합니다. 웹용으로 최적화 할 때 사용해야하는 설정에 대한 최신 기사가 있는지 알고 싶습니다. 지금은 대신 포토샵을 사용하여 불꽃을 사용해야합니까?

Answer 1

사용하는 최적화는 이미지 유형에 따라 다릅니다. 이미지에 색상이 거의없는 경우 png-8을 사용할 수 있습니다. 그렇지 않으면 png-24가 필요할 수 있습니다. 투명도/알파 블렌딩을 사용하는 경우에도 마찬가지입니다. Photoshop 저장 웹 기능은 훌륭하게 작동하지만 웹 사이트 방문자가 많은 경우 PNGCrush를 사용하여 이미지를 더욱 압축 할 수 있습니다. FireFox 용 YSlow 플러그인을 사용하여 이미지를 압축하여 저장할 수있는 대역폭을 테스트 할 수 있습니다.

또한 디자인에서 허용하는 경우 CSS- 스프라이트를 사용할 수 있습니다. 이로 인해 이미지는 작지만 크기가 커지므로 요청이 적고 대역폭이 적을 수 있습니다. 하지만이 방법은 사용하는 이미지 유형에 따라 다릅니다.

Png는 IE에서 지원됩니다. 알파 투명도는 IE 6에서 지원하지 않지만 배경 이미지에서는 작동하지 않지만 CSS/Javascript로이 문제를 해결할 수 있습니다.

나는 jpg를 사용하지 않을 것이다. Jpg는 사진과 관련하여 매우 유용합니다. PNG 파일은 단추, 그래픽 요소와 같은 작은 이미지 및 스크린 샷과 같은 큰 일반 영역이있는 이미지에 편리합니다.