WebP 파일이란?

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

  • 워드프레스 서버 이전하기: WordPress Migration 작업

    워드프레스 사이트를 직접 AWS LightSail에서 관리하기 위해 워드프레스 서버 이전 작업을 진행하게 되었습니다. 서버 이전을 진행하게 된 이유는 위와 같은 이유 외 다양한 이유로 서버 이전을 결정하게 되었습니다. 목차1. WebP 파일 정의2. 배경과 용도3. 지원 브라우저4. JPEG(&PNG) vs WebP File5. 웹피와 워드프레스 1. 워드프레스 서버 이전을 위한 기존 서버 SSH 접속 먼저 이용하는…

  • 워드프레스 관리자 비밀번호 분실 시: 변경&분실 재설정

    워드프레스를 기반으로 웹 사이트를 구축 후 얼마 되지 않았고 한동안 접속을 하지 않다가 임의로 설정한 비밀번호가 생각나지 않을 때 워드프레스 관리자 비밀번호 분실 시 난감할 수 있습니다. 로그인 후 관리자 페이지에서 비밀번호를 변경하는 방법과 분실 시 변경하는 방법에 대한 몇 가지 방법을 제시합니다. 목차1. WebP 파일 정의2. 배경과 용도3. 지원 브라우저4. JPEG(&PNG) vs…

  • WordPress Plugin: 정의와 역할 | 워드프레스 필수 플러그인 3가지 기준

    WordPress Plugin은 웹사이트에 다양한 기능을 추가할 수 있는 확장 도구입니다. 보안, 성능 최적화, SEO, 백업 등 핵심적인 기능 대부분이 플러그인을 통해 구현되며, 어떤 플러그인을 선택하고 조합하느냐에 따라 사이트의 완성도가 달라집니다. 이 페이지에서는 워드프레스 플러그인의 정의와 역할을 정리하고, 실제 운영에 꼭 필요한 7가지 필수 플러그인 요소를 소개합니다. 목차1. WebP 파일 정의2. 배경과 용도3. 지원…

  • 워드프레스 고유주소(Permalink)와 슬러그

    워드프레스 고유주소(Permalink, 영구링크, 고유링크 등)는 도메인 뒤에 붙는 게시물이나 페이지의 전체 URL 주소를 제공합니다. 특정 콘텐츠에 엑세스하는 데 사용되는 Permalink는 워드프레스 콘텐츠의 영구적인 주소로써 URL이 필요한 모든 워드프레스 콘텐츠에 사용됩니다. 목차1. WebP 파일 정의2. 배경과 용도3. 지원 브라우저4. JPEG(&PNG) vs WebP File5. 웹피와 워드프레스 워드프레스 고유주소 일반설정을 사용하면 안되는 이유 워드프레스를 처음 설치하고…

  • 워드프레스 어필리에이트 플러그인 TOP 7: 가격·평점·UI·기능

    워드프레스 블로그·뉴스·매거진 사이트는 다양한 콘텐츠를 효율적으로 관리하고 빠르게 방문자에게 전달하는 데 최적화되어 있습니다. 광고 및 어필리에이트 프로그램을 활용해 추가 수익 창출도 가능합니다. 워드프레스 어필리에이트 플러그인은 제휴사를 직접 관리하는 유형과 링크 관리 및 클릭 추적 중심 유형으로 나눌 수 있으며, 이 페이지에서는 링크 관리 및 클릭 추적 중심의 플러그인을 다룹니다. 워드프레스 어필리에이트 플러그인은 제휴사를…

  • [WP] WordPress.com vs WordPress.org 2가지 서비스 차이 비교

    전자상거래 사이트, 회사 소개 사이트, 커뮤니티, 개인 블로그 등 전 세계의 많은 웹 사이트는 워드프레스 CMS로 만들어 집니다. 워드프레스를 새로 시작하는 경우 [WordPress.com vs WordPress.org] 2가지 서비스가 있기 때문에 둘 중에 하나를 선택해야 합니다. 개인 비즈니스를 위해 웹 사이트가 필요해 혼자서 또는 1~2명이 관리하면서 운영할 수 있는 CMS가 필요하다고 할 경우 드루팔(Drupal), 줌라(Joomla),…