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

요약

JPG

JPG는 거의 눈치채지 못하는 세부를 버려서 사진을 아주 잘 압축합니다. 투명도를 지원하지 않고, 저장을 반복하면 조금씩 화질이 떨어집니다. 어떤 기기나 사이트에서도 쓸 수 있습니다.

PNG

PNG는 무손실이라 모든 픽셀이 정확히 남고 투명도도 지원합니다. 스크린숏이나 윤곽이 뚜렷한 그림에 가장 좋지만, 사진을 PNG로 하면 JPG의 몇 배 크기가 됩니다. PNG 압축이라면 색 수를 줄여 그림을 크게 줄일 수 있습니다.

WebP

Google의 WebP는 같은 화질이면 대개 JPG보다 25~35% 작고, 투명도와 애니메이션도 지원합니다. 최신 브라우저는 모두 보여 주지만, 오래된 앱이나 업로드 양식 중에는 받지 않는 것이 있으며, 그럴 때는 WebP를 JPG로로 해결할 수 있습니다.

AVIF

AVIF는 더 새롭고 더 작습니다. 최신 Chrome, Edge, Firefox, Safari에서는 열리지만 아직 많은 프로그램에서는 열리지 않습니다.

HEIC

HEIC는 iPhone이 사진을 저장하는 형식입니다. JPG의 약 절반 크기지만, Windows와 많은 사이트에서 그대로는 열리지 않습니다. HEIC를 JPG로로 변환할 수 있습니다.

GIF

GIF는 256색까지라서 사진보다는 간단한 애니메이션에 알맞습니다. 동영상으로 만든다면 동영상을 GIF로가 클립마다 가장 알맞은 256색을 고릅니다.

같은 이미지를 형식별로

1200 × 800 이미지의 대략적인 크기이며, 내용에 따라 달라집니다.

사진은 색이 부드럽게 변해서 JPG와 WebP가 잘 줄입니다. 화면 캡처는 테두리가 뚜렷하고 색이 적어, PNG는 그대로 저장하고 JPG는 번지게 만듭니다.

자주 하는 실수

• 사진을 PNG로 저장하기. 보이는 이득 없이 파일이 열 배가 됩니다. PNG는 도형과 투명 배경에 쓰세요.
• JPG를 거듭 다시 저장하기. 저장할 때마다 조금 더 나빠집니다. 원본을 두고 그것에서 편집해 매번 새 JPG로 내보내세요.
• JPG에 투명 배경이 남을 거라 생각하기. JPG에는 투명도가 없어 투명했던 부분이 검정이나 흰색이 됩니다. PNG나 WebP를 쓰세요.
• 서식에 WebP나 HEIC를 올리기. JPG나 PNG만 받는 서식이 많습니다. 확장자만 바꿔도 내용은 그대로이니 변환하세요.