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

  • [WP] 워드프레스 파비콘(Favicon) 설정하기

    파비콘(Favicon)은 즐겨 찾기와 아이콘의 합성어 [favorites + icon]로 만들어 졌습니다. 보통 웹사이트 브랜드나 로고의 간결한 버전이나 웹사이트를 대표하는 이미지를 나타내며, 사용자가 해당 웹사이트를 쉽게 식별할 수 있도록 도와 줍니다. 파비콘은 주로 웹사이트의 루트 디렉터리에 “favicon.ico”라는 파일 이름으로 저장됩니다. 브라우저는 이 아이콘을 자동으로 로드하여 사용자에게 표시합니다. 또한, 파비콘은 웹사이트의 다양한 페이지에서 사용될 수 있으며,…

  • [WP] 테마포레스트(themeforest)란?

    테마포레스트(themeforest)는 HTML 템플릿, 워드프레스 및 다른 CMS 등의 플랫폼에서 고객이 22$, 39$, 66$ 등과 같이 테마 및 플러그인을 구매할 수 있는 마켓플레이스입니다. 결제는 신용카드 or 페이팔 결제가 가능합니다. 목차1. WebP 파일 정의2. 배경과 용도3. 지원 브라우저4. JPEG(&PNG) vs WebP File5. 웹피와 워드프레스1. 테마포레스트에서 테마 및 플러그인 찾는 방법 themeforest는 Envato Market로 알려져 있기도…

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

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

  • MainWP Dashboard 플러그인

    워드프레스 웹 사이트가 2개 이상일 경우 보다 수월한 관리가 필요할 수 있습니다. 2~3개의 워드프레스 웹 사이트를 효율적으로 관리할 수 있는 MainWP Dashboard 플러그인은 서로 다른 독립적인 사이트를 한번에 관리할 수 있는 기능입니다. 서로 다른 호스트 및 서버에 있는 다른 워드프레스 사이트를 연결한 후 완전히 제어할 수 있는 플러그인입니다. 600,000개가 넘는 워드프레스 웹사이트가 10,000개의…

  • 워드프레스 FTP 자격증명 해제 방법 2가지

    직접 운영하게 되는 서버 또는 그에 준하는 권한을 가진 서버에 워드프레스를 설치하게 되면 테마와 플러그인 설치 및 업데이트를 진행하게 됩니다. 이때 나타나는 것이 워드프레스 FTP 자격증명 요청 사항입니다. 관리형이 아닌 설치형 워드프레스에서 사용하는 서버 계정의 정보를 알고 있겠지만 FTP 자격증명이 굳이 필요한 사항은 아닙니다. 크게 두 가지 방법으로 해결이 가능합니다. FTP 정보를 항상…

  • Ghost CMS란? WordPress vs Ghost 2개 CMS 비교

    2023년 워드프레스 CMS 점유율은 43% 정도이며, 압도적인 점유율을 유지하고 있는 콘텐츠 관리 시스템(CMS)이 틀림 없습니다. 워드프레스 테마와 플러그인은 무한에 가까운 확장성을 가지고 있기 때문입니다. Ghost CMS는 콘텐츠 제공 중심 CMS입니다. WordPress vs Ghost 차이점을 알아 보도록 하겠습니다. Ghost CMS는 자바 스크립트로 작성되며, MIT 라이선스에 따라 배포됩니다. 둘 다 무료 오픈소스인 점이 동일합니다. 목차1. WebP…