PNG와 WebP 중 무엇을 쓸까

나란히 비교

용량과 투명도 수치는 Google의 WebP 문서에서 가져왔습니다. 이 문서는 투명도가 있는 손실 압축 WebP가 같은 내용의 PNG보다 보통 세 배 작다고도 밝힙니다.

WebP가 앞서는 경우

• 직접 운영하는 페이지의 이미지 현재 브라우저는 모두 WebP를 표시합니다. 이미지 용량을 4분의 1 줄이면 모바일 연결에서 실제로 속도가 빨라집니다.
• 사진 요소가 들어간 투명 그래픽 사진 배경 위에 얹은 로고가 알파 채널을 쓴 손실 압축 WebP가 PNG를 가장 크게 앞서는 경우입니다.
• 큰 스크린샷과 화면 캡처 단색과 또렷한 글자는 무손실 WebP에서 잘 압축되므로 픽셀은 그대로 두고 용량만 덜어 냅니다.
• 대역폭이 제약인 모든 곳 이메일 뉴스레터, 문서 사이트, 이미지가 많은 카탈로그.

여전히 PNG가 맞는 경우

PNG는 원본으로 보관하고 전달용 사본만 변환하세요. 아래 사례 대부분은 이 규칙 하나로 정리됩니다.

1. 다시 편집할 파일 손실 압축 형식을 거칠 때마다 이미지는 조금씩 나빠집니다. 무손실 원본을 두면 이 문제 자체가 생기지 않습니다.
2. 인쇄와 디자인 작업 많은 편집과 인쇄 준비 소프트웨어는 여전히 PNG나 TIFF를 전제로 합니다. 인쇄소에 WebP를 넘기면 받고 싶지 않은 메일을 받게 됩니다.
3. 오래된 시스템이 여는 파일 사내 구형 도구, 오래된 문서 뷰어, 일부 업로드 양식은 WebP를 아예 받지 않습니다.
4. 다른 사람에게 보내는 파일 오래된 컴퓨터를 쓰는 동료는 파일을 두 번 눌러 열지 못할 수 있습니다. WebP PNG 변환 도구를 쓰는 이유가 바로 이것입니다.

무손실 WebP와 손실 압축 WebP

WebP는 확장자 하나를 쓰는 두 가지 형식입니다. 무손실 모드는 모든 픽셀을 정확히 유지합니다. 손실 압축 모드는 인코더가 알아보지 못할 것으로 판단한 세부를 버리고, 파일은 훨씬 작아집니다.

로고, 도표, 스크린샷처럼 경계가 뚜렷하거나 글자가 있는 이미지에는 무손실을 고르세요. 사진과 아무도 확대해 보지 않을 배경에는 손실 압축을 고르세요. 손실 압축에서 글자는 주위에 옅은 테두리가 생기는데, 사람들이 가장 먼저 알아채는 결함입니다.

Vaultaire 변환 도구는 두 가지를 모두 제공합니다. 무손실 모드에서는 새 파일을 다시 읽어, 출력이 실제로 픽셀이 일치하는 무손실 VP8L 이미지가 아니면 다운로드를 막습니다. 알파 값은 정확히 일치해야 하며, 브라우저 기본 인코더가 값을 반올림하므로 부분 투명 색상에서는 사전 곱셈된 8비트 채널마다 최대 2까지만 허용합니다.

변환이 메타데이터에 미치는 영향

변환은 파일에 붙어 있는 정보를 떨어내는 방법이기도 합니다. 이 변환 도구는 원본 EXIF, ICC, 텍스트, 시간, C2PA 기록을 새 WebP로 복사하지 않고, 완성된 파일을 독립된 파서로 검사한 뒤 기록이 나오면 다운로드를 잠근 채로 둡니다.

PNG가 휴대폰 스크린샷, 카메라 내보내기, 이미지 생성기에서 나온 경우 이 점이 중요합니다. 결정하기 전에 무엇이 붙어 있는지 보고 싶다면 메타데이터 검사 도구가 목록을 보여 줍니다. 모든 작업은 브라우저 워커에서 실행되며 파일은 업로드되지 않습니다.

변환 도구의 실제 한도는 정지 PNG 한 장, 최대 20 MB, 가로세로 각 4,096픽셀, 전체 16,000,000픽셀입니다. 애니메이션 PNG는 첫 프레임만 몰래 내보내지 않고 디코딩 전에 거부됩니다.