[WP] 워드프레스 이미지 최적화(Image Optimizer) 방법 2가지

이미지 최적화(Image Optimizer)란 웹사이트 이미지를 적절한 크기로 줄이거나 압축하는 기술을 뜻합니다. 워드프레스로 운영되는 웹사이트는 사용하는 테마와 각종 플러그인을 포함한 이미지 등에 따라 사이트의 속도가 느려지거나 빨라지는 것이 명확하게 드러납니다. 워드프레스를 포함한 웹사이트의 이미지 크기가 클 경우 사이트의 로딩 속도가 저하됩니다. 너무 큰 이미지를 사용하지 않는 것과 함께 기존에 웹사이트에 업로드 된 이미지 크기를 줄이거나 파일을 변환하는 방법 등 다양한 방법으로 사이트의 로딩 속도를 증가시킬 수 있습니다.

1. 이미지 최적화와 WebP

이미지 파일의 종류는 JPEG, PNG, GIF 파일을 들 수 있습니다. 기본적으로 이미지 파일의 크기를 줄이는 방법이 있지만 JPEG, PNG 파일은 WebP 파일 변환이 가능하며 손실 압축과 무손실 압축이 가능합니다.

2. Image Optimizer 방법

Image Optimizer 방법은 크게 두 가지가 있습니다. 첫 번째는 Image Optimizer 플러그인을 사용하는 방법입니다. 두 번째는 Image Optimizer가 지원하는 CDN을 사용하는 방법이 있습니다.

2.1 워드프레스 이미지 최적화 플러그인

Image Optimizer 플러그인은 유료로 사용하기 전에 무료로 일부 기능을 사용 본 후에 결정하도록 지원하는 플러그인이 많이 있습니다. Imagify, EWWW, Smush 등 다양한 플러그인이 있습니다.

이미지 최적화 플러그인 imagify 일반 세팅 및 WebP 설정.

CDN을 사용하는 경우 CDN과 연동이 가능합니다. 클라우드플레어 CDN과도 같이 사용할 수 있습니다.

이미지 최적화 플러그인 imagify 파일 크기 및 디스플레이 옵션

이미지 파일 용량에 따른 자동 최적화도 가능합니다.

2.2 Image Optimizer 지원 CDN 사용

클라우드플레어(Cloudflare)의 유료 요금제 Pro부터 JPEG와 PNG 파일에 대한 Image Optimizer 실행을 통해 사이트의 로딩 속도를 향상 시킬 수 있습니다.

클라우드플레어(Cloudflare) 이미지 최적화 요금제

Similar Posts

  • [WP] 워드프레스 크론을 리눅스 크론으로 교체하기

    워드프레스 크론을 말하기 전에 먼저 크론(cron)에 대해 확인해 보겠습니다. 크론은 자동화 된 예약 시스템입니다. 정해진 시간에 작업을 수행하게끔 지정된 프로그램입니다. 리눅스에서 항상 실행중인 프로그램을 뜻 하는 데몬(daemon)은 백그라운드에서 여러가지 작업을 합니다. 데몬 중에 크론이 있다고 보면 됩니다. 목차1. 이미지 최적화와 WebP2. Image Optimizer 방법2.1 워드프레스 이미지 최적화 플러그인2.2 Image Optimizer 지원 CDN 사용1….

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

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

  • W3 Total Cache 속도 테스트

    워드프레스 캐시 플러그인 중 W3 Total Cache는 10년 넘게 꾸준한 인지도를 가지고 있는 플러그인입니다. 다만, 최근 몇 년간은 업데이트가 좀 뜸해지고, UI도 복잡해서 초보자들이 사용하기 어렵다는 평가도 많습니다. 높은 인지도를 가진 W3 Total Cache 속도 테스트를 통해, 이 플러그인이 어떻게 페이지 캐시, 데이터베이스 캐시, 오브젝트 캐시, 브라우저 캐시 등 여러 캐시 유형을 활용했을…

  • WooCommerce 설치 및 설정 | 전자상거래는 워드프레스 우커머스 플러그인으로 시작하는 이유

    WooCommerce는 워드프레스 전용 전자상거래 플랫폼입니다. 워드프레스 CMS는 상상하는 모든 사이트를 만들 수 있으며 그 중에 전자상거래 웹사이트가 하나입니다. 전자상거래 플랫폼으로 Woocommerce vs Shopify 로 비교하면 WooCommerce에 손을 들어주고 싶습니다. 왜냐하면 워드프레스 블로그를 운영하면서 검색 엔진 최적화 플러그인을 사용할 수 있기 때문입니다. “WooCommerce”라는 이름은 기대감과 즐거움을 상징하는 감탄사 “Woo”와, 상거래를 뜻하는 “Commerce”의 합성어입니다. 즉,…

  • Clearfy 자산 관리자 설정 방법

    워드프레스 캐시 플러그인 중 Clearfy 자산 관리자 설정을 사용해서 워드프레스 사이트 내에서 사용하지 않는 CSS 및 JS를 비활성화 할 수 있습니다. 일반적인 캐시 플러그인이 가지고 있지 않은 기능으로 특정 CSS 또는 JS 파일이 무거운 경우 비활성화를 진행할 수 있습니다. 목차1. 이미지 최적화와 WebP2. Image Optimizer 방법2.1 워드프레스 이미지 최적화 플러그인2.2 Image Optimizer 지원…

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

    워드프레스로 사이트를 운영하는 중에 .htaccess 파일 기본 설정이 필요할 때가 있습니다. 워드프레스 htaccess 기본 설정은 일반 사이트와 멀티 사이트 용으로 나뉩니다. FTP 또는 SSH 등으로 .htaccess 파일이 없는 경우 확인이 되면 아래 내용을 참조해서 생성하면 되겠습니다. 목차1. 이미지 최적화와 WebP2. Image Optimizer 방법2.1 워드프레스 이미지 최적화 플러그인2.2 Image Optimizer 지원 CDN 사용✅ 워드프레스…