이미지 형식은 무조건 최신이거나 용량이 작은 것을 고르는 문제가 아닙니다. 투명 배경이 필요한지, 사진인지 도형인지, 다시 편집할 파일인지, 어디에 게시할지를 먼저 봐야 합니다.
같은 이미지를 PNG, JPEG, WebP로 저장하면 파일의 구조와 손실 방식이 달라집니다. 확장자만 바꾸는 것이 아니라 픽셀을 다시 인코딩하는 작업이므로, 결과를 눈으로 확인해야 합니다.
세 형식의 차이를 먼저 정리하세요
PNG는 무손실 압축과 투명 배경을 지원해 로고, 아이콘, UI 캡처에 잘 맞습니다. JPEG는 투명도를 지원하지 않지만 사진처럼 색 변화가 많은 이미지에서 비교적 작은 파일을 만들기 쉽습니다. WebP는 손실·무손실 방식과 투명도를 지원해 웹 배포에서 선택 폭이 넓습니다. 다만 이 도구는 WebP의 손실·무손실 방식을 따로 고르는 옵션을 제공하지 않으며, 실제 인코딩 방식은 브라우저가 결정합니다.
PolishTools의 현재 이미지 크기 조절 및 자르기 도구는 GIF 파일과 애니메이션 PNG·WebP를 지원하지 않습니다.
| 형식 | 투명도 | 주요 용도 | 주의할 점 |
|---|---|---|---|
| PNG | 지원 | 로고, 아이콘, 선명한 글자, UI 캡처 | 사진에서는 용량이 커지기 쉬움 |
| JPEG | 미지원 | 사진, 복잡한 색과 질감 | 저품질에서 블록과 번짐이 보임 |
| WebP | 지원 | 웹용 사진과 투명 이미지 | 작업 환경과 후속 프로그램 호환성 확인 필요 |
사진은 JPEG와 WebP를 먼저 비교하세요
사진을 PNG로 저장하면 손실 압축을 피할 수 있지만 파일이 불필요하게 커지는 경우가 많습니다. 웹에 올릴 사진이라면 JPEG와 WebP의 품질을 비슷하게 맞춘 뒤 용량과 디테일을 비교하세요.
하늘의 완만한 그라데이션, 머리카락, 나뭇잎, 작은 글자 주위는 압축 손상이 먼저 드러나는 부분입니다. 파일 크기 숫자만 보지 말고 실제 표시 크기와 100% 배율을 모두 확인해야 합니다.
투명 배경과 날카로운 경계에는 PNG가 단순합니다
배경이 투명한 로고나 스크린샷처럼 경계가 또렷한 이미지는 PNG가 예측하기 쉽습니다. JPEG로 바꾸면 투명 영역을 유지할 수 없고, 작은 글자나 단색 경계 주변에 번짐이 생길 수 있습니다.
WebP도 투명도를 지원하므로 파일 크기를 줄일 여지가 있습니다. 다만 원본을 반복해서 손실 압축하지 말고, 보관용 PNG 또는 벡터 원본에서 최종 WebP를 한 번 만드는 편이 낫습니다.
품질 숫자는 형식과 브라우저 사이에서 같지 않습니다
JPEG 품질 80과 WebP 품질 80은 같은 화질을 뜻하지 않습니다. 품질 값은 각 인코더에 전달하는 상대적인 조절값일 뿐입니다. 이미지마다 적정 지점도 다릅니다.
브라우저별 인코더 구현 차이 때문에 같은 파일과 설정에서도 결과 용량이나 세부 표현이 달라질 수 있습니다. 배포 규칙이 “200KB 이하”처럼 명확하다면 사용할 브라우저에서 파일을 내보내고 최종 용량을 직접 확인하세요.
- 원본에서 목표 픽셀 크기로 먼저 줄입니다.
- JPEG와 WebP를 각각 한 번씩 내보냅니다.
- 실제 표시 크기와 100% 배율에서 비교합니다.
- 눈에 띄는 손상이 없는 더 작은 파일을 사용합니다.
재인코딩과 메타데이터 제거를 고려하세요
도구에서 내보내면 새 파일이 생성됩니다. JPEG를 다시 JPEG로 저장해도 단순 복사가 아니며, 손실 압축 흔적이 더해질 수 있습니다. 여러 번 편집할 때마다 같은 파일을 다시 저장하지 말고 원본에서 새 결과를 만드세요.
캔버스 기반 출력 과정에서 EXIF, 위치 정보, 카메라 방향, 일부 색상 프로필 같은 메타데이터가 제거될 수 있습니다. 공개용 이미지에는 도움이 될 수 있지만 촬영 기록이나 인쇄용 색상 정보가 필요하다면 원본을 별도로 보관해야 합니다.
예시: 블로그 대표 사진의 형식 고르기
2400×1600 JPEG 사진을 1200×800으로 줄여 글 대표 이미지로 사용하며, 용량과 사진 디테일을 함께 확인한다고 가정합니다.
순서
- PolishTools 이미지 크기 조절 및 자르기 도구에서 사진을 열고 비율을 유지한 채 1200×800으로 설정합니다.
- JPEG로 한 번 내보내고 파일 크기와 나뭇잎·머리카락의 경계를 확인합니다.
- 같은 크기에서 WebP로 다시 내보내 동일한 부분을 확인합니다.
- 두 파일을 실제 카드 크기와 100% 배율에서 비교합니다.
- 게시 시스템이 지원하는 형식 중, 눈에 띄는 손상이 없고 더 작은 결과를 선택합니다.
결과
숫자상의 품질 값이 아니라 실제 결과를 기준으로 파일을 고르게 됩니다. 내보낸 파일에서는 촬영 메타데이터가 빠질 수 있으므로 원본은 유지하세요.
자주 묻는 질문
WebP가 항상 JPEG보다 작나요?
항상 그렇지는 않습니다. 이미지 내용, 크기, 품질 설정, 브라우저 인코더에 따라 달라집니다. 같은 크기로 직접 내보내 비교하는 것이 정확합니다.
로고를 JPEG로 저장해도 되나요?
투명 배경이 없고 약간의 번짐이 문제가 되지 않는다면 가능하지만, 보통은 PNG나 SVG가 더 적합합니다. 특히 작은 글자와 단색 경계에서 JPEG 흔적이 잘 보입니다.
확장자를 .png에서 .webp로 바꾸면 변환되나요?
아닙니다. 파일 이름만 바뀌고 내부 형식은 그대로입니다. 이미지 도구로 다시 인코딩해야 합니다.