이미지 압축과 품질: 절충점 이해하기

JPEG는 DCT(이산 코사인 변환)라는 수학적 기법을 사용해 이미지를 8×8 픽셀 블록으로 분해합니다. 각 블록은 색상과 밝기 변동을 나타내는 수식으로 변환됩니다. 핵심은 그 다음 단계입니다. 고주파 세부 정보(세밀한 텍스처, 선명한 모서리)는 버려지고, 눈이 가장 잘 인식하는 저주파 성분(부드러운 색상 전환)만 남깁니다.

품질 설정이 여기서 역할을 합니다. 품질 95는 데이터를 조금 버리고, 품질 70은 많이 버립니다. JPEG 인코더는 양자화 테이블—무엇을 남기고 무엇을 버릴지 결정하는 수학적 규칙—을 사용합니다. 품질 95에서는 양자화가 부드럽고, 품질 50에서는 공격적입니다. 인코더는 남은 데이터를 무손실 알고리즘으로 추가 압축해 파일 크기를 더 줄입니다.

PNG, WebP, TIFF는 무손실 압축을 사용합니다. 데이터를 버리지 않고 중복 정보만 제거합니다. PNG를 압축 수준 9(최대)로 저장해도 픽셀은 완벽하게 보존됩니다. 여기서 '품질'은 압축 시간을 의미할 뿐, 데이터 손실을 뜻하지 않습니다. PNG 파일이 크지만 반복 편집에 안전한 이유가 여기 있습니다.

가장 눈에 띄는 JPEG 아티팩트는 블록성입니다. 8×8 픽셀 블록이 작은 사각형으로 드러나는 현상으로, 선명한 모서리나 고대비 영역 주변에서 특히 두드러집니다. 품질 75에서는 대부분의 이미지에서 거의 눈에 띄지 않지만, 품질 40이 되면 확연히 보기 흉해집니다. 텍스트 모서리가 가장 심한데, 품질 60으로 압축된 로고는 픽셀이 뭉개져 보입니다.

링잉 아티팩트는 선명한 모서리 주변에 어둡거나 밝은 테두리처럼 나타납니다. 흰 배경의 검은 선을 품질 60으로 압축하면 선 주변에 희미한 어두운 윤곽이 생깁니다. DCT 압축이 부드러운 전환을 전제로 동작하기 때문에 발생하는 현상입니다. 선명한 경계가 알고리즘을 혼란스럽게 만드는 것입니다. 품질을 80 이상으로 높이면 링잉이 크게 줄어듭니다.

색상 번짐은 JPEG이 색상 서브샘플링—색상 정보를 밝기보다 낮은 해상도로 저장하는 방식—을 쓸 때 발생합니다. 파란색 옆의 선명한 빨간색 선이 보라색으로 번질 수 있습니다. 이 현상은 주로 품질 70 미만이거나 채도가 높은 색상에서만 나타납니다. 그래픽이 많은 이미지를 JPEG로 저장할 때는 품질 85 이상을 사용해야 하는 이유입니다.

PSNR(최대 신호 대 잡음비)과 SSIM(구조적 유사성 지수)은 압축된 이미지가 원본과 얼마나 다른지를 수치로 측정합니다. PSNR 40dB는 인상적으로 들리지만, 인간은 PSNR에 비례해 품질을 느끼지 않습니다. PSNR 35dB 이미지는 충분히 봐줄 만하지만 PSNR 28dB는 못 써먹을 수준처럼 보입니다. 수치상 차이는 크더라도 시각적 체감은 그에 비례하지 않습니다.

SSIM은 PSNR보다 인간 시각과 더 잘 일치합니다. 지역적 구조를 고려하기 때문입니다. SSIM 0.95는 원본과 거의 구별이 안 된다는 뜻이고, 0.85는 양호, 0.75는 웹 사용에 허용 가능한 수준, 0.60은 눈에 띄게 열화된 상태입니다. 다만 SSIM도 인간 지각과 완벽하게 일치하지는 않습니다. 구조적으로 유사하지만 약간 흐릿한 이미지가 높은 SSIM을 받더라도, 사람 눈에는 뿌연 느낌이 분명히 보일 수 있습니다.

가장 좋은 방법은 나란히 비교하는 도구를 써서 다양한 품질 수준으로 직접 이미지를 테스트하는 것입니다. 히어로 이미지(품질 85+, SSIM >0.90)에 적합한 설정이 썸네일(품질 70, SSIM 0.80)에는 과할 수 있습니다. 지표보다 자신의 눈을 믿으세요.

웹 히어로 이미지와 제품 사진: 품질 80~90. 크고 눈에 잘 띄며 방문자가 직접 주목하는 이미지입니다. 낮은 품질에서는 JPEG 아티팩트가 드러납니다. WebP는 75~80에서 비슷한 품질을 달성하므로 파일 크기를 20~30% 아낄 수 있습니다. 4MP 제품 사진은 품질 85에서 보통 150~250KB입니다.

썸네일과 갤러리 이미지: 품질 70~75. 크기가 작아 압축 아티팩트가 덜 눈에 띕니다. 방문자가 스크롤하며 훑어보는 이미지라 세밀하게 들여다보지 않습니다. 품질 70 WebP는 품질 80 JPG와 사실상 구별이 안 되는 경우가 많습니다. 파일 크기는 썸네일당 30~80KB 수준입니다.

