PNG·JPG·WebP·AVIF — 무엇을 골라야 할까

결정하는 질문

사진은 완만하고 자잘하게 흔들리는 변화로 이루어져 있습니다. JPG·WebP·AVIF 같은 손실 형식은 바로 그것을 위해 만들어졌고, 눈이 따라가지 못하는 세부를 버려서 작아집니다.

화면 캡처·로고·도표·글자가 든 그림은 정반대입니다. 넓은 단색 면과 또렷한 경계로 되어 있습니다. 손실 압축은 글자 가장자리에 눈에 보이는 잡티를 남기고, 버릴 잡음 자체가 적어서 용량도 별로 안 줄어듭니다. 그 자리가 PNG입니다.

JPG — 어디서나 열리는 것

서른 살이 넘었고, 지금까지 만들어진 거의 모든 소프트웨어가 읽으며, 사진용으로는 여전히 충분합니다. 투명을 담지 못하고, 품질을 너무 내리면 네모난 자국이 보입니다.

내가 통제할 수 없는 소프트웨어가 열어야 할 때 고르세요 — 인쇄소, 관공서 업로드 폼, 동료의 오래된 노트북.

PNG — 무손실이고 투명하며, 사진에는 안 맞습니다

PNG는 화소를 하나도 버리지 않고 투명도 온전히 지원합니다. 로고·화면 캡처·아이콘, 그리고 나중에 다시 편집할 그림에 맞습니다.

사진을 담기에는 나쁜 상자이고, 여기서 많이들 막힙니다. 사진이 든 PNG를 압축기에 돌려도 거의 안 줄어듭니다. 무손실 압축은 사진의 잡음에서 버릴 것을 찾지 못합니다. PNG 사진이 8MB라면 어떤 PNG 최적화 도구도 그것을 작게 만들지 못합니다 — JPG나 WebP로 바꾸면 작아집니다.

WebP — 웹이라면 무난한 기본값

WebP는 양쪽을 다 합니다. 사진은 손실로, 그래픽은 투명을 지닌 무손실로 담고, 움직이는 그림도 됩니다. 비슷한 화질에서 대개 JPEG보다 25~35% 작습니다.

요즘 브라우저는 전부 표시합니다. 그래도 피할 이유가 남는다면 브라우저 밖입니다 — 오래된 데스크톱 프로그램이나 인쇄 작업 흐름에서는 아직 .webp를 못 여는 곳이 있습니다.

AVIF — 가장 작고, 가장 느리고, 아직 전부는 아닙니다

AVIF는 AV1 영상 코덱을 쓰며 같은 화질에서 넷 중 대개 가장 작습니다. 사진과 낮은 비트레이트에서 특히 그렇습니다. 대신 인코딩이 느립니다 — 여러 장을 한꺼번에 넣으면 체감됩니다.

알아 둘 함정이 하나 있습니다. 브라우저가 AVIF를 보여 줄 수 있다는 것과 만들 수 있다는 것은 다릅니다. 인코딩 지원은 디코딩 지원보다 좁고, 지원하지 않는 형식을 만들라고 하면 브라우저는 조용히 PNG를 돌려줍니다. 저희 변환기가 지원표를 믿지 않고 시험 이미지를 실제로 인코딩해 돌아온 것을 대조해 형식 목록을 만드는 이유가 그것입니다.

짧게 정리하면

판단 흐름도 대신 어림으로 쓰고 싶다면 이렇습니다.

• 웹에 올릴 사진 → WebP. 인코딩 시간보다 용량이 더 중요하면 AVIF.
• 어디서나 열려야 하는 사진 → JPG.
• 화면 캡처·로고·도표, 글자가 든 그림 → PNG.
• 투명이 필요하다 → PNG 또는 WebP. JPG는 절대 아닙니다.
• 이미 JPG인데 너무 크다 → 품질 슬라이더보다 가로세로를 줄이는 것이 먼저입니다. 너비를 반으로 줄이면 화소 수는 4분의 1이 됩니다.