비교

JPG 대 WebP: 실제 파일 크기 및 품질 테스트

WebP 파일은 일치하는 품질에서 JPG보다 약 30% 더 작게 실행됩니다. 아티팩트가 다른 부분, 크기 테스트에서 표시되는 내용, JPG가 여전히 더 안전한 선택이 되는 경우는 다음과 같습니다.

JPG 대 WebP: 실제 파일 크기 및 품질 테스트

WebP는 사진을 압축합니다. JPG보다 25~34% 작음 1,000개의 웹 이미지에 대한 Google의 자체 연구에 따르면 동일한 시각적 품질을 유지합니다. 둘 다 사진용으로 제작된 손실이 많은 형식이므로 실제 질문은 어느 것이 더 좋아 보이는지가 아니라 어떤 크기, 호환성 및 기능의 균형이 작업에 적합한지입니다. JPG는 1992년으로 거슬러 올라가며 지금까지 만들어진 모든 장치에서 열립니다. WebP는 2010년에 출시되었으며 JPG에는 없는 투명성, 애니메이션 및 무손실 모드를 추가했습니다. 이 비교에서는 두 형식의 출처, 크기 테스트, 압축 시 각 형식이 실패하는 방식, WebP가 추가하는 기능, 브라우저 지원, 페이지 속도에 미치는 영향, JPG가 더 안전한 선택인 경우를 다룹니다.

두 형식 모두 확실한 승자는 아닙니다. WebP는 파일 크기와 기능에서 승리합니다. JPG는 보편적 도달 범위에서 승리합니다. 대부분의 최신 웹사이트는 이제 JPG 폴백을 사용하여 WebP를 제공하므로 새로운 브라우저에서는 크기가 더 크고 나머지 브라우저에서는 안전합니다. 결국에는 사진, 웹 전달, 업로드 및 보관에 사용할 항목을 알게 됩니다.

JPG는 무엇입니까

JPG는 1992년에 이를 정의한 위원회인 공동 사진 전문가 그룹(Joint Photographic Experts Group)에서 왔으며, 사진을 작게 만드는 한 가지 작업을 위해 만들어졌습니다. 손실 압축을 사용하여 이미지를 다음과 같이 나눕니다. 8 x 8 픽셀 블록 그리고 인간의 시각이 세세한 부분까지 버리는 것은 거의 인식되지 않습니다. 0에서 100까지의 품질 다이얼은 폐기 강도를 제어합니다. 30년이 넘게 JPG 지원이 보편화되었습니다. 모든 운영 체제, 브라우저, 카메라, 프린터 및 사진 앱은 설정 없이도 JPG를 읽을 수 있습니다. 그 도달 범위가 바로 그 강점입니다.

하지만 JPG에는 실질적인 한계가 있습니다. 투명도가 없으므로 투명 영역이 단색으로 평면화됩니다. 다시 저장할 때마다 조금씩 성능이 저하되는데, 이를 세대 손실이라고 합니다. 그리고 품질이 낮을수록 선명한 텍스트와 딱딱한 가장자리가 번집니다. 압축 시 먼저 사라지는 고주파 세부 사항이기 때문입니다. 널리 공유되는 사진의 경우 이들 중 어느 것도 그다지 중요하지 않으므로 JPG가 지속되었습니다.

WebP란 무엇인가

WebP는 Google이 2010년에 출시한 이미지 형식으로, VP8 비디오 코덱의 압축을 기반으로 구축되었습니다. 목표는 무뚝뚝했습니다. 웹 이미지를 더 작게 만들어 페이지 로드 속도를 높이는 것이었습니다. Google은 세 가지 형식을 한 번에 대체하도록 설계했습니다. JPG의 사진 압축, PNG의 투명도, GIF의 애니메이션 단일 컨테이너에. 사진의 손실 모드와 PNG와 정확히 동일한 무손실 모드를 모두 제공합니다.

WebP가 JPG를 따라가는 곳은 시대입니다. 14년이 지난 것이므로 일부 오래된 프로그램, 일부 이메일 클라이언트 및 특정 업로드 양식에서는 여전히 이를 읽을 수 없습니다. 개방형 웹에서는 현재의 모든 브라우저가 WebP를 지원하므로 격차가 해소되었습니다. 그러나 제어할 수 없는 파일의 경우 최신 형식은 베테랑이 갖지 않는 작은 위험을 수반합니다.

일치하는 품질의 파일 크기

