손실 대 손실 없는 압축: 이미지에 어떤 것이 맞습니까?

손실 없는 압축은 이미지의 모든 픽셀을 정확히 보존합니다. 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(텍스트 주변의 아티팩트). 압축 아티팩트가 텍스트에 표시되기 때문에 손실이 더 나쁩니다. 손실 없는 것이 hard edges가 있는 이미지에 근본적으로 더 좋습니다.

규칙: 손실은 사진의 경우 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는 손실과 손실 없음 사이에 앉아 있습니다. 손실 모드(품질 설정) 및 손실 없는 모드가 모두 있습니다. 품질 75의 손실 WebP는 종종 품질 80의 JPG보다 더 잘 보입니다. 최고의 결과를 위해 특정 이미지를 테스트합니다.

img-toolbox는 품질 설정 제어를 통해 손실 없는(PNG) 및 손실(JPG, WebP) 변환을 지원합니다. 이미지를 업로드하고, 선호하는 형식 및 품질로 변환하고, 최적화된 버전을 다운로드합니다. 배치 작업의 경우 ImageMagick과 같은 도구가 이 프로세스를 스크립트합니다.

최신 프레임워크가 이를 자동으로 처리합니다. Next.js Image 구성 요소 및 유사한 도구는 이미지 콘텐츠를 감지하고, 사진의 경우 손실을 선택하고 그래픽의 경우 손실 없는 것을 선택하며, 여러 형식 버전을 생성합니다. 원본을 업로드하기만 하면 됩니다.

아카이브의 경우: 손실 없는 것(PNG, TIFF, WebP 손실 없는 모드)을 사용합니다. 웹 배포의 경우: 손실(JPG, WebP 손실)을 손실 없는 마스터에서 사용합니다. 편집 워크플로우의 경우: 항상 손실 없는 원본으로 작업하고 최종 배포를 위해 손실로 내보냅니다.