WebP 파일이란?

Author:jarvis Hours 등록일 Hours 업데이트

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

  • 워드프레스 호스팅: 안정성 및 속도를 반영한 5가지 평가 항목

    Published:I-var uknew

    워드프레스 사이트 구축을 계획하고 있다면, 먼저 도메인 구매와 함께 적합한 호스팅 서비스를 선택하는 것이 중요합니다. 호스팅은 웹사이트의 안정성과 속도에 직접적인 영향을 미치기 때문에, 내 사이트 목적과 규모에 맞는 호스팅을 신중히 고르는 것이 성공의 첫걸음입니다. 워드프레스 호스팅에 맞는 호스팅을 선택할 때 고려해야 할 5가지 핵심 평가 항목을 안내드립니다. 목차1. WebP 파일 정의2. 배경과 용도3….

  • [WP] 워드프레스 SSL 보안인증서 적용 방법

    Published:jarvis

    워드프레스를 포함한 웹 사이트에서 SSL 보안인증서는 필수가 되었습니다. 워드프레스 SSL 보안인증서 적용 방법과 TLS/SSL 인증서가 필요한 이유에 대해 알아 보겠습니다. 목차1. WebP 파일 정의2. 배경과 용도3. 지원 브라우저4. JPEG(&PNG) vs WebP File5. 웹피와 워드프레스1. 워드프레스 SSL 보안인증서 적용 방법 첫 번째 SSL 인증서가 서버에 설치되어야 합니다. 서버에 보안인증서가 설치되어야만 워드프레스 HTTPS 적용을 할…

  • [WP] Gzip 압축 vs Brotli 압축: 2개 압축 알고리즘 차이점

    Published:jarvis

    워드프레스 CMS를 비롯한 웹 사이트를 빠르게 만들기 위해, 서버에서 데이터를 압축하는 설정을 하는 것이 유용합니다. 이렇게 하면 웹 서버와 브라우저 간에 전송되는 데이터를 더욱 빠르게 로딩할 수 있으며, 웹 사이트의 속도를 더 빠르게 만들어 줍니다. 이는 웹사이트를 운영하는 관리자들이 많이 고려하는 요소 중 하나입니다. gzip 압축은 많이 사용되고 있으며, 많은 웹 서버에서 gzip에서…

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

    Published:jarvis

    워드프레스로 사이트를 운영하는 중에 .htaccess 파일 기본 설정이 필요할 때가 있습니다. 워드프레스 htaccess 기본 설정은 일반 사이트와 멀티 사이트 용으로 나뉩니다. FTP 또는 SSH 등으로 .htaccess 파일이 없는 경우 확인이 되면 아래 내용을 참조해서 생성하면 되겠습니다. 목차1. WebP 파일 정의2. 배경과 용도3. 지원 브라우저4. JPEG(&PNG) vs WebP File5. 웹피와 워드프레스✅ 워드프레스 htaccess 기본…

  • WP Rocket 설정 가이드: 직관적 UI, 워드프레스 캐시 플러그인 $59의 가치

    Published:I-var uknew

    WP Rocket은 워드프레스 캐시 플러그인입니다. 이 콘텐츠는 직관적인 인터페이스와 설정으로 관리하기 쉬운 WP Rocket 기본 설정 방법을 설명합니다. 설정 이후 크롬 개발자 도구와 구글 페이지 스피드의 속도 테스트를 진행합니다. 간편한 설정과 함께 추가 기능의 80% 정도가 자동으로 작동하여 별도의 복잡한 관리 없이도 높은 효과를 발휘합니다. 목차1. WebP 파일 정의2. 배경과 용도3. 지원 브라우저4….

  • [WP] 2023년 WP-Rocket Vs WP-Optimize 비교

    Published:jarvis

    WP-Rocket과 WP-Optimize는 워드프레스에서 인기 있는 캐시 플러그인입니다. 캐시 플러그인은 방문자가 WordPress 웹사이트에 방문할 때마다 페이지를 더 빠르게 제공하기 위해 페이지를 저장합니다. 사이트 로딩 속도를 빠르게 하기 위해 캐싱 플러그인이 필요한 경우가 많습니다. 브라우저 캐싱 및 Gzip 압축, 캐시 preloading, 이미지 WebP 파일 변환 등 많은 기술을 필요로 합니다. 2023년 WP-Rocket Vs WP-Optimize 각각의…