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

  • [WP]워드프레스 내부 링크 추가 방법(7초 안에 이전글 찾기)

    워드프레스로 운영되는 CMS는 SEO에서 다른 CMS에 비해 유리한 측면과 플러그인으로 편리한 기능들을 제공하기 때문에 높은 점유율을 자랑하고 있습니다. SEO에 많은 이점을 주는 워드프레스 내부 링크 추가하는 방법에 대해 알아 보겠습니다. 1. 워드프레스 내부 링크 추가 방법 ▼ 내부 링크(Internal Link)는 아래 사진처럼 ‘콘텐츠 관리 시스템(CMS)를 마우스로 드래그 한 후에 링크 아이콘을 누릅니다. 워드프레스…

  • 워드프레스 301 리다이렉트: 정의 및 설정 방법

    워드프레스로 구축한 웹사이트에서 301 리다이렉트 설정은 사이트 이전이나 URL 변경 시 방문자와 검색엔진이 새 주소로 자동 이동하도록 하는 중요한 작업입니다. 워드프레스 301 리다이렉트를 사용해야 하는 이유와 실제 적용 사례를 살펴보겠습니다. 301 리다이렉트는 현재 URL에서 다른 URL로 보내는 것을 의미합니다. 이는 전화기의 착신 전환과 비슷한 개념으로, 사용자가 기존 주소로 접속해도 자동으로 새 주소로 안내하는…

  • [WP] 워드프레스 단점과 장점

    W3태그 통계에 따르면 전 세계 CMS 점유율 중에 워드프레스의 점유율 43%를 확인할 수 있습니다. 워드프레스는 장점만 있고 워드프레스 단점에 대해 생각할 필요가 없는 것일까요? 워드프레스 장점과 단점에 대해 생각해 보겠습니다. 1. 대표적인 워드프레스 장점 워드프레스 장점 및 단점은 어디까지나 개인적인 생각입니다. 1.1 SEO에 유리 워드프레스는 검색 엔진 최적화에 유리합니다.(플러그인을 통해서) Yoast와 같은 SEO…

  • 구글 애드센스 GDPR

    구글 애드센스 페이지에서 접속 시 애드센스 GDPR 메시지 경고가 표시되고 있습니다. 애드센스 GDPRGeneral Data Protection Regulation은 “일반 데이터 보호 규정”의 약자로, 유럽 연합에서 시행되는 개인정보 보호에 관한 법률입니다. 구글 애드센스는 이에 따라 유럽의 웹사이트에서 사용자 개인정보를 수집하고 처리할 때 엄격한 규정과 동의 절차를 준수해야 합니다. 1. 구글 애드센스 GDPR 경고 메시지 유럽 연합에…

  • UpdraftPlus 플러그인 설정: 간편하고 안정적인 백업 작업

    UpdraftPlus 플러그인은 워드프레스 백업과 마이그레이션 작업을 할 수 있는 플러그인입니다. 프리 버전에서 3백만 명 이상의 활성 설치와 4.8점의 높은 평점을 받았으며, 간편하고 직관적인 인터페이스로 백업과 복원을 빠르고 간편하게 진행할 수 있습니다. 1️⃣ UpdraftPlus 설정 플러그인을 처음 설치 후 활성화를 진행하면 기본 설정 안내 화면을 확인할 수 있습니다. 1. 튜토리얼 안내 튜토리얼이 시작되면 파일…

  • 워드프레스 동기화된 패턴 찾기: WP-CLI로 어느 글에 있는지 확인

    워드프레스 동기화된 패턴은 본문에 참조 번호만 들어가서 어느 글에 걸려 있는지 관리자 화면에서 확인할 수 없습니다. WP-CLI로 패턴 ID를 찾고 그 번호를 참조하는 글을 한 번에 뽑아내는 방법을 정리했습니다. 1️⃣ 관리자 화면에서 안 보이는 워드프레스 동기화된 패턴 워드프레스 동기화된 패턴 목록 화면에는 이름과 미리보기, 그리고 동기화됨 표시만 나옵니다. 이 패턴이 몇 개의 글에…