보관 및 인쇄: 품질 95 또는 PNG. 향후 편집이나 인쇄를 위해 원본을 보관할 때는 최고 품질이나 무손실 PNG를 사용하세요. 웹 품질 JPEG를 300DPI로 인쇄하면 결과가 좋지 않습니다. 품질 95 이상 JPEG이나 PNG가 필요합니다. 파일 크기보다 품질이 우선시되는 유일한 상황입니다.

소셜 미디어: 품질 60~70. 어차피 플랫폼이 재압축합니다. 고품질 JPEG도 Instagram이나 Facebook 서버를 거치면서 데이터를 잃습니다. 품질 65 JPEG으로 업로드 시간과 대역폭을 아끼세요. 플랫폼이 어차피 재처리하므로 여기에 공을 들일 필요가 없습니다.

이메일 첨부: 사진은 품질 50~60, 그래픽은 PNG. 이메일 클라이언트마다 이미지 표시 방식이 다릅니다. 느린 연결의 수신자에게는 작은 파일이 유리합니다. 품질 55 JPEG 썸네일은 20~40KB, 품질 75는 100KB 이상입니다. 이메일은 완벽한 화질을 추구하는 자리가 아닙니다.

일부 이미지 편집기에서는 '최대 품질' 또는 '100%'로 저장할 수 있어 압축이 없는 것처럼 느껴집니다. 그러나 JPEG '품질 100'도 여전히 DCT와 양자화를 적용합니다. 단지 가장 부드러운 양자화 테이블을 쓸 뿐입니다. 품질 100 JPEG는 여전히 손실 방식이며, 비압축 원본보다 작습니다. 사실상 무손실에 가깝지만, 진짜 무손실은 아닙니다.

PNG 압축 수준 9(최대)는 진짜 무손실입니다. 모든 픽셀이 보존되면서 ZIP 계열 알고리즘으로 파일 크기를 줄입니다. 압축 수준 9 PNG는 비압축 픽셀 데이터보다 작지만, 품질 95 JPEG보다는 큽니다. 픽셀 단위의 완벽한 보존이 필요하다면 JPEG 품질 100이 아닌 PNG를 사용하세요.

비압축 이미지 형식(TIFF, RAW)은 촬영한 그대로 모든 픽셀을 저장하며 압축이 없습니다. 파일 크기는 JPEG보다 10~50배 크지만, 보관이나 추가 편집에는 완벽합니다. 웹 배포나 공유보다는 전문 워크플로우와 장기 보관에 적합합니다.

JPEG를 여러 번 저장하면 손상이 누적됩니다. 이미지를 품질 90으로 압축한 뒤 편집기에서 열어 다시 품질 90으로 저장하면, 저장마다 DCT 양자화가 적용되며 데이터가 조금씩 더 사라집니다. 3~5회 저장 후에는 아티팩트가 겹쳐 쌓입니다. 모서리가 흐릿해지고, 색상이 틀어지고, 이미지가 점점 나빠집니다. 이를 세대 손실이라고 부릅니다.

JPEG 파일을 직접 편집하지 마세요. 원본은 항상 PNG나 비압축 형식(TIFF, RAW)으로 보관하세요. 원본을 편집하고, 완료된 시점에 한 번만 JPEG로 저장하는 것이 원칙입니다. 무손실 원본에서 품질 85로 한 번 저장한 결과물이, 편집·재저장·편집을 반복한 JPEG보다 훨씬 낫습니다.

WebP도 마찬가지입니다. 여러 번 저장하지 마세요. PNG에서 편집 작업을 하고, 마지막 단계에서 WebP로 변환하세요. 일부 도구는 이를 자동화합니다. PNG를 업로드하면 WebP와 JPEG을 자동으로 얻는 방식이라, 재저장 없이 품질을 보존하고 누적 아티팩트 문제를 피할 수 있습니다.

JPEG는 색상(크로마) 정보를 밝기(루마)보다 낮은 해상도로 저장할 수 있습니다. 이를 4:2:0 크로마 서브샘플링이라고 하며, 색상이 밝기 해상도의 1/4 수준으로 저장됩니다. 부드럽고 점진적인 색상의 사진에서는 사람 눈이 밝기보다 색상 세부 정보에 덜 민감하므로, 화질 손실이 거의 보이지 않으면서 파일 크기를 10~20% 줄일 수 있습니다.

반면 4:2:0 서브샘플링은 고대비 경계에서 눈에 띄는 색상 번짐을 만들어 냅니다. 파란 배경 위의 선명한 빨간 선이 그 사이에 보라빛으로 번지는 식입니다. 이미지에 채도 높은 색상, 선명한 선, 단색이 맞닿는 로고가 있다면 4:4:4 크로마(서브샘플링 없음)를 사용하거나 이를 더 잘 처리하는 WebP를 선택하세요.

JPEG 품질과 크로마 서브샘플링을 설정할 때, 사진가는 보통 품질 75에 4:2:0을 써도 훌륭한 결과를 얻습니다. 그래픽 디자이너는 품질 85 이상에 4:4:4를 쓰는 것이 좋습니다. 웹 도구는 보통 파일 크기 절감을 위해 4:2:0을 기본으로 설정하지만, 대개 조정할 수 있습니다. 각 설정이 무엇을 의미하는지 이해하고 용도에 맞게 선택하세요.