JPEG·PNG·WebP, 어떤 형식을 고를까
사진, 투명 로고, 스크린샷, 웹 배포 상황에 따라 JPEG·PNG·WebP의 압축과 호환성 차이를 선택합니다.
이런 상황에서 필요합니다
사진 용량은 줄여야 하지만 투명 배경이나 작은 글자를 지켜야 하고, 제출처와 브라우저가 받을 수 있는 형식도 함께 판단해야 할 때 읽어보세요.
사진은 JPEG, 투명도는 PNG부터 검토하기
JPEG는 사진에 적합한 손실 압축 형식이며 투명 채널을 지원하지 않습니다. PNG는 무손실 압축과 알파 투명도를 지원해 로고, 아이콘, 작은 글자가 있는 스크린샷에 적합합니다.
WebP는 손실·무손실과 투명도를 모두 지원하고 최신 브라우저에서 폭넓게 사용할 수 있습니다. 다만 제출처나 오래된 편집 프로그램이 WebP를 받는지는 별도로 확인해야 합니다.
형식 변환에서 사라질 수 있는 것
투명 PNG를 JPEG로 바꾸면 투명 영역을 채울 배경색이 필요합니다. 지정하지 않으면 브라우저나 도구에 따라 검정 또는 흰색처럼 예상하지 못한 결과가 생길 수 있습니다.
JPEG를 PNG로 바꿔도 이미 생긴 JPEG 압축 손실이 복원되지는 않습니다. 파일 이름만 바꾸는 것이 아니라 사진을 새 형식으로 저장한 뒤 실제 파일 형식이 맞는지 확인해야 합니다.
사용처가 요구하는 형식을 우선하기
공공기관 업로드, 앱 스토어, 소셜 플랫폼은 지원 형식을 직접 정합니다. 화질과 용량 비교보다 먼저 제출처가 JPEG·PNG·WebP 중 무엇을 허용하는지 확인하세요.
웹사이트에서는 WebP와 함께 이를 지원하지 않는 환경을 위한 JPEG나 PNG도 제공할 수 있습니다. 변환한 파일은 다시 열어 픽셀 크기, 실제 형식, 투명도와 용량을 확인합니다.
- 사진과 높은 호환성: JPEG
- 투명 로고·선명한 글자: PNG
- 웹 용량 최적화와 투명도: WebP
- 제출처 지원 형식이 항상 우선
같은 원본으로 비교하는 네 단계
아래 실제 측정 표의 자체 제작 원본 PNG를 내려받아 형식 변환 도구에서 선택합니다. 1200×800px을 유지한 채 JPG 품질 90%, PNG, WebP 품질 90%를 각각 저장합니다. PNG에는 품질값이 없습니다.
각 결과를 새로 열어 그라데이션, 작은 글자, 얇은 선을 100% 배율에서 비교하고 실제 바이트와 형식을 확인합니다. JPEG와 WebP의 90%는 서로 같은 화질을 보장하는 점수가 아니므로 파일 용량만으로 우열을 결정하지 마세요.
- 동일한 원본과 픽셀 유지
- 출력마다 형식과 품질 기록
- 다운로드 파일의 실제 용량·형식 확인
- 글자·경계·투명도를 보고 사용할 파일 선택
형식이 지원하는 기능과 이 도구의 저장 방식
WebP 규격은 무손실을 지원하지만 픽셀핏은 브라우저의 품질 설정으로 저장하며 별도 무손실 WebP 선택은 제공하지 않습니다. PNG를 저장해도 원본 파일의 색상 정보·촬영 정보까지 그대로 복사한다는 뜻은 아닙니다.
같은 PNG를 다시 저장했는데 더 커질 수도 있습니다. 원본의 압축 방식과 브라우저의 저장 방식이 다르기 때문입니다. 줄어든 파일을 원할 때는 원본도 함께 비교하고, 픽셀 크기 조절과 용량 압축을 별도 단계로 판단하세요.
변환이 끝나도 다시 확인해야 할 오류
투명 로고를 JPG로 바꾼 뒤 테두리가 어색하면 배경색을 실제 게시 위치와 맞추거나 PNG를 유지하세요. 파일 이름을 .jpg로 바꿔도 형식은 바뀌지 않습니다. 픽셀핏은 실제 저장된 형식이 요청과 다르면 성공으로 표시하지 않습니다.
브라우저에서 WebP 저장을 지원하지 않아 오류가 나면 JPG나 PNG를 선택하세요. 여러 장면이 있는 움직이는 이미지나 HEIC 변환을 완료했다고 간주하지 말고, 다운로드한 파일을 최종 사용처에서도 직접 열어보세요.
사용 사례별 형식 선택
| 사용 사례 | 우선 형식 | 이유 | 확인할 점 |
|---|---|---|---|
| 일반 사진 제출 | JPEG | 사진 압축·높은 호환성 | 허용 용량과 품질 |
| 투명 로고 | PNG 또는 WebP | 알파 투명도 | 사용처 WebP 지원 |
| 글자 있는 스크린샷 | PNG | 경계 보존 | 용량이 크면 WebP 비교 |
동일한 1200×800 원본의 형식별 실제 저장 결과
같은 자체 제작 PNG(1,045,528바이트)를 형식 변환 편집기에 넣고 픽셀을 유지해 저장했습니다. JPG·WebP는 품질 90%, PNG는 품질값 없이 저장하고 다운로드 파일의 실제 형식·픽셀·바이트를 검사했습니다.
| 설정 | 입력 용량 | 다운로드 결과 | 확인한 점 |
|---|---|---|---|
| JPEG · 품질 90% · 촬영 정보 제외 | 1,045,528바이트 | JPEG · 1200×800px 284,236바이트 | 투명 배경을 지원하지 않습니다. 작은 글자와 선의 손실을 비교하세요. |
| PNG · 품질값 없음 · 촬영 정보 제외 | 1,045,528바이트 | PNG · 1200×800px 1,475,820바이트 | 다시 인코딩해 원본보다 커졌습니다. PNG가 항상 작은 파일은 아닙니다. |
| WEBP · 품질 90% · 촬영 정보 제외 | 1,045,528바이트 | WEBP · 1200×800px 274,514바이트 | 이 원본·브라우저의 결과입니다. 같은 품질 숫자가 JPG와 동등한 화질을 뜻하지 않습니다. |
이 수치는 해당 입력과 브라우저에서 얻은 한 번의 측정이며 평균 압축률이나 화질 보장이 아닙니다. 다른 이미지·브라우저에서는 달라질 수 있습니다.
측정에 사용한 자체 제작 원본 PNG 열기 · 내려받아 같은 설정으로 비교할 수 있습니다.
사진을 기기 안에서 바로 처리하기
출처와 확인일
MDN — 브라우저 이미지 저장 형식과 품질 설정 · 출처 확인
출처 확인일은 외부 문서를 마지막으로 확인한 날짜이고, 내용 업데이트일은 이 가이드 본문을 실제로 수정한 날짜입니다. 두 날짜가 같더라도 의미는 다릅니다.