UltKit

PNG WebP 변환

웹사이트의 PNG 스크린샷, 로고, 누끼 상품 이미지를 투명한 가장자리는 그대로 두고 훨씬 빨리 로딩되는 WebP 파일로 줄이십시오. 손실 또는 무손실을 고르고 변환해 결과를 CMS에 올리면 됩니다.

이미지 변환

또는 JPG, JPEG, JPE … 파일을 여기에 끌어다 놓으세요 ·

파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제

출력

파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.

사용 방법

  1. 1

    PNG 파일 넣기

    PNG를 최대 20개까지 업로드 영역에 끌어다 놓거나 폴더에서 고르십시오. 파일당 최대 95 MB까지 가능해 아주 큰 목업 내보내기 파일도 올릴 수 있습니다.

  2. 2

    손실 또는 무손실 선택

    이 페이지는 손실 모드에서 품질 80으로 시작하며, 웹용 사진과 일러스트에 알맞은 균형입니다. 픽셀이 정확히 유지되어야 하는 아이콘, 픽셀 아트, UI 스크린샷은 고급 설정에서 무손실을 체크하십시오.

  3. 3

    변환 후 교체

    WebP로 변환을 누르고 파일을 하나씩 또는 ZIP으로 내려받으십시오.

답변

PNG를 WebP로 변환할 가치가 있습니까?

웹사이트용 이미지라면 거의 항상 그렇습니다. 투명도까지 같은 그림이 대개 훨씬 작은 용량으로 나오고, 현재의 모든 브라우저가 이를 표시합니다. 계속 편집할 파일이나 데스크톱 소프트웨어로 열 사람에게 보낼 파일은 PNG로 두십시오.

웹 개발자가 PNG를 WebP로 바꾸는 이유

PNG는 설계부터 무손실입니다. 1996년 W3C가 특허 문제 없는 GIF 대체 포맷으로 표준화했으며 픽셀 데이터를 절대 버리지 않습니다. 원본 파일로는 완벽하지만 웹페이지에서는 낭비입니다. PNG로 저장한 1600 px 히어로 일러스트 하나가 페이지의 모든 스크립트를 합친 것보다 무거울 수 있습니다.

Google은 이 격차를 메우려고 2010년 WebP를 내놓았습니다. WebP는 컨테이너 하나에 두 가지 엔진을 담습니다. Google이 공개한 비교 자료로 PNG보다 약 26% 작은 무손실 모드와, VP8 동영상 코덱을 바탕으로 한 더 작은 손실 모드입니다. 두 모드 모두 완전한 알파 채널을 담으며, 덕분에 로고와 누끼 상품 사진을 색이 있는 배경 위에서도 쓸 수 있습니다.

PageSpeed Insights 같은 페이지 속도 도구는 오래전부터 지나치게 큰 PNG와 JPEG 파일을 손쉽게 줄일 수 있는 항목으로 지적해 왔으며, 이미지 세트를 변환하는 것이 Largest Contentful Paint를 개선하는 가장 빠른 방법인 경우가 많습니다. 이미지 크기도 바꿔야 한다면 먼저 이미지 크기 조절을 거친 뒤 변환하십시오.

PNG를 WebP로 바꾸면 용량이 얼마나 줄어드는지

PNG 원본

1.2 MB

1600 × 900 · 알파 포함 24비트, 누끼 상품 이미지

대개 80–85% 감소

WebP, 품질 80

190 KB

1600 × 900 · 손실 압축, 알파 채널 유지

PNG

PNG 이미지(Portable Network Graphics)

PNG는 1996년 PNG Development Group이 발표하고 이후 W3C와 ISO가 표준화한 무손실 래스터 형식입니다. 모든 픽셀을 그대로 보존하고, 완전한 알파 투명도를 지원하며, 글자, 날카로운 가장자리, 단색 영역을 아티팩트 없이 표현합니다. 이런 정확성 덕분에 스크린샷, 로고, 아이콘, 인터페이스 그래픽에 이상적입니다. 대신 용량이 문제여서, 사진을 PNG로 저장하면 같은 사진의 JPEG나 WebP보다 몇 배 커지는 경우가 많습니다. 모든 브라우저, 운영 체제, 편집기에서 PNG 파일을 열 수 있습니다.

압축 방식
무손실
투명도
예
애니메이션
아니요
도입 연도
1996 · PNG Development Group
PNG 변환

WEBP

WebP 이미지

WebP는 웹 페이지를 더 빨리 불러오도록 Google이 2010년에 공개한 이미지 형식입니다. 한 형식 안에서 손실과 무손실 압축, 알파 투명도, 애니메이션을 모두 지원합니다. 손실 WebP 파일은 비슷한 화질의 JPEG보다 보통 25–35% 작고, 무손실 WebP는 대개 PNG보다 작습니다. 현재 모든 브라우저가 지원하지만, 일부 오래된 데스크톱 소프트웨어, 인쇄 서비스, 업로드 양식은 여전히 받지 않습니다. Windows, macOS와 대부분의 최신 이미지 편집기에서 WebP 파일을 열 수 있습니다.

