JPG vs PNG vs WebP vs AVIF: 어떤 이미지 형식을 써야 할까?

이미지 형식은 저마다 파일 크기, 화질, 호환성, 투명도 같은 기능 사이의 서로 다른 절충입니다. 잘 고르면 파일은 작고 어디서든 열립니다. 잘못 고르면 30 MB짜리 스캔본이나 흰 테두리가 우둘투둘한 로고를 떠안게 됩니다. 각 형식의 진짜 용도는 이렇습니다.

개인정보 우선: 모든 이미지는 브라우저에서 로컬로 처리됩니다. 어떤 것도 서버에 업로드, 저장 또는 전송되지 않습니다.

JPG — 만능 사진 형식

JPG(1992)는 눈이 거의 알아채지 못하는 디테일을 버려 사진을 압축하며, 품질 설정으로 조절합니다. 품질 75–85면 파일은 작고 보기에도 훌륭합니다. 지구상의 모든 기기와 프로그램이 열 수 있습니다. 한계는 투명도가 없다는 것, 그리고 다시 저장할 때마다 디테일이 조금씩 사라진다는 것. 반드시 어디서나 열려야 하는 사진에 쓰세요.

PNG — 무손실, 투명도 지원

PNG는 픽셀을 그대로 저장하고 완전한 알파 투명도를 지원해 로고, 스크린샷, UI 그래픽, 반복 편집할 이미지의 표준입니다. 대가는 크기입니다. 사진을 PNG로 저장하면 JPG의 몇 배로 부풀어 오릅니다 — 사진의 노이즈는 무손실로 압축되지 않기 때문입니다. PNG는 그래픽과 작업 사본에 쓰고, 사진 전달에는 쓰지 마세요.

WebP — 현대 웹의 기본기

WebP는 두 가지 일을 다 합니다. 동급 화질 JPG보다 25–35% 작은 손실 압축, 그리고 PNG보다 훨씬 작은 투명도 지원 무손실 모드. 2020년 이후 모든 브라우저가 지원합니다. 유일한 약점은 웹 바깥입니다 — 오래된 데스크톱 소프트웨어, 프린터, 일부 업로드 양식은 여전히 거부합니다. 웹사이트에 표시되는 모든 것에는 WebP를 쓰세요.

AVIF — 가장 작은 파일, 가장 새로운 형식

AV1 비디오 코덱 위에 만들어진 AVIF는 주류 형식 중 가장 작은 파일을 만듭니다 — 같은 화질에서 JPG의 절반인 경우도 흔합니다 — 그리고 투명도와 HDR을 지원합니다. 브라우저 지원은 이제 보편적이지만, 도구와 웹 밖 소프트웨어는 뒤처져 있습니다. 바이트가 가장 중요하고 배포를 직접 통제하는 곳에서, 오래된 환경용 대비책과 함께 쓰세요.

GIF, SVG, HEIC — 전문 요원들

GIF는 순전히 단순한 애니메이션 덕에 살아남았습니다. 정지 이미지에는 한물갔습니다(256색, 거대한 파일). SVG는 픽셀이 아니라 벡터 기하 — 어떤 크기로든 늘어나야 하는 아이콘과 로고에는 완벽하고, 사진에는 무의미합니다. HEIC은 Apple의 고효율 카메라 형식으로, 기기 안에서는 훌륭하지만 그 밖 어디서나 성가시며, 파일이 Apple 생태계를 벗어나는 순간 대개 JPG로 변환됩니다.

결론 요약

일반 공유용 사진 → JPG. 웹사이트에 올릴 모든 것 → WebP(대비책을 관리할 수 있다면 AVIF). 로고·스크린샷·투명도 → PNG(웹 전용이면 WebP). 어떤 크기로든 늘어나야 함 → SVG. iPhone에서 나와 다른 곳으로 감 → HEIC을 JPG로 변환. 망설여질 땐 사진은 JPG, 그래픽은 PNG — 절대 재앙이 되지 않습니다.