PNG를 WebP로 바꾸는 이유 (그리고 절대 안 바꾸는 한 가지 경우)
PNG는 편집할 때는 훌륭하지만 게시할 때는 낭비입니다. WebP가 실제로 무엇을 아껴 주는지, 어디서는 전혀 도움이 안 되는지, 그리고 절대 어기지 않는 한 가지 규칙을 짚어 봅니다.
webppngimage formatsperformance
블로그
이미지 형식, 압축, 그리고 브라우저에서 더 많은 일을 하는 것에 관한 노트.
브라우저 안 이미지 변환은 실제로 어떻게 되는가 (그리고 제가 그렇게 만든 이유)
「파일이 기기를 절대 벗어나지 않습니다」는 마케팅 문구가 아니라 구조입니다. WASM이 바로 브라우저 안에서 변환을 어떻게 해내는지, 그리고 이 방식이 가진 하나의 진짜 한계를 이야기합니다.
privacybrowserimage formats
SVG를 PNG로 - 픽셀이 진짜 필요할 때 (그리고 아닐 때)
SVG는 무한히 확대되고 용량도 아주 작아서, 래스터로 바꾸면 손해처럼 느껴집니다. 정말 그럴 때도 있습니다. 벡터에서 PNG 픽셀이 실제로 필요한 때와 SVG를 그냥 둬야 할 때를 짚어 봅니다.
svgpngtransparency
스크린샷이 2MB인 이유, 그리고 60~90% 줄이는 법
거의 빈 대시보드 스크린샷이 2MB일 이유는 없습니다. PNG가 왜 그렇게 만드는지, 그리고 WebP로 바꾸면 보이는 손실 없이 60~90%가 어떻게 깎이는지 이야기합니다.
pngwebpscreenshotscompression
AVIF vs WebP - 더 작은 파일이 늘 정답은 아닙니다
AVIF는 대개 WebP보다 용량이 작고, 때로는 20% 넘게 작습니다. 그 추가 압축이 인코딩 시간과 예외 상황에서 무엇을 대가로 치르는지, 그리고 저는 언제도 여전히 WebP를 꺼내는지 짚어 봅니다.
avifwebpcompressionperformance
PNG일까 JPG일까? 제가 십 년째 쓰는 판단 규칙
무손실이냐 손실이냐, 가장자리냐 사진이냐, 투명함이냐 아니냐. 파일이 어떤 형식이어야 하는지는 단 하나의 질문으로 갈립니다. 실제 용량 표로 증명해 보입니다.
pngjpgimage formatslosslesslossy
아이폰 사진이 HEIC인 이유 (그리고 그냥 JPG로 바꾸는 게 나은 때)
HEIC는 진짜로 더 나은 형식이지만 웹의 절반은 아직 이걸 못 엽니다. 애플이 왜 이걸 골랐는지, JPG로 바꾸면 실제로 무엇을 내주는지, 그리고 저는 언제 굳이 안 바꾸는지 이야기합니다.
heicjpgimage formatsphotography