JPG vs PNG vs WebP vs AVIF

네 형식 한눈에 비교하기

형식별 강점

JPG는 세밀한 디테일을 8 × 8픽셀 블록 단위로 정밀도를 낮춰 저장하며, 보통 색 정보를 밝기보다 낮은 해상도로 저장합니다. 사진에서는 이런 손실이 잘 드러나지 않지만, 글자와 날카로운 가장자리 주위에는 번짐이 생깁니다. JPG는 편집한 뒤 다시 저장할 때마다 새로 인코딩되므로 대개 디테일이 조금씩 더 사라집니다. 품질 값의 의미는 이미지 압축 설정 알아보기에서 설명합니다.

PNG는 무손실 형식으로, 반복되거나 예측할 수 있는 패턴을 찾아 압축합니다. 그래서 스크린샷, 차트, 로고는 작게 유지되지만 사진은 그렇지 않습니다. 1,200만 화소 사진에는 3,600만 바이트의 색상 값(4,000 × 3,000픽셀 × 3바이트)이 들어 있는데, 카메라 노이즈는 거의 반복되지 않으므로 이 사진을 PNG로 저장하면 보통 잘 만든 JPG보다 몇 배 커집니다.

WebP에는 손실 모드와 무손실 모드가 있고, 두 모드 모두 투명도를 지원합니다. 손실 WebP는 색 정보를 가로와 세로 모두 절반 해상도로 저장하므로 가는 색 선이나 빨간 글자가 흐릿해 보일 수 있습니다. WebP 이미지는 가로와 세로 어느 쪽도 16,383픽셀을 넘을 수 없어서 아주 긴 스크린샷에는 쓸 수 없습니다. JPG 형식은 최대 65,535픽셀까지 허용합니다.

AVIF는 AV1 동영상 코덱에서 나온 형식입니다. 사진에서는 네 형식 중 효율이 가장 좋은 경우가 많고, 품질을 낮게 설정할수록 특히 그렇습니다. 10비트나 12비트 색과 HDR도 저장할 수 있습니다. 대신 인코딩이 대개 더 느리고, 브라우저 밖에서의 지원은 WebP보다 뒤처져 있습니다.

실측 예시: 스크린샷 한 장, 파일 여섯 개

1280 × 800 크기의 대시보드 스크린샷(단색 영역, 글자, 막대 차트)을 직접 그린 뒤 Python Pillow 12.3(libjpeg-turbo 3.1, libwebp 1.6, libavif 1.4)으로 저장했습니다. 품질 설정이 있는 형식은 품질 92로 저장했는데, LeedyBox 변환기가 브라우저에 전달하는 고정값 0.92와 같은 숫자입니다. 무손실 WebP는 가장 느리지만 가장 강하게 압축하는 설정을 썼습니다. 합성 이미지 한 장으로 한 테스트일 뿐이므로, 다른 설정을 쓰는 브라우저 인코더에서는 수치가 달라지고 사진은 또 다른 결과를 보입니다. 1KB = 1,024바이트입니다.

이런 단색 그래픽에는 JPG가 가장 나쁜 선택이었습니다. 크기는 두 배 넘게 커졌고 픽셀도 더 이상 원본과 같지 않습니다. 무손실 WebP는 모든 픽셀을 그대로 유지하면서도 가장 작았고, 손실 WebP는 크기를 거의 줄이지 못했습니다. JPG를 다시 PNG로 변환해도 되돌려지는 것은 없었습니다. PNG가 JPG의 압축 흔적까지 정확하게 저장해야 했기 때문에 파일은 원래 PNG의 4.5배로 커졌습니다.

투명한 배경 위의 512 × 512 로고로 테스트했을 때는 PNG가 31.6KB, 손실 WebP가 투명도를 유지한 채 18.4KB, AVIF가 16.6KB, 무손실 WebP가 12.7KB였습니다. JPG는 25.2KB였지만 투명한 부분 대신 흰색 사각형이 들어갔습니다. 이번에도 무손실 WebP가 모든 픽셀을 그대로 유지하면서 가장 작은 파일이 되었습니다.

변환으로 할 수 있는 일과 할 수 없는 일

• 디테일은 되살아나지 않습니다. JPG를 PNG로 저장해도 압축 흔적은 그대로 남습니다.
• 손실 형식끼리 변환하면 손실이 더해집니다. JPG를 WebP나 AVIF로 바꾸면 기존 압축 흔적까지 다시 인코딩하므로, 가지고 있는 가장 좋은 원본에서 시작하세요.
• 투명도를 지키려면 투명도를 저장할 수 있는 형식이 필요합니다. JPG에는 알파 채널이 없어서, LeedyBox 변환기는 JPG나 BMP로 저장할 때 투명한 영역을 흰색으로 채우고 부드러운 가장자리도 그 흰색과 섞습니다. 로고나 배경을 오려 낸 이미지는 PNG나 WebP로 유지하세요.
• 형식보다 픽셀 크기가 더 중요한 경우가 많습니다. 4,000 × 3,000 사진을 1,200 × 900으로 표시하면 108만 픽셀이면 충분한 자리에 1,200만 픽셀, 즉 약 11배를 보내는 셈입니다. 픽셀 밀도가 두 배인 화면에서도 2,400 × 1,800, 즉 432만 픽셀만 쓰입니다. 이미지 크기 조절하기를 참고하세요.

