JPG WebP 변환

Q: WebP에 카메라 JPG의 EXIF 데이터가 남습니까?

WebP는 EXIF를 담을 수 있지만 **메타데이터 제거**가 기본으로 켜져 있어 GPS 위치와 카메라 정보가 지워집니다. 공개 웹사이트에 올리는 이미지라면 대개 바라는 동작입니다. 데이터를 남겨야 한다면 **고급 설정**에서 끄십시오.

웹사이트의 JPG 사진을 현재 모든 브라우저가 표시하는 WebP로 바꿔 용량을 줄이십시오. 여러 장을 올리고 품질을 80 그대로 두거나 조정하면, 보통 4분의 1에서 3분의 1 가벼워진 파일을 받습니다.

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

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

출력

변환할 형식

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

사용 방법

1
사이트의 JPG 업로드
상품 사진, 블로그 대표 이미지, 갤러리 사진을 업로드 영역에 끌어다 놓으십시오. 한 번에 20개, 파일당 95 MB까지 가능합니다.
2
WebP 품질 설정
품질은 80에서 시작하며, 85–90으로 저장된 JPG 사진에 흔히 쓰는 출발점입니다. 무손실은 끈 채로 두십시오. 사진이 더 좋아지지 않고 더 커질 뿐입니다.
3
변환하고 교체
WebP로 변환을 누르고 파일이나 ZIP을 받아, 두 형식을 함께 제공할 수 있도록 기존 JPG 옆에 업로드하십시오.

답변

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

직접 운영하는 웹사이트의 이미지라면 그렇습니다. WebP는 같은 화질에서 보통 4분의 1에서 3분의 1의 용량을 줄이며, 2020년 이후 출시된 모든 브라우저가 표시합니다. 원본 JPG는 대체용으로 남겨 두십시오.

JPG를 WebP로 변환해 페이지 로딩 속도 높이기

이미지는 대개 웹 페이지에서 가장 무거운 부분이고, 카메라와 휴대폰, 스톡 이미지 사이트가 JPG를 만들어 내기 때문에 대부분 여전히 JPG입니다. WebP는 바로 그런 파일을 더 작게 대체하려고 2010년 Google이 공개한 형식입니다. 손실 모드는 VP8 동영상 코덱을 기반으로 하며, JPEG처럼 8 × 8 블록을 하나씩 따로 인코딩하는 대신 주변 블록에서 각 블록을 예측합니다.

결과적으로 같은 그림을 더 적은 바이트로 저장합니다. 150 KB 사진 12장이 있는 상품 페이지에서 장마다 4분의 1에서 3분의 1을 줄이면 방문마다 수백 킬로바이트를 아끼며, 이는 화면에서 가장 큰 이미지나 텍스트 블록이 표시되는 시간을 재는 Core Web Vitals 지표인 Largest Contentful Paint(LCP)에 바로 나타납니다.

방문자 쪽 지원은 더 이상 걱정거리가 아닙니다. Chrome은 10년 넘게 WebP를 표시해 왔고, Firefox는 2019년 65 버전, Safari는 2020년 14 버전부터 지원합니다. 지원하지 않는 곳은 브라우저 밖에 있습니다. 이메일 클라이언트, 링크 미리보기를 만드는 일부 소셜 플랫폼, 데스크톱 소프트웨어입니다. 그래서 브라우저에는 WebP를 제공하고 그 밖의 용도로는 JPG를 남겨 두는 구성이 합리적입니다.

JPG 사진에 맞는 WebP 품질 고르기

picture 요소로 WebP와 대체용 JPG 함께 제공하기

HTML: WebP 우선, JPG는 대체용

<picture>
  <source srcset="/images/sofa.webp" type="image/webp">
  <img src="/images/sofa.jpg" alt="회색 3인용 소파" width="1200" height="800">
</picture>

JPG

JPEG 이미지

JPEG(또는 JPG)는 1992년 Joint Photographic Experts Group이 표준화한, 가장 널리 쓰이는 사진 형식입니다. 눈으로 알아채기 어려운 미세한 디테일을 버리는 손실 압축을 사용해 웹, 이메일, 휴대폰 저장 공간에 맞게 사진 용량을 작게 유지합니다. 부드러운 그라데이션과 자연 풍경은 잘 표현하지만, 선명한 글자, 선화, 단색 영역에는 블록 모양이나 번진 듯한 아티팩트가 눈에 띕니다. JPEG에는 투명도와 애니메이션이 없고, 다시 저장할 때마다 화질이 조금씩 더 떨어집니다. 모든 브라우저, 휴대폰, 카메라, 이미지 편집기에서 열 수 있습니다.

