PNG vs JPG — 언제 무엇을 쓸까
PNG는 선명한 가장자리와 투명을 유지; JPG는 약간의 디테일을 희생해 사진 파일을 훨씬 작게 만듭니다. 잘못 고르면 로고가 흐려지고, 스크린샷이 탁해지고, 투명 배경이 검은 사각형이 됩니다. 이 페이지는 상품 사진, UI 캡처, 스티커 그래픽 등 흔한 상황을 맞는 형식에 매핑하고, 양식이 JPG만 받는데 배경 없는 작업물일 때 대처법도 다룹니다.
빠른 판단
사진, 인물, 여행, 카메라 직출 느낌 → JPG(내 사이트면 WebP).
로고, 아이콘, UI 스크린샷, 투명 픽셀이 필요한 오버레이 → PNG(또는 알파 WebP).
포털이 JPG를 요구하는데 파일에 투명이 있음 → 먼저 배경색 추가 후 변환. PNG→JPG 직행으로 채우기를 맞추길 기대하지 마세요.
PNG가 빛나는 경우
PNG는 일반적으로 무손실 — 단색, 딱딱한 가장자리, 글자에 적합. 설정 패널 스크린샷은 확대해도 읽기 쉽습니다.
스티커, 워터마크, 사진 위 로고에는 알파가 중요 — JPG에는 「투명」을 저장할 곳이 없습니다.
대가는 사진 콘텐츠 크기. 해변 노을을 PNG로 저장하면 비슷한 JPG보다 몇 배 큰 경우가 많습니다.
JPG가 더 나은 경우
손실 압축은 사진의 연속 톤에 맞춰져 있습니다. 이메일, SNS, 인화 키오스크, 수많은 업로드 양식이 JPEG를 표준으로 씁니다.
투명도 없음. 변환 시 배경을 고르지 않고 알파를 펼치면 반투명 픽셀이 탁한 회색·검정이 될 수 있습니다 — 파일 버그가 아니라 형식 한계입니다.
JPG는 나중에 많이 편집할 디자인 작업의 아카이브 형식으로도 약합니다. 픽셀이 왕복을 견디려면 PNG, TIFF, 네이티브 디자인 소스를 유지하세요.
투명 PNG→JPG: 내보내기 전 채우기
JPEG 규격에는 알파 채널이 없습니다. 모든 투명 픽셀은 불투명 색이 되어야 — 흰색은 문서용 일반 기본, 슬라이드 밝은 로고에는 진회색·브랜드 네이비.
투명 PNG→JPG로 채우기를 명시적으로 고르세요. 자동 변환에 맡기지 마세요.
내보내기 후 가장자리가 회색이면 PNG에 부드러운 그림자·안티앨리어싱 헤일로가 있었는지 확인 — 디자인 앱에서 더 플랫한 내보내기·타이트한 자르기가 더 빠를 수 있습니다.
WebP 위치(기본을 대체하지 않음)
내가 통제하는 사이트에서는 WebP가 「작은 사진」과 「투명 아이콘」을 한 형식으로 자주 커버합니다. 그렇다면 WebP vs AVIF vs JPG 참고.
PNG 압축 흐름은 WebP를 권장 — 브라우저 PNG 재저장은 바이트가 잘 안 줄고 형식 전환이 보통 효과적입니다.
PNG vs JPG FAQ
- PNG가 항상 더 큰 파일인가요?
- 사진에서는 거의 항상. 색이 적은 단순 아이콘은 PNG가 더 작고 선명할 수도 — 내보낸 바이트 크기를 꼭 확인하세요.
- JPG→PNG로 잃은 디테일을 복구할 수 있나요?
- 아니요. PNG는 컨테이너만 바꿉니다. JPG의 블러·압축 블록은 그대로. 비압축 원본이 필요합니다.
- 채팅용 스크린샷 — PNG? JPG?
- 작은 글을 읽어야 하면 PNG. 플랫폼이 재압축하고 업로드 한도와 싸우면 JPG·WebP — 보내기 전 미리보기.
- 인쇄소는 JPG만 받음
- 그들의 사양을 따르세요. 투명 디자인은 먼저 투명 PNG→JPG; 색이 중요하면 PDF·TIFF 수락 여부를 물어보세요.
- 같은 프로젝트에서 둘 다 써도 되나요?
- 네 — 사진은 JPG, UI·로고는 PNG가 흔합니다. 사이트 전체를 한 확장자로 맞추기보다 자산마다 형식을 맞추세요.