image 이미지 변환기(JPG, PNG, WebP) star

올바른 형식을 고르는 방법

세 형식은 압축률, 투명도, 호환성을 서로 다르게 맞바꾸며, 잘못 고르면 결과는 지나치게 큰 파일이나 눈에 띄는 손상 중 하나로 나타납니다. PNG는 무손실이며 완전한 알파 채널(투명도)을 지원합니다 — 모든 픽셀이 정확히 그대로 왕복하므로, 선명한 경계와 텍스트가 있는 로고, 아이콘, 스크린샷에 적합한 선택입니다: 손실 형식이었다면 그런 또렷한 경계가 눈에 띄는 뭉개짐으로 번졌을 것입니다. JPEG는 손실 형식이지만 동일한 시각적 품질에서 훨씬 작은 파일을 만듭니다. 사람의 눈이 연속 톤 이미지에서 통계적으로 잘 알아채지 못하는 세부 정보를 버리기 때문입니다 — 이 절충은 사진에 특히 잘 맞습니다. 잎사귀나 구름에 생긴 부드러운 압축 손상은 로고의 딱딱한 경계선에 생긴 것보다 훨씬 눈에 덜 띄기 때문에, 사진은 JPEG에 자연스럽게 어울리는 대상입니다.

2010년 구글이 선보인 WebP는 이 둘 사이의 간극을 메우기 위해 만들어졌습니다: 하나의 형식 안에서 손실 모드(JPEG와 경쟁)와 알파 투명도를 포함한 무손실 모드(PNG와 경쟁)를 모두 지원합니다. 동일한 시각적 품질에서 WebP 손실 파일은 보통 동급 JPEG보다 25~35% 더 작습니다 — 페이지 로드 용량에서 실질적인 절감입니다. 문제는 호환성입니다: WebP는 현재 주요 브라우저 전부에서 지원되지만 일부 오래된 소프트웨어, 레거시 CMS, 몇몇 데스크톱/인쇄 워크플로에서는 지원되지 않으므로, 최신 웹페이지 밖에서는 JPEG나 PNG 폴백이 여전히 더 안전한 선택일 때가 있습니다.

구체적인 예: 같은 3000×2000 사진을 비슷한 시각적 품질로 세 가지 방식으로 내보내 봅니다. PNG는 보통 가장 큽니다 — 무손실 압축은 자연스러운 사진 노이즈를 의미 있게 줄이지 못하므로 몇 메가바이트에 달합니다. JPEG는 훨씬 작아져, 흔히 1메가바이트 미만이 됩니다. 손실 압축이 사진에 가득한 미세한 디테일을 버리도록 특별히 조정되어 있기 때문입니다. WebP는 그보다도 더 작아져, 애초에 이 형식이 설계된 이유와 같은 이유로 JPEG보다 대략 4분의 1에서 3분의 1가량 더 작습니다. 하지만 같은 사진 대신 경계가 선명한 로고를 같은 방식으로 처리하면 순위가 뒤바뀝니다: PNG는 지워버릴 디테일이 거의 없어 작게 유지되는 반면, JPEG는 딱딱한 경계 주위의 흐림이 눈에 띄게 드러납니다.

알아두면 좋은 점

• JPG → PNG로 변환해도 품질이 복구되지 않습니다. JPEG에 이미 새겨진 압축 손상은 그대로 정확히 남습니다. PNG는 다음 편집에서 추가 손실만 막아줄 뿐입니다. 손실 형식으로의 변환은 편집 과정의 맨 마지막에 단 한 번만 하세요.
• 사진으로 만든 PNG는 흔히 거대합니다. PNG는 무손실이므로 JPEG 노이즈와 사진 특유의 그레인까지 모든 비트를 충실히 저장해야 하며, 이는 압축 효율이 나쁩니다 — 사진의 경우 PNG는 거의 항상 세 옵션 중 가장 큰 파일이 되며, 이는 평소의 평판과 정반대입니다.
• JPEG로 변환하면 투명도가 평면화됩니다. JPEG에는 알파 채널이 없으므로, 인코딩 전에 투명한 영역은 단색 배경(기본값은 흰색)으로 채워집니다 — 로고를 변환하기 전에 이를 확인하세요.
• 모든 과정은 브라우저 안의 캔버스에서 이루어집니다. 파일은 로컬에서 디코딩, 렌더링, 재인코딩되며, 아무것도 업로드되지 않고, 기기 메모리 외에는 크기 제한이 없으며, 페이지가 로드된 후에는 오프라인에서도 계속 작동합니다.
• 일괄 변환에서도 파일마다 자신만의 설정이 유지됩니다. 여러 이미지를 한 번에 변환해도 형식 결정은 파일별로 적용되므로, 사진과 로고가 섞인 배치라도 각각 실제로 맞는 형식으로 저장될 수 있습니다.