이미지 최적화

Question

yslow smushit을 사용하여 이미지 (gif 또는 jpeg)를 png8로 변환하는 것과 같은 사이트 성능의 속도가 빨라지는 것을 알고 싶습니까? 그게 ie6에서 작동할까요?

Answer 1

이미지에 따라 다릅니다. PNG는 색상 블록이있는 이미지에 적합하지만 jpeg는 사진 유형 이미지에 적합합니다. Smushit은 불필요한 바이트를 줄여서 파일 크기를 줄이지 만 작은 이미지가 많은 파일이라면 페이지를로드하는 데 필요한 연결 수를 줄이기 위해 스프라이트를 고려해야합니다.

파일 크기를 줄이면 파일 수를 줄이는 데 도움이됩니다 (일반적으로).

Answer 2

여기에 포함 된 많은 요인이 있습니다

• 이미지
• 이미지
• 속도를의 (메가) 바이트 크기의 픽셀 크기가있는 이미지가 될 수 있습니다 사용자에게 보냈습니다. 이것은 서버 속도와 사용자 연결 속도의 조합입니다.
• 브라우저가 이미지를 읽고 디스플레이 용 비트 맵으로 변환하는 데 걸리는 시간
• 사용자 컴퓨터/그래픽 카드 조합의 속도.

병목 현상이 이미지의 크기 (바이트)로 인한 것이 아니라면 이미지를 png로 변환하면 사이트 성능에 커다란 차이가 생길지 확신하지 못합니다. 사용자의 연결 속도가 느린 경우에는 도움이되지 않습니다.

Answer 3

귀하의 질문은 매우 모호합니다. 나는 어쨌든 대답하려고 노력할 것이다.

먼저 성능에는 두 가지 끝이 있습니다. 사이트의 뷰어와 사이트가 실행되는 컴퓨터. 뷰어는 페이지를 더 빨리로드 할 수 있기 때문에 파일 크기가 작은 이미지를 통해 이점을 얻을 수 있습니다. 서버의 경우 연결의 최대 대역폭에 가까운 경우가 아니면 일반적으로 그 차이가 중요하지 않습니다.

(애니메이션이 아닌) GIF 이미지의 경우 PNG 압축이 훨씬 잘되어 PNG8로 변환하면 고통이없고 유익합니다. 또한 Internet Explorer 6은 PNG 이미지를 1 비트 알파 채널로 표시하는 데 문제가 없습니다 (기본적으로 GIF의 내용이기도합니다). 8 비트 알파 채널을 사용하면 IE6에 디스플레이 아티팩트가 발생합니다.

JPEG 이미지를 PNG로 변환하면 파일 크기가 늘어나고 이미지 품질이 향상되지 않으므로 반대하는 것이 좋습니다.

Answer 4

다운로드가 빨라집니다. PNG (AFAIK)는 더 나은 압축 알고리즘을 사용하기 때문에 항상 GIF보다 작은 파일 크기입니다. Photoshop과 같은 일부 프로그램은 메타 데이터에 약간의 오버 헤드를 추가합니다. 또한 무손실이므로 이미지의 품질을 잃지 않습니다.

PNG8을 지원하기 때문에 IE6에서 작동합니다. 24 비트 알파 투명도를 가진 PNG는 IE6에서 지원되지 않습니다. hack이 있지만 최적이 아니지만 아무것도없는 것보다 낫습니다.