압축 방식
손실 또는 무손실
투명도
예
애니메이션
예
도입 연도
2010 · Google
WEBP 변환

사이트 운영자는 투명도를 유지하면서 페이지 무게를 줄이려고 PNG를 WebP로 변환합니다. WebP를 다시 PNG로 바꾸는 것은 파일을 편집하거나 WebP를 읽지 못하는 소프트웨어에서 열기 위해서입니다.

위 수치는 사진 같은 누끼 이미지의 전형적인 결과일 뿐 보장값은 아닙니다. 단순한 그래픽은 손실 모드에서 덜 줄고, 무손실 모드에서 오히려 더 줄기도 합니다. 글자가 가득한 스크린샷은 손실 WebP에서 글자 가장자리가 흐려질 수 있는 유일한 경우입니다. 이런 파일은 무손실을 체크하면 픽셀 변화 없이도 용량을 줄일 수 있습니다.

크기, 색상, 투명도는 그대로 옮겨지며, 기본으로 켜져 있는 메타데이터 제거가 브라우저에 필요 없는 편집 이력을 지웁니다.

WebP 파일을 사이트에 올리기 전 확인할 점

  • 원본 PNG는 별도 폴더에 보관하십시오. WebP는 배포용 사본이지 편집용 원본이 아닙니다.
  • CMS가 .webp 업로드를 받는지 확인하십시오(WordPress는 5.8 버전부터 지원).
  • 투명 이미지 하나를 흰 배경과 어두운 배경 양쪽에서 보고 가장자리가 깔끔한지 확인하십시오.
  • HTML이나 CSS의 이미지 참조를 .png에서 .webp로 바꾸거나 CMS가 썸네일을 다시 만들게 하십시오.
  • 브라우저 네트워크 패널에서 변환 전후의 페이지 무게를 비교해 얼마나 줄었는지 확인하십시오.

PNG WebP 변환 자주 묻는 질문

WebP로 바꿔도 PNG의 투명 배경이 유지됩니까?

그렇습니다. WebP는 손실 모드와 무손실 모드 모두에서 알파 채널을 저장하므로 누끼 상품 사진과 로고가 투명하게 남습니다. 손실 모드에서는 가장자리 픽셀이 약간 압축되므로, 가는 머리카락이나 글자 주변에 희미한 테두리가 보이면 무손실을 체크하고 다시 변환하십시오. 나중에 반대로 바꿔야 한다면 WebP PNG 변환으로 편집 가능한 PNG를 되돌릴 수 있습니다.

PNG는 손실 WebP와 무손실 WebP 중 무엇으로 바꿔야 합니까?

PNG가 단순한 UI, 도표, 로고, 픽셀 아트라면 무손실을 고르십시오. 모든 픽셀이 그대로 유지되면서도 대개 용량이 줄어듭니다. PNG가 사실상 사진이거나 부드러운 일러스트라면 품질 75–85의 손실 모드를 고르십시오. 용량이 크게 줄어드는 것은 이런 이미지입니다.

WebP 이미지는 어떤 브라우저에서 보입니까?

Chrome, Edge, Firefox, Opera는 수년 전부터 WebP를 표시했고, Safari는 2020년 버전 14부터 지원합니다(macOS Big Sur 이상, iOS 14). 사실상 현재 쓰이는 모든 브라우저가 WebP를 표시하므로, 대부분의 사이트에서는 .webp 파일을 가리키는 일반 img 태그면 충분합니다.

WordPress에 WebP를 업로드할 수 있습니까?

2021년 7월에 나온 WordPress 5.8부터 미디어 라이브러리 허용 업로드 형식에 WebP가 추가되었습니다. 그보다 오래된 설치본은 플러그인으로 MIME 형식을 추가하지 않으면 파일을 거부하므로, 폴더 전체를 변환하기 전에 버전을 확인하십시오.

WebP 용량이 원본 PNG보다 큰 이유는 무엇입니까?

8색 아이콘처럼 몇 가지 색의 인덱스 팔레트를 쓰는 아주 작은 PNG에서 생깁니다. 이런 경우 PNG가 이미 매우 효율적이기 때문입니다. 이런 파일은 무손실로 시도해 보고, 그래도 크다면 PNG를 그대로 쓰십시오. 용량 절감은 크고 색이 많은 이미지에서 나옵니다.

폴더 안의 PNG를 한꺼번에 WebP로 바꿀 수 있습니까?

한 번에 파일당 최대 95 MB, 20개까지 처리되며 ZIP 하나로 함께 받을 수 있습니다. 폴더가 더 크다면 20개씩 나눠 반복하십시오. 하루 사용 한도는 없고, 업로드한 파일은 30분 뒤 자동으로 지워집니다.