파일 크기는 WebP가 종이에서 승리하는 부분입니다. 동일한 지각 품질에서 WebP의 손실 모드는 사진을 대략 3분의 1 정도 적은 공간 JPG보다 최신 예측 및 엔트로피 코딩을 사용하기 때문입니다. 평평한 영역과 깨끗한 가장자리가 있는 이미지에서는 간격이 넓어지고, 두 형식 모두 중복성을 찾는 데 어려움을 겪는 거칠고 세밀한 사진에서는 좁아집니다. Google의 1,000개 이미지 연구에 따르면 평균 절감 효과는 25~34%입니다.

이미지가 많은 웹페이지에서는 모든 사진의 3분의 1이 실제입니다. 3MB의 JPG를 포함하는 페이지는 WebP의 경우 약 2MB로 떨어지며, 이는 느린 모바일 연결에서 로드 시간이 몇 초에 불과합니다. 사이트의 모든 페이지에 이를 곱하면 방문자와 호스팅 비용 모두에 있어 대역폭 절감 효과가 상당합니다.

품질이 다른 곳

품질은 압박감에 따라 각 형식이 어떻게 실패하는지에 따라 가장 다릅니다. JPG가 중단됩니다. 8 x 8 블록 세게 밀면 단단한 가장자리 주위에 희미한 울리는 인공물이 흩어집니다. WebP는 차단하는 대신 미세한 디테일을 부드럽고 약간 흐린 결과로 번지는 경향이 있습니다. 둘 다 객관적으로 더 나은 것은 아닙니다. 차단하면 일부 눈이 더 산만해집니다. 부드러움은 다른 사람을 괴롭힌다.

고품질 설정에서는 차이가 사라집니다. 두 형식 모두 품질 90에서 원본과 동일하게 보이므로 선택은 순전히 크기와 기능에 따라 결정됩니다. 이러한 구별은 의도적으로 크기와 품질을 교환하는 심한 압축에서만 나타나며, 심지어 대부분의 사진에서는 미묘합니다.

JPG에는 부족한 WebP의 추가 기능

WebP는 JPG가 할 수 없는 세 가지 작업을 수행하며 각 작업은 서로 다른 작업에 중요합니다.

  • 투명성: WebP는 전체 알파 채널을 유지하므로 컷아웃 로고나 제품 사진이 투명하게 유지되며 JPG는 배경을 단색으로 채웁니다.
  • 애니메이션: WebP는 애니메이션 클립을 지원하여 GIF를 256개가 아닌 수백만 개의 색상과 크기가 작은 파일로 대체합니다.
  • 무손실 모드: WebP는 무게를 줄이면서 픽셀 단위로 PNG를 정확하게 일치시킬 수 있으므로 PNG 대체 기능의 두 배가 됩니다.

JPG는 이들 중 어느 것도 제공하지 않습니다. 단순하면서도 좁은 범위를 유지하는 단일 목적의 사진 형식입니다.

브라우저 및 소프트웨어 지원

지원은 JPG의 남은 장점이며 그 범위가 좁아지고 있습니다. JPG가 열리는 위치 모든 브라우저, 이메일 클라이언트, 프린터 및 레거시 프로그램 만든 적이 있습니다. WebP는 이제 Chrome, Firefox, Safari 및 Edge에서 읽혀지므로 개방형 웹에서는 호환성 문제가 본질적으로 해결되었습니다. 차이점은 다른 곳에 있습니다. 일부 오래된 데스크톱 소프트웨어, 일부 이메일 클라이언트 및 많은 업로드 양식은 여전히 ​​JPG 또는 PNG만 허용합니다.

이것이 하나가 다른 하나를 대체하는 것이 아니라 둘이 공존하는 이유입니다. 귀하가 관리하는 웹사이트에서는 WebP가 안전합니다. 이메일로 보내거나, 인쇄하거나, 알 수 없는 시스템에 업로드하는 파일의 경우 JPG는 모든 호환성 문제를 한 번에 방지합니다.

웹사이트 속도에 미치는 영향

형식 선택은 속도에 영향을 미치고 속도는 순위에 영향을 미칩니다. 이미지는 일반적으로 웹페이지에서 가장 무거운 부분이며 페이지 무게는 웹페이지에 직접적으로 영향을 미칩니다. 만족스러운 최대 규모의 페인트, Google의 핵심 웹 바이탈 중 하나이자 확인된 순위 신호입니다. 각 사진을 1/3로 자르면 로드 시간, LCP 점수 및 반송률이 눈에 띄게 향상됩니다. 더 빠른 페이지는 더 잘 변환되므로 작업 비용이 두 배로 늘어납니다.

대부분의 사이트에서 사용하는 실제 패턴은 점진적입니다. WebP를 허용하는 브라우저에 WebP를 제공하고 나머지는 JPG로 대체합니다. HTML 그림 요소와 대부분의 콘텐츠 관리 시스템은 이를 자동으로 처리하므로 현대 방문자는 작은 파일을 받고 나이 많은 방문자는 여전히 이미지를 볼 수 있습니다.

