WebP 파일이란?

공정위 광고 문구 Ver 3.1
공정위 광고 문구 Ver 3.2(모바일 전용)

2010년 Google은 온라인 이미지를 줄이기 위해 ‘WebP 파일‘ 포맷을 만들었습니다. 사진의 그래픽과 크기를 줄여 더 빠른 웹사이트 로딩이 가능합니다. 무료로 사용할 수 있는 오픈 소스 파일입니다.

1. WebP 파일 정의

‘WebP‘는 기존의 PNG 및 JPEG 파일보다 포맷 파일 크기가 작습니다. 확장자 또한 [.WEBP]로 표시되기 때문에 알아보기 쉽습니다. 두 개의 포맷 파일인 PNG와 JPEG 파일을 압축(무손실, 손실압축)해서 웹 사이트의 성능을 높이는데 사용됩니다. 구글 개발자의 말에 따르면 무손실 WebP 이미지는 PNG 포맷보다 최대 26%까지 줄일 수 있다고 합니다.

2. 배경과 용도

WebP는 2010년 온투 테크놀로지스(On2 Technologies)가 구상했으며, 2010년 2월 구글에서 1억 2,460만 달러에 인수 했습니다. On2 의 ‘VP8 기술’은 구글의 WebM 동영상 파일 형식의 핵심 기술이 되었습니다. ‘WebM‘과 함께 진행된 프로젝트가 ‘WebP‘입니다. ‘웹피‘가 사용자의 서버 속도 향상과 트래픽 양을 줄여 주듯이 구글의 서비 트래픽 역시 줄어들어 구글의 서버 비용을 절감할 수 있습니다. 구글의 영업 이익이 상승하기 때문에 구글이 ‘On2’를 인수 했다고 봐도 좋습니다.

JPEG의 손실/무손실 , PNG 파일의 무손실 압축을 지원합니다. 결과적으로 웹사이트의 빠른 로딩이 가능합니다.

WebP 파일

3. 지원 브라우저

사실 상 ‘Internet Explorer’처럼 이미 오래된 브라우저 외에 거의 모든 브라우저에서 지원됩니다.

4. JPEG(&PNG) vs WebP File

기존의 두 이미지 확장자 파일보다 훨씬 작으며 손실 압축을 한 WebP 이미지는 JEEG 파일보다 25~34%까지 작으며, 무손실 압축을 한 파일은 PNG보다 26%까지 작습니다. WebP file의 최대 크기는 16,383 x 16,383픽셀까지입니다.

JPEG 이미지 파일
PNG 이미지 파일

5. 웹피와 워드프레스

웹피 파일은 개발자가 운영하는 사이트 외에도 전세계에서 많이 사용되는 CMS인 워드프레스에서 특히 많이 사용되고 있습니다. 워드프레스에서 JPEG 및 PNG 파일을 WebP로 지원해 주는 캐시 플러그인들이 많이 있습니다.

워드프레스

ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액(이벤트 할인 시 금액이 내려갑니다↓)은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.

Similar Posts

  • 워드프레스 플러그인: Health Check&Troubleshooting | 플러그인 충돌 테스트

    워드프레스 플러그인 충돌 테스트를 위해 모든 플러그인을 직접 비활성화하면 방문자에게 사이트가 깨져 보일 수 있습니다. 이때 사이트는 그대로 유지하고 관리자만 테스트할 수 있는 Health Check & Troubleshooting 플러그인을 사용할 수 있습니다. ✅ Health Check&Troubleshooting 플러그인 설치 플러그인 명을 검색해서 플러그인 충돌 테스트를 해야 한다면 먼저 플러그인을 설치합니다. ✅ 플러그인 충돌 테스트 관리자 페이지…

  • [WP] 워드프레스 htaccess 기본 설정 및 WWW URL 제거 방법

    워드프레스로 사이트를 운영하는 중에 .htaccess 파일 기본 설정이 필요할 때가 있습니다. 워드프레스 htaccess 기본 설정은 일반 사이트와 멀티 사이트 용으로 나뉩니다. FTP 또는 SSH 등으로 .htaccess 파일이 없는 경우 확인이 되면 아래 내용을 참조해서 생성하면 되겠습니다. ✅ 워드프레스 htaccess 기본 설정: 일반 사이트 워드프레스 .htaccess 기본 설정(일반 사이트)은 다음과 같습니다. ✅ .htaccess 기본…

  • cPanel 워드프레스 설치하기(with softaculous)

    cPanel은 워드프레스 뿐만 아니라 여러 CMS에서 사용하기 편리한 웹 호스팅 컨트롤 패널입니다. 이번에 cPanel 워드프레스 설치 방법에 대해 알아 보겠습니다. 기본 설치를 위해 먼저 [cPanel] > [소프트웨어] > [Softaculous]를 클릭합니다. cPanel을 사용하는 호스팅 업체라면 동일한 설정이 있기 때문에 내용 참조하여 어렵지 않게 설치가 가능합니다. 1. 설치 전 cPanel SSL 인증서 설치 TLS/SSL 인증서가…

  • [WP] 2023년 빠른 워드프레스 테마 5개

    워드프레스 사이트를 운영 중인데 구글 페이지 스피드 및 지티메트릭스와 같은 사이트에서 원하는 속도가 나오지 않아 테마를 바꿀 것을 고려할 수 있습니다. 가볍고 빠른 2023년 빠른 워드프레스 테마는 무엇이 있을까요? 많은 워드프레스 테마의 총 페이지 크기가 300kb 이상인 경우가 많습니다. 워드프레스가 느리다는 인식이 몇 년 전까지 일반적이었지만 빠른 워드프레스 테마가 새로 나오고 지속적인 기존…

  • WP Super Cache: 플러그인 설치 및 설정

    워드프레스 캐시 플러그인 중 WP Super Cache는 100만 명 이상이 사용하는 인기 무료 캐시 플러그인입니다. 평점 4.3점으로 사용자 만족도도 높은 편이며, Automattic에서 직접 개발한 공식 플러그인입니다. 별도의 유료 버전은 존재하지 않으며, 캐시 플러그인에서 필요한 대부분의 기능이 무료로 제공됩니다. WP Super Cache의 설치 방법과 기본 설정, 작동 원리에 대해 확인해 보겠습니다. 기본 설치는 Neve…

  • HostAdvice research-호스팅 업체 TOP 10을 찾기 위한 리뷰 사이트

    공유 호스팅 or VPS 호스팅 등 좋은 호스팅 업체를 찾는 일이란 쉬운 일이 아닙니다. 인터넷에서 수익을 창출하는 회사는 안정적이며 빠른 서버 2가지 요소가 필수입니다. HostAdvice는 안정적이며 신뢰할 수 있는 해외 호스팅 업체 순위를 비교하고 찾는데 TrustPilot 리뷰와 함께 검토하는데 추천할 만한 사이트 중 하나입니다. 좋은 호스팅 업체를 고르기 위해 “Best hosting” 또는 ‘호스팅…