본문 바로가기
IT 리뷰/블로그 SEO

워드프레스 WEBP 이미지 변환 및 압축 플러그인 - Imagify

by 일상에 도움되는 노랗 2021. 11. 25.
반응형

워드프레스 WEBP 이미지 변환 및 압축 플러그인 - Imagify

구글크롬등에서 이미지를 저장하게 되면 WEBP 확장자의 이미지를 볼 수 있습니다. 이는 2010년에 구그렝서 공개한 이미지 포맷형식으로서 기존에 이미지 포맷으로 널리 사용되는 JPEG 이미지를 대체하기 위한 규격으로서 웹사이트의 트래픽 감소와 로딩속도를 단축하기 때문에 무거운 워드프레스의 속도를 빠르게 접속할 수 있도록 개선합니다.

 

그렇기 때문에 워드프레스 속도가 느려 고민하는분들이라면 데이터베이스의 Gzip 압축과 함께 CSS, 자바스크립트, 제이쿼리등의 작업 뿐만 아니라 이미지 포맷을 압축하고 WEBP 변환하는것이 좋습니다.

 

워드프레스 WEBP 변환 이미지 압축 Imagify

그리고 워드프레스 무료플러그인으로 Imagify 사용하면 한달에 50MB의 이미지 압축과 함께 WEBP 변환이 가능하며 해당 플러그인을 사용하면 WP-Rocket 플러그인을 할인해주며 함께 조합해서 사용하면 워드프레스 속도를 개선할 수 있습니다.

 

 

워드프레스 WP ROCKET 플러그인 CSS 압축 Gzip 최적화

워드프레스 WP ROCKET 플러그인 CSS 압축 Gzip 최적화 워드프레스에는 다양한 최적화 플러그인이 있으며 이런 플러그인을 이용하면 웹페이지를 잘 모르더라도 쉽게 설정을 할 수 있는 장점이

jab-guyver.co.kr

하지만 WP ROCKET 플러그인은 유료 플러그인으로 확실히 쉽고 빠르게 홈페이지 속도를 개선하지만 무료플러그인을 찾고 있는 분들이라면 허밍버드클라우드플레어를 사용하면 무료로 워드프레스 속도를 개선할 수 있습니다.

 

워드프레스 CloudFlare "클라우드플레어"CDN HTTS GZIP 압축 로딩 속도개선

워드프레스는 생각보다 무거워서 생각만치 빠른 속도가 나오지 않는데요 그렇기 때문에 다양한 플러그인 등을 통해서 이미지를 압축하고 HTML이나 JS 쿼리,자바스크립트,CDN,HTML 등을 압축하는 방

jab-guyver.co.kr

 

 

워드프레스 CSS Gzip 압축 최적화 플러그인 Hummingbird

워드프레스 CSS Gzip 압축 최적화 플러그인 Hummingbird 워드프레스는 꽤나 무거운 CMS형 플랫폼으로서 호스팅서버가 제대로 받쳐주지 않는다면 속도에 꽤 신경을 쓰게 됩니다. 그렇기 때문에 워드프

jab-guyver.co.kr

워드프레스 이미지 압축 - Imagify

imagify Optimze Image & Convert Webp

워드프레스 플러그인 "Imagify Optimze Image & Convert Webp"설치 합니다.

빠른 사이트는 검색 엔진이 웹사이트 속도를 순위 요소로 고려하기 때문에 너무 느린 웹사이트를 떠날 수 있는 방문자에게 주로 중요하지만 SEO 성능에도 중요합니다.

웹사이트 크기는 웹사이트 성능에 영향을 미치는 가장 중요한 요소 중 하나입니다. 이미지는 로딩 시간의 50%를 차지할 수 있습니다.

이미지를 최적화하면 소중한 시간을 빠르게 확보하고 웹사이트를 더 빠르게 만들 수 있습니다.

플러그인을 설치하면 상단에 imagify 탭이 추가됩니다.

자동으로 이미지 최적화 진행 및 EXIF 사진정보 저장

  • 일반, 무손실 이미지 압축 알고리즘입니다. 이미지 품질은 전혀 변경되지 않습니다.
  • 공격적이며 손실이 많은 이미지 압축 알고리즘입니다. 약간의 품질 손실과 함께 더 강력한 압축은 대부분의 경우 전혀 눈에 띄지 않습니다.
  • Ultra는 손실 알고리즘을 사용하는 가장 강력한 이미지 압축 방식입니다.

이미지 크기변경 - 리사이즈 및 테마 최적화

WEBP 이미지 압축변환

Imagify 플러그인으로 최적화한 각 이미지에 대해 WebP 버전 도 얻게 됩니다 (설정에서 옵션을 선택하는 경우). 미디어 라이브러리에 다음과 같은 이미지 버전이 생성됩니다.

  • 전체 크기의 최적화된 이미지,
  • 전체 크기의 WebP 이미지,
  • 최적화된 축소판
  • WebP 축소판.

최적화는 테마에 포함된 이미지, 플러그인 및 "사용자 지정 폴더" 설정을 통해 미디어 라이브러리 폴더 외부에 있는 이미지에도 적용됩니다.

원하는 경우 Imagify는 아직 WebP 이미지를 표시할 수 없는 브라우저에 대한 대체 지원을 제공하는 두 가지 방법을 사용하여 프론트엔드에 WebP 이미지를 표시할 수도 있습니다.

– <picture>태그
– .htaccess 파일(Apache) 또는 nginx에서 규칙 재작성 .conf(NGINX – 수동으로 추가해야 함)

원본 이미지의 백업 복사본을 보관하는 경우 WebP 버전을 별도로 만들 수 있습니다 (하나씩 또는 대량 최적화 기능을 통해).

 

매달 20MB의 무료 이미지(약 200개 이미지)에 대해 최적화할 수 있습니다. 차세대 WebP 형식으로 무료로 변환할 수도 있습니다.

모든 설정이 완료되었다면 SAVE & GO TO BULK OPTIMZER 선택합니다.

이후 압축되지 않은 이미지 갯수를 확인하고 이미지 압축을 진행합니다.

그럼 기존 워드프레스 이미지를 압축하고 구글 페이지 속도측정을 통해 접속속도가 개선된것을 확인할 수 있습니다.

 

워드프레스 홈페이지 로딩 속도 측정 최적화

워드프레스 홈페이지 로딩 속도 측정 최적화 워드프레스는 생각보다 조금은 무거운 플랫폼이지만 사용자 나름으로 아주 가볍게도 무겁게도 만들 수 있는데요 기본적으로 유료 테마 중에서도

jab-guyver.co.kr

 

반응형

댓글0