JPG가 여전히 더 안전한 선택일 때

크기보다 도달 범위가 더 중요할 때마다 JPG가 승리합니다. 이메일에 첨부하거나 인쇄소에 전달하거나 JPG 및 PNG만 나열된 포털에 업로드하는 사진의 경우 베테랑 형식은 수신자가 WebP를 열 수 없는 위험을 방지합니다. 이는 또한 상대방의 소프트웨어를 보장할 수 없기 때문에 직접 관리하지 않는 파일에 대한 안전한 기본값이기도 합니다.

보관의 경우 두 가지 모두 작동하지만 많은 사진가는 마스터를 무손실 형식으로 유지하고 공유를 위해 JPG 또는 WebP 복사본을 내보냅니다. 규칙은 간단합니다. 자신의 웹사이트에는 WebP를, 알려지지 않은 손에 전달되는 모든 항목에는 JPG를 사용합니다.

둘 사이를 변환하는 방법

어느 방향으로든 변환하면 설치가 필요하지 않습니다. 브라우저 변환기가 장치의 파일을 다시 인코딩하므로 형식을 전환하는 동안 아무것도 업로드되지 않습니다. 우리의 PNG를 JPG로 변환하는 변환기 그리고 PNG-WebP 변환기 둘 다 HTML5 Canvas API를 통해 실행되고 여러 파일을 한 번에 일괄 처리하며 워터마크를 추가하지 않습니다. 품질을 설정하고 변환하고 다운로드하세요. 웹사이트의 경우 원본을 유지하고 WebP와 JPG 대체를 모두 생성하세요.

사진가들이 여전히 JPG를 찾는 이유

사진가들은 호환성 이상의 이유로 JPG에 의지합니다. 모든 카메라는 센서에서 바로 JPG를 촬영하므로 이는 촬영을 위한 기본 핸드오프 형식입니다. 사진 연구소, 스톡 라이브러리 및 클라이언트 제공 시스템은 모두 JPG를 기대하며 수십 년 동안의 편집 소프트웨어는 이를 기본으로 취급합니다. 클라이언트에게 갤러리를 보내는 사진작가는 JPG를 선택합니다. 클라이언트는 어디에서나 열 수 있습니다, 어떤 기기에서든 다시 생각할 필요 없이 말이죠.

WebP는 웹 갤러리와 포트폴리오를 통해 이 세상에 들어오고 있으며, 작은 크기로 인해 탐색 속도가 빨라집니다. 그러나 전송 및 보관 측면에서는 JPG의 보편성이 여전히 WebP의 크기 이점보다 더 큽니다. 나타나는 패턴은 일관됩니다. 웹용 사본의 경우 WebP, 사진가의 제어권을 벗어나는 파일의 경우 JPG입니다.

품질 설정이 비교를 변경하는 방법

품질 다이얼은 어떤 형식이 더 좋아 보이는지 변경합니다. 에서 품질 90 이상, JPG 및 WebP는 시각적으로 동일하므로 유일한 차이점은 파일 크기이며 WebP가 승리합니다. 품질을 60 이하로 낮추면 두 가지가 갈라집니다. JPG는 모서리 주위에 뭉툭한 사각형과 울림을 표시하는 반면 WebP는 부드러움으로 번집니다. 둘 다 즐겁지는 않지만 다르게 실패합니다.

이것이 공정한 비교가 항상 파일 크기가 아닌 품질과 일치하는 이유입니다. 품질이 90인 JPG와 품질이 60인 WebP를 비교하면 두 가지 변수를 변경했기 때문에 아무 것도 증명되지 않습니다. 일치하는 품질에서 WebP는 가장자리를 동등하거나 더 잘 처리하는 더 작은 파일입니다. 이는 두 형식을 정직하게 읽습니다.

평결

WebP는 더 작은 파일, 투명도, 애니메이션, 무손실 모드 등 기술적인 장점을 바탕으로 승리했으며 모두 최신 브라우저를 완벽하게 지원합니다. JPG는 여전히 중요한 한 가지 측면에서 승리합니다. 이는 의심의 여지 없이 모든 곳에서 개방된다는 점입니다. 웹사이트에는 WebP를 사용하고 알려지지 않은 곳으로 보내는 모든 항목에는 JPG를 사용하고 두 가지를 모두 원할 경우 JPG 대체와 함께 WebP를 제공하세요.

자주 묻는 질문

WebP에는 어떤 품질 설정을 사용해야 합니까?

품질 80~90 원본과의 차이가 눈에 띄지 않는 사진의 경우. 훨씬 더 작은 파일이 필요하고 부드러움을 수용할 수 있는 경우에만 낮추십시오.

