손실 압축과 무손실 압축: 이미지에 어떤 방식이 맞을까요?

무손실 압축은 이미지의 모든 픽셀을 정확히 보존합니다. ZIP 파일과 비슷한 원리로, 데이터에서 패턴을 찾아 효율적으로 인코딩합니다. 이미지에 같은 색의 픽셀이 1,000개 연속으로 있다면, 무손실 압축은 픽셀을 하나씩 저장하는 대신 '빨강 × 1000'이라고 기록합니다. 파일은 작아지지만 압축을 풀면 원본과 픽셀 단위로 동일합니다.

PNG와 GIF가 무손실 형식입니다. PNG는 DEFLATE 압축(ZIP에서도 사용)을 사용하며, 단색 배경과 선명한 모서리가 있는 이미지에 특히 효과적입니다. 균일한 회색 배경과 검은 텍스트의 스크린샷은 반복 패턴이 많아 무손실 압축으로도 크기가 크게 줄어듭니다.

무손실 압축은 가역적입니다. 몇 번을 압축하고 풀어도 품질 손실이 없습니다. PNG를 편집하고, 저장하고, 다시 편집해도 화질이 떨어지지 않습니다. 디자인 소스 파일이나 수정이 필요한 그래픽에 PNG를 쓰는 이유가 바로 이것입니다.

손실 압축은 사람이 인식하기 어려운 데이터를 버립니다. JPG는 DCT(이산 코사인 변환)를 사용해 이미지를 주파수 성분으로 분해합니다. 낮은 주파수는 색상과 큰 형태를, 높은 주파수는 세부 텍스처를 담습니다. 손실 압축은 높은 주파수 데이터를 제거하고, 인간 시각이 가장 중요하게 여기는 낮은 주파수 구조만 남깁니다.

원리: 사진의 8×8 픽셀 블록이 공간 도메인(픽셀 값)에서 주파수 도메인(주파수 계수)으로 변환됩니다. 알고리즘은 처음 20%의 계수(낮은 주파수, 큰 구조)를 남기고 나머지(높은 주파수, 세부 정보)를 버립니다. 복원된 이미지는 사람 눈에는 거의 똑같아 보이지만 파일 크기는 80% 줄어듭니다.

손실 압축은 비가역적입니다. 한번 압축해서 풀면 원본 데이터를 되돌릴 수 없습니다. 손실 이미지를 다시 압축하면 품질이 두 번 손상됩니다. 소스 이미지를 항상 무손실 또는 비압축 형식으로 보관해야 하는 이유입니다.

일반적인 3000×2000 사진의 경우: 비압축 = 18MB(픽셀당 24비트), 무손실 PNG = 2~3MB, 손실 JPG 품질 75 = 250~400KB. 손실 방식이 10~20배 더 작습니다. 단색 그래픽의 경우 무손실 PNG = 150KB, 손실 JPG 품질 90 = 200KB입니다. 버릴 세부 정보가 별로 없어 무손실 쪽이 더 유리합니다.

텍스트가 있는 스크린샷의 경우: 무손실 PNG = 200KB(선명한 텍스트 보존), 손실 JPG 품질 85 = 400KB(텍스트 주변에 아티팩트 발생). 텍스트처럼 경계가 선명한 이미지에서는 손실 압축이 오히려 파일이 커지고 품질도 나빠질 수 있습니다.

정리하면: 손실 방식은 사진에서 5~20배 더 작고, 텍스트가 있는 그래픽에서는 오히려 클 수 있습니다. 형식의 인기도가 아니라 이미지 내용을 기준으로 선택하세요.

아카이브 품질이 필요한 경우, 이미지를 여러 번 편집할 경우, 텍스트나 선명한 모서리가 있는 경우, 또는 파일 크기보다 품질이 우선인 경우에 무손실을 사용하세요. 스크린샷, 다이어그램, 로고, 디자인 파일은 모두 무손실이 맞습니다.

원본 데이터를 동료와 공유할 때도 무손실을 사용하세요. 손실로 압축된 JPG를 보내면 손실된 세부 정보를 복구할 수 없습니다. 무손실 파일을 보내면 받는 사람이 원본 데이터를 그대로 갖고, 필요할 때 직접 손실 압축을 할 수 있습니다.

