WebP 파일이란?

공정위 광고 문구 Ver 2.0

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)를 마우스로 드래그 한 후에 링크 아이콘을 누릅니다. 워드프레스…

  • [WP] Wordfence Security Vs iThemes Security: 더 나은 선택은?

    워드프레스 CMS로 웹 사이트를 운영하면 보안은 필수 요소 중 하나입니다. 무차별 대입 공격이나 멀웨어에 감염되어 많은 시간 동안 사이트가 검색 엔진 순위 하락이 되는 불이익을 받을 경우를 만들어선 안 됩니다. Wordfence Security Vs iThemes Security 2개의 대표적인 보안 플러그인 비교를 시작해 보겠습니다. 1. Wordfence Security Vs iThemes Security 비교 요약표 보안 플러그인 비교…

  • [WP] Softaculous 사용 워드프레스 스테이징 사이트 만드는 방법

    워드프레스를 사용할 때 플러그인 설치 및 업데이트 등을 포함한 여러가지 변경 사항을 안전하게 테스트 하기 위한 사이트가 필요할 수 있습니다. ‘워드프레스 스테이징 사이트‘를 만든다면 안전한 테스트가 가능합니다. 1. 워드프레스 스테이징 사이트란? 스테이징 사이트Staging Site는 변경 사항을 라이브로 만들기 이전에 테스트 할 수 있는 라이브 웹 사이트의 복사본입니다. 스테이징 사이트에서 오류 체크 후 라이브…

  • WordPress: 개념과 기능 | 왜 워드프레스를 사용하는가?

    WordPress는 무료 오픈 소스 콘텐츠 관리 시스템(CMS)입니다. 원래는 블로그 게재 목적으로 개발되었지만, 시간이 지나면서 인터넷 포럼, 웹사이트, 다양한 콘텐츠 유형을 지원하는 플랫폼으로 발전했습니다. 테마와 플러그인 시스템을 기반으로 하며, 미디어 갤러리, 회원제 사이트, 학습 관리 시스템(LMS), 우커머스를 활용한 쇼핑몰 등 거의 모든 형태의; 웹사이트 구축이 가능합니다. 콘텐츠 관리 시스템(CMS)을 사용하는 이유는 비 개발자도 손쉽게…

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

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

  • Cache Enabler: 간편한 설정의 워드프레스 캐시 플러그인

    워드프레스 사이트는 플러그인 수가 일정 수준을 넘기 시작하면 속도 저하 현상이 나타날 수 있습니다. 기능과 성능을 모두 만족시키는 플러그인을 찾기란 쉽지 않으며, 속도 문제는 방문자의 이탈과 테크니컬 SEO에서의 불이익으로 이어질 수 있습니다. 이 때문에 캐시 플러그인은 선택이 아닌 필수로 자리 잡았습니다. 이 중에 Cache Enabler는 KeyCDN에서 제공하는 간편한 설정의 무료 캐시 플러그인으로, 워드프레스를…