이미지 압축은 원칙적으로 해결된 문제이지만, 잘못된 형식이나 품질 설정을 선택하면 대역폭을 낭비하고 사이트 속도를 늦추거나 눈에 띄는 아티팩트가 발생할 수 있습니다. 주요 형식의 작동 방식과 각각을 사용해야 하는 시기에 대한 실용적인 가이드입니다.
손실 vs 무손실
모든 이미지 형식은 두 가지 범주 중 하나에 속합니다. 무손실 형식은 원본의 모든 픽셀을 보존합니다——디코딩된 이미지는 소스와 비트 단위로 동일합니다. 손실 형식은 사람의 눈이 덜 민감한 정보를 버려 일부 충실도를 희생하면서 훨씬 작은 파일 크기를 달성합니다.
어느 것을 선택할지는 사용 사례에 따라 다릅니다. 사진과 그라데이션은 손실 압축을 잘 견딥니다. 일반적인 보기 크기에서 아티팩트를 발견하기 어렵기 때문입니다. 스크린샷, 텍스트, 로고, 날카로운 가장자리가 있는 그래픽은 선명함을 유지하기 위해 무손실 인코딩이 필요합니다.
JPEG: 보편적인 표준
JPEG는 30년 동안 웹에서 지배적인 이미지 형식이었습니다. 이산 코사인 변환을 기반으로 한 손실 압축 알고리즘을 사용합니다——비디오 코덱에서 사용되는 것과 동일한 기술입니다. 인코더는 이미지를 8x8 픽셀 블록으로 나누고, 각 블록을 주파수 공간으로 변환하며, 인간의 눈이 덜 예민하게 인지하는 고주파 정보를 버립니다.
장점: 보편적인 브라우저 지원, 사진의 뛰어난 압축, 조정 가능한 품질.
단점: 투명도 미지원, 저품질에서 가시적인 블록 아티팩트, 텍스트 및 그래픽의 낮은 압축률.
최적 대상: 사진, 복잡한 그라데이션, 소셜 미디어 이미지, 파일 크기보다 보편적 호환성이 중요한 모든 상황.