인덱스 PNG는 픽셀마다 전체 RGB 값을 저장하는 대신 팔레트 항목을 가리킵니다. 편집기가 이를 트루컬러로 펼쳐 저장하면 픽셀 모습이 같아도 파일 구조와 용량은 크게 달라질 수 있습니다.
PNG → WebP
인덱스 PNG는 색상표를 참조합니다
PNG 규격의 인덱스 색상 방식은 PLTE 청크에 팔레트 색을 저장하고 각 픽셀에는 그 색의 번호를 기록합니다. 색이 적은 아이콘, 간단한 도표와 픽셀 그래픽에서는 픽셀마다 RGB 성분을 직접 기록하는 것보다 효율적일 수 있습니다. 팔레트는 최대 256개 항목을 사용할 수 있으며 필요한 경우 팔레트 항목에 대응하는 투명도 정보도 둘 수 있습니다. 파일이 작았던 이유가 단순히 PNG라서가 아니라 제한된 팔레트 구조 덕분일 수 있습니다.
반면 트루컬러 PNG는 각 픽셀의 색 성분을 직접 표현하고, RGBA라면 알파 값도 함께 다룹니다. 사진, 미세한 그라데이션과 다양한 반투명 색에는 이 구조가 자연스럽지만 저장해야 할 정보가 늘 수 있습니다. 두 파일이 화면에서 똑같아 보여도 색상 유형, 비트 깊이, 필터와 압축 방식이 다르면 바이트 크기는 크게 달라집니다.
- PLTE 팔레트 사용 여부 확인하기
- 실제 고유 색상 수 살펴보기
- 알파 투명도 구조 확인하기
인덱스 PNG의 작은 용량은 제한된 색상표를 재사용하는 구조에서 나옵니다.
사소한 편집도 트루컬러 전환을 만들 수 있습니다
편집기가 인덱스 이미지를 열 때 내부 작업 공간을 RGB나 RGBA로 확장할 수 있습니다. 레이어 추가, 부드러운 브러시, 그림자, 반투명 효과, 색상 보정과 리샘플링은 기존 팔레트에 없던 많은 색을 만듭니다. 저장할 때 팔레트 모드로 되돌리지 않으면 결과는 트루컬러 PNG가 될 수 있습니다. 한 글자만 고쳤다고 생각해도 편집 과정이 전체 픽셀 구조를 바꾸는 이유입니다.
회전이나 크기 조절처럼 가장자리를 다시 계산하는 작업도 중간색과 다양한 알파 값을 생성할 수 있습니다. 이때 무조건 256색으로 줄이면 경계가 거칠어지거나 그라데이션에 띠가 생길 수 있습니다. 파일 용량이 커졌다는 사실만 보고 오류로 단정하지 말고, 편집으로 실제 필요한 색과 투명도가 늘었는지 먼저 확인해야 합니다.
- 레이어와 반투명 효과 사용 여부 보기
- 리샘플링 뒤 새 색상 확인하기
- 저장 모드가 RGB로 바뀌었는지 점검하기
작업 내용이 작아도 편집기의 내부 색상 모드가 파일 전체를 바꿀 수 있습니다.
무손실과 동일 용량을 혼동하지 않습니다
PNG는 손실 없이 픽셀을 복원하도록 설계된 형식이지만, 같은 픽셀을 저장하는 방법은 하나가 아닙니다. 팔레트, 트루컬러, 알파 유무, 비트 깊이와 압축기의 선택에 따라 결과 크기가 달라집니다. 저장을 반복해도 JPEG 같은 손실이 추가되지 않을 수 있지만, 부가 청크나 색상 유형이 바뀌면 파일은 더 커지거나 작아질 수 있습니다. 무손실이라는 표현을 이전 바이트가 그대로 유지된다는 뜻으로 받아들이면 안 됩니다.
비교할 때는 가로세로 픽셀과 눈에 보이는 내용이 같은지 먼저 확인하세요. 캔버스가 커졌거나 숨은 투명 여백이 추가되면 색상 모드와 무관하게 용량이 증가합니다. 색상 프로필, 텍스트 정보와 편집 프로그램의 부가 메타데이터도 차이를 만들 수 있습니다. 원인별로 확인해야 팔레트 문제와 다른 변경을 구분할 수 있습니다.
- 동일한 픽셀 크기에서 비교하기
- 투명 여백과 부가 청크 확인하기
- 무손실과 동일 바이트를 구분하기
무손실 PNG도 인코딩 구조와 부가 정보에 따라 파일 크기가 달라집니다.
팔레트로 되돌릴지는 이미지 특성으로 결정합니다
단색 로고, 작은 아이콘, 제한된 색의 도표처럼 고유 색이 적다면 팔레트 기반 PNG를 다시 만들 가치가 있습니다. 후보를 만들 때는 단순히 색상 수만 256으로 제한하지 말고 필요한 브랜드 색, 얇은 선과 투명 가장자리가 보존되는지 확인하세요. 반투명 그림자와 그라데이션이 많은 그래픽은 색상 양자화 과정에서 밴딩, 점무늬나 색 이동이 나타날 수 있습니다.
사진에 가까운 이미지라면 트루컬러 PNG를 유지하거나 배포 목적에 맞는 WebP 같은 대안을 비교할 수 있습니다. 다만 형식 변경은 화질과 호환성을 함께 시험해야 합니다. PNG에서 WebP로 바꿀 때도 원본 픽셀 크기를 맞추고, 투명 경계와 작은 글자를 확대해 확인하세요. 가장 작은 파일이 아니라 요구 화질을 만족하는 가장 효율적인 후보를 선택합니다.
- 고유 색이 적은 그래픽인지 판단하기
- 그라데이션과 반투명 경계 검수하기
- 대체 형식은 같은 조건으로 비교하기
팔레트 최적화는 색이 제한된 그래픽에서 효과적이며 모든 PNG에 적합하지는 않습니다.
원본과 최적화본을 실제 화면에서 검수합니다
편집을 마친 고품질 원본을 별도로 보관하고, 배포용 복사본으로 팔레트 변환이나 형식 변경을 시험하세요. 원본, 편집 직후 PNG와 최적화본의 픽셀 크기, 색상 유형, 색 수와 바이트를 표로 기록하면 원인을 찾기 쉽습니다. 확대 보기에서는 얇은 선, 작은 문자, 부드러운 그림자와 투명 가장자리를 중점적으로 비교합니다.
마지막으로 실제 웹페이지나 앱의 배경 위에 올려 봅니다. 밝은 배경에서 괜찮던 반투명 가장자리가 어두운 배경에서 테두리처럼 보일 수 있습니다. 브라우저가 제공하는 실제 파일의 형식, 크기와 색을 확인하고, 품질 문제가 없을 때만 교체하세요. 용량이 조금 줄어도 시각적 결함이나 복잡한 유지 관리가 생긴다면 트루컬러 PNG를 유지하는 편이 나을 수 있습니다.
자동 최적화 도구를 배포 과정에 넣는다면 대표 이미지로 회귀 테스트를 만드세요. 도구 버전이나 옵션이 바뀌면 같은 원본에서도 팔레트 선택과 투명도 처리가 달라질 수 있습니다. 작은 아이콘, 그라데이션, 반투명 그림자와 브랜드 색을 포함한 샘플을 함께 검사하고 예상보다 색이 늘거나 용량이 급증하면 자동 배포를 멈추도록 기준을 정합니다. 애니메이션 PNG라면 정지 PNG와 처리 방식이 다를 수 있으므로 프레임 유지 여부도 별도로 확인합니다. 콘텐츠 해시만 같다고 시각 출력이 같다고 판단하지 말고 실제 디코딩 결과를 비교하세요. 동일한 최적화 설정을 문서화해 다음 배포에서도 재현할 수 있게 합니다. 품질 기준을 통과하지 못한 이미지는 자동 교체하지 않습니다. 원본도 유지하세요.
- 편집 원본과 배포본 분리하기
- 색상 유형과 바이트 기록하기
- 밝고 어두운 실제 배경에서 확인하기
최적화 성공 여부는 파일 정보와 실제 표시 품질을 함께 확인해야 판단할 수 있습니다.
핵심만 정리했어요
- 인덱스 PNG는 PLTE 팔레트와 색상 번호를 이용해 제한된 색을 효율적으로 저장합니다.
- 편집 과정에서 RGB 또는 RGBA 트루컬러로 바뀌면 같은 그림도 용량이 커질 수 있습니다.
- 무손실 저장은 동일한 파일 구조나 용량을 보장한다는 뜻이 아닙니다.
- 색 수, 반투명 가장자리와 실제 표시 품질을 확인한 뒤 재팔레트화 또는 다른 형식을 결정해야 합니다.
자주 묻는 질문
인덱스 PNG란 무엇인가요?
PLTE 팔레트에 색을 저장하고 각 픽셀이 색상 번호를 참조하는 PNG 색상 방식입니다.
글자 하나만 고쳤는데 왜 용량이 커졌나요?
편집기가 이미지를 RGB나 RGBA로 펼쳐 저장하거나 새 색과 부가 정보를 추가했을 수 있습니다.
PNG는 무손실인데 크기가 바뀔 수 있나요?
네. 무손실은 픽셀 복원에 관한 특성이며 팔레트, 비트 깊이와 압축 방식에 따라 바이트는 달라집니다.
모든 PNG를 256색으로 줄여도 되나요?
아니요. 사진, 그라데이션과 반투명 효과에서는 밴딩이나 색 손실이 생길 수 있습니다.
WebP로 바꾸면 무조건 더 작나요?
아니요. 콘텐츠와 설정에 따라 다르므로 같은 픽셀 크기에서 화질과 용량을 함께 비교해야 합니다.