이미지 문제는 사진 자체보다 형식 때문에 생길 때가 많아요. 아이폰 사진이 입사 지원서에 첨부되지 않고, 웹사이트에서 저장한 이미지가 .webp로 끝나서 사진 뷰어가 열지 못하고, “잠깐 변환”했을 뿐인데 로고 주위에 흰 상자가 생기죠.
이 가이드에서는 JPG, PNG, WebP, AVIF, HEIC가 각각 무엇을 잘하는지(GIF와 SVG도 짧게), 어디서 말썽을 일으키는지, 홈페이지·SNS 게시물·인쇄·이메일에는 무엇을 고르면 되는지 정리했어요.
거의 모든 걸 설명하는 두 가지 개념
손실 압축과 무손실 압축. 손실 형식(JPG, 그리고 WebP·AVIF·HEIC의 손실 모드)은 눈에 잘 띄지 않는 디테일을 버려요. 그래서 1,200만 화소 사진이 몇 MB 안에 들어가요. 무손실 형식(PNG, 그리고 WebP·AVIF의 무손실 모드)은 모든 픽셀을 그대로 보관해요. 스크린샷과 그래픽에는 완벽하지만, 사진은 용량이 엄청 커져요.
투명도(알파). PNG, WebP, AVIF, HEIC는 비치는 픽셀을 저장할 수 있어서 로고를 어떤 배경에든 올릴 수 있어요. JPG는 안 돼요. GIF는 켜고 끄는 투명도만 있어서 가장자리가 부드럽지 않아요.
“무손실이 필요한가? 투명도가 필요한가?” 이 두 가지만 물어보면 대부분은 저절로 정해져요.
형식별로 살펴보기
JPG (JPEG)
어디서나 통하는 사진 형식이에요. 휴대폰, 컴퓨터, 브라우저, 사진 인화기, 업로드 양식 어디서든 받아 줘요. 손실 형식이고 부드러운 그라데이션과 실제 풍경의 질감을 잘 표현하지만, 투명도와 애니메이션은 없어요.
약점은 날카로운 경계예요. 글자, 가는 선, 단색 그래픽 주변에 뿌연 “번짐”이 생기고, 화질을 낮출수록 심해져요. 또 JPG로 편집하고 저장할 때마다 조금씩 더 손상돼요. 한 번은 티가 안 나지만 열 번쯤이면 보이기 시작해요.
PNG
무손실이고 투명도를 완전히 지원해요. 스크린샷, 도표, 로고, 글자가 많은 그래픽, 계속 편집할 파일에 딱 맞아요. 지원 범위도 어디서나예요.
문제는 용량이에요. 사진을 PNG로 저장하면 같은 사진의 좋은 JPG보다 몇 배나 큰 경우가 많은데, 눈에 보이는 이득은 없어요. 15MB짜리 “photo.png”라면 거의 틀림없이 JPG였어야 해요.
WebP
웹을 위해 만든 형식이에요. 손실·무손실 둘 다 되고, 투명도와 애니메이션도 지원해요. 현재 주요 브라우저는 모두 WebP를 표시하기 때문에 요즘 많은 사이트가 이미지를 WebP로 보내요. 비슷한 화질의 JPG와 비교하면 손실 WebP는 보통 4분의 1에서 3분의 1쯤 작지만, 이미지마다 차이가 커요.
주의할 점: 웹사이트에서 “이미지를 다른 이름으로 저장”하면 .webp 파일이 받아지는데, 오래된 데스크톱 프로그램이나 문서 프로그램, 업로드 양식 중에는 아직 거부하는 곳이 있어요. 파일이 깨진 게 아니라 받는 쪽이 형식을 모르는 거예요.
AVIF
AV1 동영상 코덱을 바탕으로 한 새로운 형식이에요. 대개 WebP보다도 압축이 잘 되고, 투명도·애니메이션·HDR을 지원하며, 저화질 JPG에서 보이는 계단 같은 그라데이션 깨짐도 적어요. 현재 주요 브라우저는 표시하지만(Safari는 16.4부터), 오래된 기기와 많은 편집·문서 프로그램은 열지 못하고, 파일을 만드는 속도도 느려요.
HEIC (HEIF)
아이폰의 기본 사진 형식이에요. 효율이 좋아서 같은 JPG의 절반 정도 크기인 경우가 많고, 깊이 정보 같은 부가 데이터도 담을 수 있어요. 하지만 애플 기기 밖에서는 가장 말썽이 많은 형식이에요. Windows에서는 추가 확장이 있어야 열리는 경우가 있고, 대부분의 브라우저는 표시하지 못하고, 많은 업로드 양식이 거부해요.
새로 찍는 사진을 JPG로 받으려면 아이폰에서 설정 → 카메라 → 포맷 → 높은 호환성을 고르세요. 이미 찍은 사진은 공유하기 전에 변환하면 돼요.
GIF와 SVG 간단히
GIF는 프레임마다 256색까지만 쓸 수 있어서 사진은 거칠어 보이고 용량도 커요. 남은 장점은 움직이는 GIF가 이메일과 채팅을 포함해 거의 어디서나 재생된다는 점이에요.
SVG는 코드로 그린 벡터 그림이라 어떤 크기에서도 아주 선명해요. 홈페이지 로고와 아이콘에 딱이에요. 다만 대부분의 SNS와 많은 업로드 양식이 받아 주지 않고, 글꼴이 포함되지 않은 SVG는 다른 컴퓨터에서 글꼴이 바뀔 수 있어요.
빠르게 고르는 표
| 저장하려는 것 | 최선 | 이것도 괜찮음 | 피할 것 |
|---|---|---|---|
| 어디든 공유·업로드할 사진 | JPG | — | PNG(너무 큼), HEIC(안 열릴 수 있음) |
| 내 홈페이지의 사진 | WebP 또는 AVIF | JPG | PNG |
| 글자가 있는 스크린샷 | PNG | 무손실 WebP | 저화질 JPG |
| 홈페이지 로고·아이콘 | SVG | PNG, WebP | JPG(투명도 없음) |
| 업로드·문서용 로고 | PNG(투명 배경) | — | SVG(거부되는 경우 많음) |
| 이메일·채팅용 짧은 애니메이션 | GIF | — | 움직이는 WebP(재생 안 될 수 있음) |
| 인쇄할 사진 | 고화질 JPG | PNG | WebP, AVIF, HEIC |
| 이메일 첨부 | JPG | 그래픽은 PNG | HEIC, WebP, AVIF |
쓰는 곳에 따라 고르기
내 홈페이지나 온라인 쇼핑몰. 무거운 이미지는 페이지를 느리게 해요. 사진과 그래픽 대부분은 WebP로 쓰세요. JPG WebP 변환과 PNG WebP 변환은 여러 장을 한 번에 바꾸고 투명도도 유지해요. 화질은 80% 안팎에서 시작하면 좋아요. 먼저 크기부터 줄이세요. 1,200픽셀 칸에 4,000픽셀 사진을 넣으면 형식과 상관없이 낭비예요. 이미지 크기 조절로 줄인 뒤 변환하세요. 로고와 아이콘은 SVG로 두세요.
SNS 게시물. 사진은 JPG, 글자가 들어간 그래픽은 PNG로 올리세요. 플랫폼은 올린 파일을 어차피 다시 압축하므로, 적당한 크기의 깔끔한 JPG(예: 피드 게시물은 가로 1080픽셀)가 플랫폼이 직접 줄이는 거대한 파일보다 대개 더 보기 좋아요. 여기서는 WebP나 AVIF로 얻는 게 없어요.
인쇄. 인쇄소가 요구하는 해상도 그대로 고화질 JPG(90% 이상)나 PNG를 보내세요. 인쇄소나 무인 인화기 중에는 WebP, AVIF, HEIC를 받지 않는 곳이 많아요. 로고는 SVG PNG 변환에서 4배나 원하는 가로 크기로 내보내세요. 벡터는 어떤 크기로도 선명하게 다시 그려져요.
이메일. 모든 메일 앱이 보여 주는 JPG와 PNG를 쓰세요. HEIC 첨부는 받는 쪽에서 열리지 않는 파일로 보이는 경우가 많아요. 휴대폰 사진 여러 장을 보낼 땐 먼저 압축하세요. 화면으로 보기에는 75~80% JPG면 충분해요.
변환할 때 얻는 것과 잃는 것
변환 자체는 쉬워요. 요령은 어느 방향이 손해인지 아는 거예요.
- 손실 → 무손실(JPG를 PNG로) 해도 잃은 디테일은 돌아오지 않아요. 지금 화질을 더 나빠지지 않게 고정할 뿐이고, 파일은 커져요. JPG PNG 변환은 화질을 고치는 용도가 아니라 편집 전에 쓰면 좋아요.
- 손실 → 손실(HEIC·WebP·AVIF를 JPG로) 은 한 번 더 압축하는 거예요. 85~92% 화질이면 차이를 알아보기 아주 어렵지만, 왔다 갔다 여러 번 변환하지 말고 항상 원본에서 시작하세요.
- 투명도가 있는 파일 → JPG 는 투명한 부분이 보통 흰색으로 채워져요. “로고 주위의 흰 상자”가 바로 이거예요. 로고는 PNG나 WebP로 쓰세요.
- 움직이는 이미지 → 정지 이미지 는 첫 프레임만 남아요. 움직이는 WebP는 JPG 한 장이 돼요.
- 벡터 → 픽셀(SVG를 PNG로) 은 크기만 넉넉하면 안전해요. 고해상도 화면에서 선명하게 보이려면 2배를 고르세요.
상황별로 맞는 도구:
- 열리지 않는 아이폰 사진: HEIC JPG 변환은 여러 장을 ZIP으로 바꿔 줘요(많이 편집할 거라면 PNG로). 처음 변환할 때는 디코더를 불러오느라 잠깐 걸려요.
- 웹사이트에서 받은 .webp나 .avif: WebP JPG 변환 또는 AVIF JPG 변환. AVIF는 브라우저가 해독하므로 어느 정도 최신 브라우저가 필요해요.
- 너무 큰 PNG 사진: PNG JPG 변환이면 보통 몇 배 작아져요.
- JPG·PNG·WebP를 화질 슬라이더로 자유롭게: 이미지 변환.
- 그냥 너무 큰 파일: 이미지 압축은 JPG·PNG·WebP를 여러 장 한 번에 줄이고, 긴 변을 1920px처럼 제한할 수 있고, 위치 정보(EXIF)도 지워요.
- 움직였으면 하는 사진 몇 장: GIF 만들기는 JPG·PNG·WebP 이미지로 움직이는 GIF를 만들어요.
모두 브라우저 안에서 동작하므로 사진이 업로드되지 않아요.
흔한 실수
- “화질 때문에” 사진을 PNG로 저장하기. 파일만 훨씬 커지고 눈에 띄는 차이는 없어요. 고화질 JPG를 쓰세요.
- 로고를 JPG로 변환하기. 투명 배경이 흰색이 돼요. 로고는 PNG, WebP, SVG로 두세요.
- JPG를 PNG로 바꾸면 흐림이나 깨짐이 고쳐질 거라고 기대하기. 잃은 디테일은 돌아오지 않아요.
- 같은 JPG를 계속 다시 저장하기. 원본을 보관하고 매번 원본에서 내보내세요.
- 홈페이지에 거대한 이미지 올리기. 실제로 보이는 크기로 줄인 다음 WebP로 바꾸세요.
- Windows를 쓰는 사람에게 HEIC 보내기. 먼저 JPG로 바꾸거나 아이폰을 높은 호환성으로 설정하세요.
FAQ
WebP가 JPG보다 좋은가요?
내 홈페이지에서는 대체로 그래요. 비슷한 화질에서 보통 더 작고 투명도도 지원해요. 다른 사람에게 파일을 보내거나 양식에 올리거나 인쇄할 때는 어디서나 열리는 JPG가 여전히 더 안전해요.
Windows에서 HEIC 사진이 왜 안 열리나요?
Windows에서는 HEIC가 기본으로 지원되지 않는 경우가 있고, 대부분의 브라우저와 업로드 양식도 다루지 못해요. JPG로 변환하면 해결되고, 아이폰 카메라를 높은 호환성으로 설정하면 새 사진부터는 이 문제가 생기지 않아요.
HEIC를 JPG로 바꾸면 화질이 떨어지나요?
엄밀히는 한 번 더 압축되지만, JPG 화질을 90% 정도로 높게 두면 차이를 알아보기 아주 어려워요. JPG가 HEIC보다 용량은 보통 더 커요.
2026년에 홈페이지에 AVIF를 써도 될까요?
방문자가 최신 브라우저를 쓴다면 좋은 선택이에요. 파일이 WebP보다 작은 경우가 많거든요. 다만 더 간단하고 안전한 기본값은 여전히 WebP이고, 오래된 기기를 위해 JPG나 WebP 대체 이미지를 두는 게 좋아요.
로고는 어떤 형식이 가장 좋나요?
내 홈페이지에서는 SVG, 그 밖의 곳에서는 투명 배경 PNG, 인쇄나 업로드용으로는 SVG에서 크게 내보낸 PNG가 좋아요.