압축 방식: 손실
투명도: 아니요
애니메이션: 아니요
도입 연도: 1992 · Joint Photographic Experts Group

JPG 변환

WEBP

WebP 이미지

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

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

WEBP 변환

웹사이트 운영자는 직접 게시하는 이미지의 페이지 용량을 줄이려고 JPG를 WebP로 변환합니다. 노트북에만 두거나 인쇄할 파일에는 WebP가 필요하지 않습니다.

아무것도 깨뜨리지 않고 WebP 도입하기

위의 <picture> 코드는 각 브라우저가 이해하는 첫 번째 소스를 고르게 하므로, 오래된 브라우저의 방문자는 자연스럽게 JPG를 받습니다. <img>의 width와 height는 남겨 두십시오. 공간을 미리 확보해 이미지가 로드되는 동안 레이아웃이 밀리지 않게 합니다.

사이트가 WordPress라면 5.8 버전 이상은 미디어 라이브러리에서 WebP 업로드를 받으므로 변환한 파일을 바로 올릴 수 있습니다. 많은 CDN도 실시간으로 변환할 수 있으며, 이 페이지는 메인 배너처럼 직접 관리하고 싶은 이미지를 위한 것입니다.

게시하기 전에 폴더 전체 용량을 비교하십시오. WebP 세트가 확실히 작지 않다면 JPG가 이미 강하게 압축되어 있어 변환 효과가 거의 없는 것입니다. 변환 후에도 용량 목표를 맞춰야 하는 이미지는 이미지 용량 줄이기를 이용하십시오.

사이트 운영자가 묻는 JPG WebP 변환 질문

WebP는 같은 JPG보다 얼마나 작습니까?

Google이 공개한 비교에서 손실 WebP 파일은 시각적 유사도의 표준 척도인 SSIM이 같을 때 JPEG보다 25–34% 작았습니다. 실제 절감량은 사진에 따라 다릅니다. 매끈한 하늘과 스튜디오 배경은 가장 많이, 노이즈가 많은 저조도 사진은 가장 적게 줄어듭니다. 이미 강하게 압축된 JPG는 거의 줄지 않을 수 있습니다.

JPG 품질 85에 해당하는 WebP 품질은 얼마입니까?

두 척도가 달라서 숫자가 일대일로 맞지 않습니다. 대부분의 사진은 일반적인 보기 크기에서 WebP 75–80이 JPG 85–90처럼 보입니다. 폴더 전체를 변환하기 전에 파일 하나를 100% 확대해 확인하십시오.

WebP로 변환한 뒤에도 JPG가 필요합니까?

보관하십시오. 이메일 클라이언트, 일부 플랫폼의 소셜 공유 미리보기, 오래된 데스크톱 소프트웨어는 여전히 JPG를 기대하며, <picture> 요소에는 대체용 JPG가 필요합니다. JPG를 교체하지 말고 WebP를 옆에 두십시오.

JPG를 WebP로 변환하면 사진이 더 좋아 보입니까?

아닙니다. WebP는 디코딩한 JPG에서 인코딩되므로 JPG에 이미 있는 블록 노이즈나 색 띠가 그대로 옮겨 갑니다. 변환은 그 픽셀을 얼마나 효율적으로 저장하는지만 바꿀 뿐, 담긴 디테일의 양은 바꾸지 않습니다.

WebP에 카메라 JPG의 EXIF 데이터가 남습니까?

WebP는 EXIF를 담을 수 있지만 메타데이터 제거가 기본으로 켜져 있어 GPS 위치와 카메라 정보가 지워집니다. 공개 웹사이트에 올리는 이미지라면 대개 바라는 동작입니다. 데이터를 남겨야 한다면 고급 설정에서 끄십시오.

사이트에 WebP 대신 AVIF를 써야 합니까?

AVIF는 사진을 더 많이 압축하지만 인코딩이 훨씬 느리고, 일부 이미지 플러그인과 CDN은 아직 AVIF를 덜 안정적으로 처리합니다. WebP가 더 안전한 첫 단계입니다. WebP를 적용한 뒤 메인 이미지 몇 장에 JPG AVIF 변환을 시도해 보십시오.