다시 촬영하기 어렵거나 불가능한 이미지에도 무손실을 사용하세요. 원본 아트워크, 역사적 사진, 고유한 문서가 여기에 해당합니다. 파일 크기가 더 크더라도 보존의 가치가 있습니다.

파일 크기가 중요한 경우, 이미지가 그라데이션과 자연스러운 색상의 사진인 경우, 다시 편집하지 않을 경우, 또는 네트워크로 전송하는 경우에 손실을 사용하세요. 웹 이미지, 이메일 첨부, 소셜 미디어가 모두 손실 방식이 적합합니다.

무손실 소스에서 한 번 변환·압축한 이미지에 추가 손실 압축을 적용하는 것도 괜찮습니다. 이미 한 번 품질을 잃었다면, 파일 크기를 더 줄이는 데 집중하면 됩니다.

다시 편집하지 않을 배포용 이미지를 최적화할 때 손실을 사용하세요. 쇼핑몰 제품 사진, 히어로 이미지, 갤러리 이미지는 한 번 손실 압축하고 그 버전을 계속 재사용하면 됩니다.

원본 보존: 항상 무손실 또는 비압축 마스터 사본을 보관하세요. 사진이라면 카메라나 스마트폰의 원본을 저장하고, 아트워크라면 Photoshop 네이티브 파일을 유지하세요. 나중에 재압축이나 편집이 필요할 때 선택지를 열어두는 것입니다.

배포용 압축 버전 생성: 무손실 마스터에서 웹용 손실 JPG, 그래픽용 PNG, 최신 브라우저용 WebP를 만드세요. 한 번 만들고 나면 이 압축 버전을 모든 곳에서 재사용하세요. 이미 압축된 이미지를 다시 압축하지 마세요.

도구 워크플로우: 마스터는 PNG나 TIFF로 보관하고, 일괄 처리 도구로 웹용 최적화 JPG/WebP 버전을 생성한 뒤 버전 관리나 CDN에 올려두세요. 수정이 필요하면 이전 압축 버전이 아니라 마스터에서 다시 압축하세요.

무손실 형식에도 압축 수준이 있습니다(PNG: 0~9, 9가 가장 느리고 가장 작음). 높은 수준일수록 파일이 작아지지만 압축·해제에 시간이 더 걸립니다. 웹에서는 PNG 수준 6~7이 최적입니다. 그보다 높은 수준에서 얻는 파일 크기 절감이 해제 속도 저하를 정당화할 만큼 크지 않습니다.

손실 형식에는 품질 설정이 있습니다(JPG: 0~100, 100이 최고 품질). 사진의 경우 품질 75~85가 최적점입니다. 눈으로 손실을 느끼지 못하면서 파일 크기는 원본보다 60~70% 줄어듭니다. 품질 50은 아티팩트가 눈에 띄고, 품질 95는 거의 무손실에 가깝습니다.

WebP는 손실과 무손실 두 모드를 모두 지원합니다. 손실 WebP 품질 75는 JPG 품질 80보다 더 좋아 보이는 경우가 많습니다. 최선의 결과를 위해 실제 이미지로 직접 테스트해 보세요.

img-toolbox는 무손실(PNG)과 손실(JPG, WebP) 변환을 모두 지원하며 품질 설정도 직접 제어할 수 있습니다. 이미지를 업로드하고, 원하는 형식과 품질로 변환한 뒤 최적화된 파일을 내려받으세요. 배치 작업에는 ImageMagick 같은 도구로 이 과정을 스크립트할 수 있습니다.

최신 프레임워크는 이 과정을 자동으로 처리합니다. Next.js Image 컴포넌트 같은 도구는 이미지 내용을 감지해 사진에는 손실, 그래픽에는 무손실을 자동으로 선택하고 여러 형식 버전을 생성합니다. 원본만 업로드하면 됩니다.

보관용: 무손실(PNG, TIFF, WebP 무손실 모드)을 사용하세요. 웹 배포용: 무손실 마스터에서 손실(JPG, WebP 손실 모드)로 변환하세요. 편집 워크플로우: 항상 무손실 원본에서 작업하고 최종 출력물만 손실로 내보내세요.