LeedyBox 이미지 변환으로 형식 바꾸기

1. 이미지 변환을 열고 "파일을 선택하거나 이곳으로 드래그 앤 드롭하세요"를 클릭하거나, 이미지를 그 상자에 끌어다 놓으세요. 브라우저가 열 수 있는 파일이라면 PNG, JPG, WebP, BMP, GIF, AVIF를 받습니다.
2. 파일마다 픽셀 크기와 형식 메뉴가 목록에 표시됩니다. 형식 메뉴는 처음에 JPG로 설정되어 있고 PNG, WebP, BMP, AVIF, ICO도 고를 수 있습니다. 파일별로 바꾸거나, "일괄 변환 옵션:" 옆의 "모든 형식을 다음으로 설정..." 메뉴로 모든 파일을 한꺼번에 바꾸세요. 투명한 이미지라면 PNG, WebP, AVIF 중에서 고르세요.
3. "변환 및 다운로드"를 클릭하세요. 이미지가 한 장이면 holiday_converted.webp처럼 원래 이름 뒤에 "_converted"가 붙은 파일로 다운로드되고, 여러 장이면 leedybox_converted_images.zip으로 받습니다.

변환기는 픽셀 크기를 그대로 유지합니다. 단, ICO는 256 × 256픽셀 안에 들어가도록 축소됩니다. JPG, WebP, AVIF로 변환할 때는 브라우저에 품질 0.92(0~1 범위)를 요청하며, 품질을 조절하는 설정은 없습니다. Chrome과 Edge는 이 값으로 손실 WebP를 만들며, 다른 브라우저의 인코더는 다르게 동작할 수 있습니다. JPG와 BMP에는 흰색 배경이 들어갑니다. BMP는 픽셀당 24비트의 비압축 형식으로 저장되므로 6,000 × 4,000 사진은 72,000,054바이트가 됩니다. AVIF를 만들지 못하는 브라우저도 많습니다. 변환기는 페이지가 열릴 때 이를 테스트하고, 테스트에 실패하면 해당 옵션을 비활성화한 뒤 "AVIF (지원하지 않는 브라우저입니다)"로 표시합니다.

변환은 브라우저에서 이루어지며, 변환을 위해 이미지를 LeedyBox로 보내지 않습니다. 이미지를 하나하나 새로 그리므로 EXIF 데이터, GPS 위치 같은 메타데이터는 복사되지 않습니다. 품질을 직접 정하고 변환 전후를 비교하려면 이미지 압축(JPG, WebP, PNG 지원, 75에서 시작하는 품질 슬라이더 또는 목표 파일 크기 지정)을, 가로세로 크기를 줄이려면 이미지 크기 조절을 사용하세요.

작업별 추천 형식

웹 페이지에 넣을 이미지라면 웹에 맞는 이미지 형식 고르기도 참고하세요.

자주 생기는 문제와 해결 방법

• 투명한 배경이 흰색으로 바뀌었습니다. 출력 형식이 처음 선택되어 있는 JPG였거나 BMP였기 때문입니다. PNG, WebP, AVIF로 다시 변환하세요.
• 파일이 더 커졌습니다. 사진이나 JPG를 PNG로 저장했을 때, 그리고 비압축 형식인 BMP로 저장했을 때 흔히 생기는 일입니다. 사진에는 JPG나 WebP를 쓰거나 원본을 그대로 두세요.
• AVIF를 선택할 수 없습니다. 사용 중인 브라우저가 AVIF를 만들 수 없습니다. WebP를 고르거나 다른 브라우저를 사용해 보세요.
• ZIP에 들어 있는 파일이 추가한 파일보다 적습니다. logo.png와 logo.jpg를 WebP로 변환하면 둘 다 logo_converted.webp가 되어 나중 파일이 앞 파일을 덮어씁니다. 먼저 둘 중 하나의 이름을 바꾸세요.
• 아무것도 다운로드되지 않았습니다. 브라우저가 선택한 형식을 만들 수 없으면 해당 파일은 실패합니다. WebP를 만들지 못하는 브라우저도 있고, WebP 형식은 가로나 세로가 16,383픽셀을 넘는 이미지를 허용하지 않습니다. 아주 큰 이미지는 브라우저가 처리할 수 있는 캔버스 크기를 넘어설 수도 있습니다. 여러 파일을 한 번에 변환할 때는 파일 하나만 실패해도 ZIP을 만들기 전에 변환이 멈춥니다. 그 파일의 형식을 바꾸거나 목록에서 빼세요.
• 애니메이션이 정지 이미지가 되었습니다. 한 프레임(보통 첫 프레임)만 남습니다.

변환한 뒤 확인할 것

• 결과를 실제 크기로 보면서 글자, 가장자리, 얼굴, 그러데이션을 확인하세요.
• 파일 크기를 비교하고, 새 파일이 더 작지 않다면 원본을 쓰세요.
• 투명한 이미지는 밝은 배경과 어두운 배경 위에서 모두 확인하세요.
• 파일을 실제로 쓸 곳에서 테스트하세요. WebP나 AVIF를 받지 않는 이메일 프로그램과 업로드 양식도 있습니다.

자주 묻는 질문