제품 사진을 마우스 오른쪽 버튼으로 클릭하고 다른 이름으로 이미지 저장을 선택하면 파일이 다운로드 폴더에 다른 이름으로 저장됩니다 photo.webp니다. 페이지는 평범한 그림을 보여 주었다. 심지어 URL 은 에서 끝났을 수도 있습니다 .jpg. 그런 다음 슬라이드 데크에 떨어 뜨리거나 양식에 부착하거나 이전 이미지 뷰어에서 열려고 시도하면 거부됩니다.
다운로드에 아무런 문제가 없었습니다. 웹 사이트는 WebP 를 보냈습니다. WebP 는 교체 한 JPG 또는 PNG 보다 작고 모든 현재 브라우저가 표시하기 때문입니다. 마찰은 파일이 브라우저를 떠날 때만 나타납니다. 이 가이드는 WebP 가 무엇인지,왜 그렇게 많은 저장된 이미지가 해당 형식으로 도착하는지,여전히 실패하는지,다음 프로그램이 허용하는 것으로 변환하는 방법 또는 자신의 이미지를 변환하는 방법을 설명합니다.
TL;DR: WebP 는 RFC 9649 에 지정된 Google 의 이미지 형식으로 손실 및 무손실 압축,투명도 및 애니메이션을 하나의 파일 형식으로 지원합니다. 웹 사이트는 JPG 및 PNG 보다 작기 때문에 서비스를 제공하므로 이미지 저장 페이지 URL 에.jpg 라고 표시 되더라도 종종.webp 를 제공합니다. 모든 현재 브라우저는 WebP 를 표시하지만 일부 데스크톱 앱,이메일 클라이언트 및 업로드 양식은 여전히 거부합니다. 로 변환 WebP에서 PNG로 투명성을 유지하기 위해 WebP 에서 JPG 로 가장 폭넓게 지원하거나 WebP 에서 GIF 로 애니메이션,WebP 에서 PDF 로 문서를 지원합니다. 모두 클라이언트 측에서 실행되며 업로드 된 것이 없으며 무료이며 가입이 없습니다.
WebP 란 무엇입니까?
WebP 는 구글이 웹페이지의 이미지를 더 작게 만들기 위해 2010 년에 공개한 래스터 이미지 형식이다. 지금은 IETF 에 의해 문서화된다 RFC 9649, WebP 이미지 형식2024년에 게시된 RFC는 두 가지 압축 방법과 선택적 투명도 및 애니메이션이 포함된 하나의 컨테이너를 설명하므로 단일 형식은 JPEG, PNG 및 GIF가 분할하는 작업을 다룹니다.
파일은 RIFF 컨테이너,WAV 오디오에 의해 사용되는 동일한 청크 구조이다. 그것의 처음 열두 바이트는 그렇게 말한다:
$ xxd -l 12 photo.webp
00000000: 5249 4646 3a1f 0100 5745 4250 RIFF:...WEBP
RIFF그렇다면 길이는 4바이트입니다 WEBP. 내부에는 덩어리가 있습니다: VP8 손실 이미지 데이터의 경우 VP8L 무손실의 경우, ALPH 투명성 채널의 경우, 그리고 ANIM 그리고 ANMF 애니메이션의 경우. Toolz 변환기를 포함하여 파일을 바이트로 식별하는 도구는 정확히 해당 서명을 찾습니다. 이것이 바로 WebP가 a로 저장된 이유입니다 .jpg 이름은 여전히 WebP로 인식됩니다.
WebP는 이미지를 어떻게 압축합니까?
WebP에는 두 가지 별도의 압축 방법이 있으며, 파일이 사용하는 압축 방법 중 어느 것이 좋은지 변경됩니다.
손실 웹P 는 VP8 비디오 코덱의 키프레임 코딩을 기반으로 합니다. 인코더는 이미지를 블록으로 분할하고 이미 코딩한 픽셀에서 각 블록을 예측하며 품질 설정에 따라 더 거칠거나 미세한 반올림으로 차이를 저장합니다. 또한 채도 서브샘플링이라는 기술인 밝기의 너비와 높이의 절반에 색상을 저장합니다. 눈은 밝고 어두운 것보다 색상 디테일에 덜 민감하므로 사진이 이를 잘 숨깁니다. 평평한 배경에 얇은 색상 선과 작은 빨간색 텍스트는 그렇지 않으며 부드러운 무늬를 선택할 수 있습니다.
무손실 WebP 는 완전히 다른 알고리즘입니다. 예측 변환,컬러 캐시 및 LZ77 스타일 백 레퍼런스를 사용하여 모든 픽셀을 정확하게 재현하며 JPEG 가 아닌 PNG 와 경쟁합니다.
어느 종류든지 투명성을 위한 알파 채널을 나를 수 있습니다. 알파를 가진 손실 WebP 는 PNG 가 제안할 수 없는 조합입니다: 작은 파일에 있는 연약한 투명한 가장자리를 가진 사진 배기판.
Google's는 수치를 게시했습니다 WebP 개요 페이지는,동등한 SSIM 질에 비교 가능한 JPEG 보다는 더 작은 26%에 무손실 WebP 를 PNG 와 25 에서 34%에 더 작은 손실 WebP 뒀습니다. 저것은 시험 세트에 평균입니다. 주어진 심상은 더 많거나 적은을 저장할 수 있고,이미 무겁게 압축된 JPEG 는 수시로 조금 저장합니다.
저장된 이미지가.webp 로 나오는 이유는 무엇입니까?
서버가 WebP 를 브라우저로 보내기로 선택했기 때문에 저장된 이미지는.webp 로 나오고 Save Image As 는 전달 된 바이트를 유지합니다. 발생하는 세 가지 일반적인 방법이 있습니다.
콘텐츠 협상. 브라우저가 수행하는 모든 이미지 요청에는 다음이 포함됩니다 Accept 표시할 수 있는 형식을 나열하는 헤더입니다. HTTP content negotiation,defined in RFC 9110는,서버가 그 헤더를 기반으로 표현을 고를 수 있게 한다. 이미지 CDN 과 많은 호스팅 플랫폼이 이를 읽고 WebP 또는 AVIF 를 이를 수용하는 브라우저로 되돌려주는 반면,오래된 클라이언트는 동일한 URL 로부터 JPEG 를 받는다:
GET /images/product-42.jpg HTTP/1.1
Accept: image/avif,image/webp,image/apng,image/*,*/*;q=0.8
HTTP/1.1 200 OK
Content-Type: image/webp
URL은 에서 끝납니다 .jpg. 응답은 WebP 입니다. 저장하면 브라우저가 콘텐츠 유형에서 파일 이름을 지정하므로 얻을 수 있습니다 .webp.
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 10 <picture> 요소. 서버에서 협상하지 않는 사이트는 마크업에서 여러 형식을 제공할 수 있으며 브라우저는 마크업에 이어 첫 번째 형식을 선택합니다 WHATWG HTML picture 요소 규칙:
<picture>
<source srcset="hero.avif" type="image/avif">
<source srcset="hero.webp" type="image/webp">
<img src="hero.jpg" alt="Product on a white background">
</picture>
파이프라인을 구축하세요. 사이트 빌더,워드프레스 최적화 플러그인 및 이미지 구성 요소가 있는 프레임워크는 업로드를 WebP 로 자동으로 변환합니다. 사이트 소유자는 JPG 를 업로드했으며 방문자가 받는 WebP 를 절대 보지 못합니다.
세 가지 경우 모두 사이트는 성능 감사에서 권장하는 작업을 수행하고 있습니다. WebP 는 표시하기에 더 작고 올바른 파일입니다. 읽도록 가르쳐지지 않은 프로그램에 대한 잘못된 파일 일뿐입니다.
어떤 브라우저와 앱이 WebP를 지원합니까?
현재의 모든 브라우저는 WebP 를 표시합니다. Chrome 과 Edge 는 수년간 지원해 왔으며 Firefox 는 버전 65 에 추가했으며 Safari 는 버전 14 에 추가하여 iPhone 과 iPad 를 함께 제공했습니다. 웹에서 호환성은 더 이상 피할 이유가 아닙니다.
브라우저 외부에서는 지원이 고르지 않습니다. 일부 오래된 이미지 뷰어,오래된 오피스 스위트,이메일 클라이언트,인쇄 서비스 및 업로드 양식은.webp 를 열지 않거나 확장 검사에서 거부합니다. 운영 체제 사진 앱은 대부분 따라 잡았지만 공유 작업 컴퓨터 또는 업무용 소프트웨어가 없을 수 있습니다.
WebP 를 저장하는 것은 표시하는 것보다 덜 보편적입니다. WebP 를 작성하는 Toolz 변환기는 캔버스를 통해 browser's 자체 인코더를 사용합니다. 현재 Chrome,Edge 및 Firefox 는 WebP 를 그런 식으로 작성할 수 있습니다. Safari 는 오랫동안 WebP 를 표시 할 수 있었지만 항상 저장할 수는 없었으며 브라우저가 WebP 를 인코딩 할 수 없을 때 변환기는 PNG 를 a 로 다시 건네주는 대신 그렇게 말하는 오류를 표시합니다 .webp 이름.
왜.webp 를.jpg 로 이름을 바꾸는 does't 가 작동합니까?
파일의 이름을 바꾸면 내용이 아니라 레이블이 변경됩니다.A WebP renameed to holiday.jpg 여전히 시작됩니다 RIFF 그리고 WEBP그리고 여전히 VP8 또는 VP8L 데이터를 보유하고 있습니다. 일부 프로그램은 확장자만 보고 파일을 JPEG로 읽으려고 시도했지만 찾을 수 없습니다 FF D8 FF 시작 부분에 마커를 표시하고 파일이 손상된 것으로 보고합니다. 다른 사람들은 바이트를 냄새 맡고 WebP임을 알아 차리고 어쨌든 열거 나 더 명확한 메시지로 거부합니다.
업로드 양식은 최악의 경우입니다. 확장자만 확인하는 양식은 이름이 변경된 파일을 수락한 다음 server's 이미지 라이브러리가 해당 파일에 질식하거나 이미지가 완성된 목록 또는 프로필 페이지에 깨진 상태로 나타납니다. 바이트를 확인하는 양식은 이를 완전히 거부합니다. 어느 결과도 원하는 결과가 아니며 둘 다 원래 거부보다 진단하기가 더 어렵습니다.
실제 변환은 WebP 를 픽셀로 디코딩하고 바이트가 확장자와 일치하는 새 파일을 쓰기 때문에 신뢰할 수있는 유일한 수정 사항입니다. 몇 초가 걸리고 나중에 지원 티켓을 피합니다.
WebP를 변환하지 않고 어떻게 열 수 있습니까?
브라우저 창으로 드래그하십시오. 현재 브라우저는 로컬.webp 파일을 직접 표시하므로 이미지 뷰어가 거부하는 컴퓨터에서 파일을 보는 가장 빠른 방법입니다. 거기에서보고 확대하고 인쇄 할 수 있습니다.
대부분의 현재 운영 체제 사진 앱은 WebP 도 열기 때문에 동일한 시스템의 특정 편집기 또는 Office 프로그램이 작동하지 않는 경우에도 이중 클릭이 최신 시스템에서 작동할 수 있습니다. 사용자가 의존하는 프로그램이 WebP 를 읽을 수 없는 경우 먼저 업데이트 또는 형식 플러그인을 확인하십시오; 둘 다 존재하지 않으면 복사본을 변환하고 원본을 보관하십시오.
오프닝은 사용으로 동일하지 않다,그러나. 이미지가 문서,양식 또는 전자 우편으로 가야 하는 경우에,recient's 소프트웨어는 너의 것 처럼 중요하게,JPG 또는 PNG 은 그 불확실성을 제거한다.
WebP 대 JPG 대 PNG 대 GIF: 어떻게 비교하나요?
WebP는 세 가지 이전 형식 모두와 겹치는데, 이는 매력적이며 WebP에서 벗어나 전환하려면 대상 선택이 필요한 이유입니다.
| 속성 | 웹P | JPG | PNG | GIF |
|---|---|---|---|---|
| 사양 | RFC 9649 | ITU-T T.81 | W3C PNG | GIF89a |
| 압축 | 손실 또는 무손실 | 손실 | 무손실 | 무손실, 256가지 색상 |
| 투명성 | 전체 알파 | 없음 | 전체 알파 | 픽셀당 켜기 또는 끄기 |
| 애니메이션 | 예 | 아니요 | 아니요(APNG는 제쳐두고) | 예 |
| 사진 파일 크기 | 작은 | 중간 | 큰 | 불쌍한 핏 |
| 브라우저 표시 | 모든 현재 브라우저 | 유니버설 | 유니버설 | 유니버설 |
| 데스크톱 앱 및 양식 | 패치 | 유니버설 | 거의 보편적입니다 | 유니버설 |
| 최고의 사용 | 웹사이트에서 이미지를 제공합니다 | 어디서나 사진을 공유 | 스크린샷, 그래픽, 편집 | 곳곳에 간단한 애니메이션 |
JPEG 사양은 ITU-T T.81 그리고 PNG는 다음과 같이 정의됩니다 W3C PNG 사양. 테이블의 실제 읽기: WebP를 웹에 유지하고 파일이 오른쪽 열에서 설명하는 곳으로 이동해야 할 때 변환합니다.
WebP를 어떤 형식으로 변환해야 합니까?
WebP 가 포함하는 것과 어디로 가는지에 따라 대상을 선택합니다. 투명성,애니메이션 및 목적지가 결정합니다.
| 귀하의 WebP 는 | 에 가는 | 로 변환 | 도구 |
|---|---|---|---|
| 투명한 배경의 로고, 아이콘 또는 컷아웃 | 어디든 | PNG | WebP에서 PNG로 |
| 사진 | 이메일, 양식, 인쇄, 이전 소프트웨어 | JPG | WebP에서 JPG로 |
| 애니메이션 | 포럼, 채팅, 이메일 서명, 위키 | GIF | WebP 에서 GIF 로 |
| 하나 이상의 이미지 | 누군가가 인쇄하거나 파일을 작성할 문서입니다 | WebP 를 PDF 로 | |
| 형식이 혼합되어 있거나 나열되지 않은 대상입니다 | 다양한 | 어떤 | 이미지 변환기 |
투명한 이미지는 PNG 를 선택합니다. X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 10 WebP 에서 PNG 변환기 알파 채널을 유지하므로 투명한 배경의 로고는 투명하게 유지됩니다. PNG 는 무손실이므로 출력은 디코딩 된 픽셀을 정확하게 유지합니다. 무손실 저장소 비용이 바이트이기 때문에 일반적으로 WebP 보다 큽니다.
모든 곳에서 열어야 하는 사진은 JPG를 선택합니다. 당신이 때 webp를 JPG로 바꾸세요,모든 업로드 양식이 허용하는 형식을 얻습니다. JPG 에는 투명도가 없으므로 투명한 영역은 흰색으로 채워지고 결과 아래의 메모에는 발생했다고 표시됩니다. 품질 슬라이더는 10 에서 100 까지 실행되며 90 에서 시작됩니다.
애니메이션은 GIF를 선택하세요. 반응 클립에서 저장된 애니메이션 WebP 는 많은 포럼 편집기 또는 이메일 서명에서 재생되지 않습니다. The WebP 에서 GIF 변환기 그것의 본래 지연 및 반복 조사로 각 구조를 씁니다. 구조를 읽는 것은 browser's ImageDecoder API 를에서 사용합니다 W3C 웹코덱 사양크롬과 에지가 오늘 지원하는. 파이어폭스와 사파리에서는 첫 번째 프레임만 읽을 수 있기 때문에 GIF 는 스틸이고,행 아래의 메모는 그렇게 적혀 있다. GIF 는 프레임당 256 개의 색을 가지므로 그라데이션이 밴딩될 수 있고,부드럽고 투명한 가장자리가 딱딱한 20ms 미만의 지연을 갖는 프레임은 100ms 로 작성되는데,이는 브라우저가 지연을 그렇게 짧게 재생하는 방식과 일치한다.
문서의 경우 PDF를 선택합니다. A WebP 를 PDF 로 변환 각 페이지에 하나의 이미지를 표시한 순서대로 하나의 파일에 넣습니다. WebP 는 손실 소스이기 때문에 PDF 를 작게 유지하기 위해 92% 품질로 JPEG 로 이미지를 삽입하거나,이미지가 투명도를 가질 때 PNG 로 이미지를 맞추거나 A4 또는 US Letter 를 사용할 수 있습니다.
다른 모든 경우에는 다음을 사용하십시오 이미지 변환기. JPG, JFIF, PNG, AVIF, GIF, BMP, ICO, HEIC, TIFF, PSD, SVG, CR2, DNG 및 PDF와 함께 WebP를 읽고 JPG, PNG, WebP, GIF, ICO, PDF 또는 SVG를 작성하므로 WebP는 동일한 페이지에서 파비콘 또는 추적된 SVG가 될 수 있습니다.
자신의 이미지를 WebP로 변환해야합니까?
예,웹 사이트에 게시하는 이미지의 경우. 이미지는 일반적으로 페이지에서 가장 무거운 부분이며 수십 개가있는 카탈로그 페이지의 사진 컴파운드에 25 ~ 34%가 저장됩니다. 이미지의 경우 이메일,인쇄 또는 보관,아니오: 원래 형식을 유지하십시오.
두 개의 변환기가 공통 소스를 처리합니다. To JPG 사진을 WebP 로 변환,가지고 있는 가장 크고 압축이 덜 된 원본부터 시작하세요. JPG 는 이미 손실이 있으므로 WebP 로 인코딩하는 것은 두 번째 패스이며,시작하는 품질은 천장입니다. 80 에서 85 로 설정하면 대부분의 사진이 화면에 보이는 차이를 보여주는 것을 멈 춥니 다.
그래픽, 스크린샷 및 투명한 모든 것을 위한 것입니다 PNG를 WebP로 알파 채널을 유지하고 일반적으로 파일 크기를 급격히 잘라냅니다. 작은 색상의 텍스트가있는 스크린 샷은 위에서 설명한 크로마 서브 샘플링 때문에 사진보다 높은 품질의 설정이 필요합니다.
WebP 자체의 크기 제한은 실제로 거의 중요하지 않습니다. RFC 9649 는 무손실 WebP 를 16384x16384 픽셀로 캡핑하고 손실 WebP 는 VP8 에 의해 비슷한 크기로 제한되며 이는 웹 페이지가 필요로하는 이미지를 훨씬 뛰어 넘습니다. 매우 큰 파노라마 또는 인쇄 해상도 스캔은 이를 충족하는 유일한 파일이며 어쨌든 무손실 마스터 형식에 속합니다.
원본을 어느 쪽이든 유지하십시오. JPG 또는 PNG 는 마스터 복사본이며 모든 향후 자르기,크기 조정 또는 재 내보내기는 WebP 가 아닌 여기에서 시작해야합니다.
클라이언트 측 WebP 변환은 어떻게 작동합니까?
클라이언트 측 변환은 이미지가 브라우저 탭 내부에서 디코딩되고 인코딩되며 파일이 업로드되지 않음을 의미합니다. 모든 현재 브라우저에는 이미 WebP 디코더가 포함되어 있으므로 WebP에는 추가 다운로드가 필요하지 않습니다.
- 페이지는 각 파일의 첫 번째 바이트를 읽고 다음을 확인합니다
RIFF....WEBP서명. 각 쌍 페이지는 자체 소스 형식만 허용하므로 WebP 에서 PNG 페이지로 떨어진 PNG 는 다른 곳을 가리킵니다. - 브라우저는 WebP를 픽셀로 디코딩합니다.
- 픽셀은 캔버스에 그려져 대상으로 인코딩됩니다: 브라우저에 의한 PNG, JPG 또는 WebP, 번들 인코더에 의한 GIF 또는 PDF에 내장.
- 각 파일이나 배치를 ZIP으로 다운로드합니다.
캔버스를 통해 그리면 알만한 가치가있는 부작용이 있습니다: EXIF 메타 데이터, GPS 좌표 및 색상 프로필이 출력에 전달되지 않습니다 공개적으로 게시하려는 이미지의 경우 이는 개인 정보 보호 이득입니다.
한계와 일반적인 오류는 무엇입니까?
각 제한은 file's 행에 고정 탭이 아닌 특정 메시지를 생성합니다.
100 메가픽셀 이상의 이미지는 디코딩하면 tab's 메모리를 소진할 수 있으므로 거부됩니다. browser's 자체 디코더가 처리하므로 WebP 에 대한 별도의 바이트 크기 캡이 없습니다. 빈 파일은 거부됩니다.
"이 브라우저는 파일을 열 수 없습니다" 일반적으로 파일이 손상되거나 잘렸거나 이름에도 불구하고 WebP 가 전혀 아님을 의미합니다. "이 브라우저는 WebP 파일을 저장할 수 없습니다" WebP 인코더가 없는 브라우저에서 WebP 로 변환할 때만 나타납니다; 현재 Chrome,Edge 또는 Firefox 로 전환합니다.
애니메이션 WebP 가 PNG,JPG 또는 PDF 로 갈 때,첫 번째 프레임만 유지됩니다. 왜냐하면 그 형식들은 하나의 이미지를 보유하기 때문입니다. WebP 변환기들은 또한 여전히 WebP 파일만 작성하기 때문에 WebP 로 변환된 애니메이션은 첫 번째 프레임의 움직임을 유지하기 위해 GIF 를 사용합니다.
도구당 일일 변환 한도가 적용됩니다. 도구는 무료이며 가입이 없으며 워터 마크가 없습니다.
WebP 및 최신 형식
WebP 는 더 이상 최신 옵션이 아닙니다. AV1 비디오 코덱을 기반으로하는 AVIF 는 종종 더 작은 파일을 다시 생성하고 더 높은 비트 심도와 HDR 을 지원하며 현재 브라우저도이를 표시합니다. 를 사용하는 사이트 <picture> 위의 예제는 AVIF 를 먼저 제공하고 WebP 를 대체 요소로 제공합니다. 의 비교 AVIF, WebP 및 JPG 각각 가치가 있을 때 커버합니다.
문제가 웹 다운로드가 아닌 iPhone 사진인 경우 형식은 HEIC이며 가이드는 다음과 같습니다 HEIC 대 JPG 해당 파일이 열리지 않는 이유를 설명합니다. 두 형식의 모든 변환기가 목록에 나열되어 있습니다 이미지 도구 허브.