카메라는 WebP로 촬영되나요?

아니요. 카메라는 JPG 또는 RAW로 촬영합니다., WebP가 아니기 때문에 JPG는 사진 전달 및 편집 작업 흐름을 위한 기본 형식으로 남아 있습니다.

WebP가 JPG보다 나은가요?

크기면에서는 그렇습니다. WebP는 약 30% 더 작습니다. 일치하는 품질로 투명도와 애니메이션을 추가합니다. JPG는 범용 호환성을 확보하므로 둘 다 계속 사용됩니다.

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

일반적으로 25~34% 더 작음 동일한 품질의 동일한 사진에 대해 Google이 1,000개의 이미지를 연구한 결과, 내용에 따라 차이가 있습니다.

WebP가 JPG보다 나빠 보이나요?

아니요, 고품질이 아닙니다. 둘다 원본이랑 똑같아보임 합리적인 설정에서. 압축률이 높으면 JPG는 차단되고 WebP는 부드러워집니다.

모든 브라우저가 WebP를 지원합니까?

현대인들은 그렇습니다. Chrome, Firefox, Safari 및 Edge는 모두 WebP를 읽습니다.. 일부 오래된 데스크톱 소프트웨어, 이메일 클라이언트 및 업로드 양식에서는 여전히 JPG만 허용합니다.

WebP는 투명한 배경을 유지합니까?

예. WebP에는 전체 알파 채널이 있습니다., 투명도를 단색으로 병합하는 JPG와 달리 투명한 이미지는 투명한 상태를 유지합니다.

웹사이트에는 JPG 또는 WebP 중 어느 것이 더 좋나요?

속도를 위한 WebP. 파일이 작을수록 내용이 풍부한 최대 페인트가 향상됩니다., 순위 신호. JPG 폴백을 사용하여 WebP를 제공하면 이전 클라이언트가 계속 이미지를 볼 수 있습니다.

WebP 파일을 이메일로 보낼 수 있나요?

위험한. 일부 이메일 클라이언트는 WebP를 렌더링하지 않습니다.이므로 깨진 것으로 표시될 수 있습니다. 모든 클라이언트에 표시되는 이메일용 JPG로 변환합니다.

JPG를 WebP로 변환하면 품질이 떨어지나요?

약간, 둘 다 손실이 있기 때문입니다. 다시 인코딩하면 하나의 압축 패스가 추가됩니다.. 품질 90에서는 손실이 눈에 띄지 않지만 형식 간 반복적인 왕복은 피하세요.

WebP는 인쇄에 적합합니까?

아니요, JPG 또는 TIFF를 사용하세요. 인쇄 작업 흐름에는 JPG, TIFF 또는 PDF가 필요합니다., 많은 인쇄 도구는 WebP를 읽지 않으므로 프린터로 보내기 전에 변환하십시오.

JPG를 WebP로 변환하거나 WebP를 JPG로 변환할 수 있나요?

예, 양방향입니다. 브라우저 변환기는 어느 쪽이든 다시 인코딩합니다. 장치에 저장되므로 형식을 전환하는 동안 파일이 업로드되지 않습니다.

JPG와 WebP는 모두 손실이 있는 사진 형식이지만 WebP는 약 30% 더 작은 이미지를 보유하고 JPG에 부족한 투명도, 애니메이션 및 무손실 모드를 추가합니다. JPG는 모든 장치와 받은 편지함에서 문제없이 열리면서 보편적인 호환성을 제공합니다. 웹사이트에 WebP를 사용하여 페이지 및 핵심 웹 바이탈 속도를 높이고, 이메일, 인쇄 및 알 수 없는 업로드 양식용으로 JPG를 유지하고, 두 가지 모두를 얻을 수 있도록 JPG 대체와 함께 WebP를 제공하세요. 위의 도구를 사용하여 브라우저에서 무료로 비공개로 변환하세요.

빠른 참조: JPG 또는 WebP

도달하다 웹P 이미지가 귀하가 관리하는 웹사이트에 있을 때, 사진에 투명성이 필요할 때, 페이지 속도와 핵심 웹 바이탈이 중요한 때. 도달하다 JPG 파일이 통제권을 벗어날 때: 이메일 첨부 파일, 인쇄 작업, 스톡 제출 또는 JPG 및 PNG만 나열되는 업로드 양식. 두 가지 이점을 모두 원할 경우 JPG 폴백을 사용하여 WebP를 제공하면 최신 브라우저가 작은 파일을 가져오고 다른 모든 사람은 계속 이미지를 볼 수 있습니다. 이 하나의 규칙은 둘 사이의 거의 모든 실제 결정을 다룹니다.