[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

  • TLS/SSL 보안인증서 종류(형식) 4가지와 기능

    SSL 인증서의 목적은  웹 사이트에 접속하기 전 기존 HTTP 프로토콜에서 HTTPS 프로토콜로 변경이 되면서 전송 된 데이터를 암호화 하여 데이터를 보호하는 목적을 가지고 있습니다. 이번에 TLS(SSL) 인증서의 종류에 대해 알아 보겠습니다. SSL 보안인증서 종류는 크게 싱글(Single)인증서, 멀티(Multi) 인증서, 와일드카드(WildCard), 엔터프라이즈(EnterPrise) 인증서 4개로 볼 수 있습니다. SSL 인증서 종류에 따라 어떤 점이 다른지 기능들을 살펴…

  • UpdraftPlus 플러그인 설정: 간편하고 안정적인 백업 작업

    UpdraftPlus 플러그인은 워드프레스 백업과 마이그레이션 작업을 할 수 있는 플러그인입니다. 프리 버전에서 3백만 명 이상의 활성 설치와 4.8점의 높은 평점을 받았으며, 간편하고 직관적인 인터페이스로 백업과 복원을 빠르고 간편하게 진행할 수 있습니다. 목차1. 이미지 최적화와 WebP2. Image Optimizer 방법2.1 워드프레스 이미지 최적화 플러그인2.2 Image Optimizer 지원 CDN 사용1️⃣ UpdraftPlus 설정 플러그인을 처음 설치 후…

  • [WP] 워드프레스 홈페이지 예시 List 9

    WordPress의 전 세계 점유율은 2023년 현재 43%에 달하고 있습니다. 10개 중 4개의 웹 사이트는 워드프레스로 만들었다는 뜻이지요. 블로그 기능으로 시작한 워드프레스는 전자상거래, 회사 홈페이지, 교육용, 엔터테인먼트 등 생각하는 모든 웹 사이트 구축이 가능한 워드프레스 홈페이지 예시에 대해 알아 보겠습니다. 목차1. 이미지 최적화와 WebP2. Image Optimizer 방법2.1 워드프레스 이미지 최적화 플러그인2.2 Image Optimizer 지원…

  • BackWPup Plugin 설치 및 설정

    BackWPup 플러그인은 인기 있는 워드프레스 백업 및 복원 플러그인 중 하나입니다. 프리 버전에서 50만 명 이상의 활성 설치와 지속적인 업데이트를 통해 안정성과 기능 향상이 이루어지고 있습니다. 이 페이지에서는 BackWPup 플러그인 설치 후 기본 설정 방법에 대해 알아 보겠습니다. 목차1. 이미지 최적화와 WebP2. Image Optimizer 방법2.1 워드프레스 이미지 최적화 플러그인2.2 Image Optimizer 지원 CDN…

  • 워드프레스 캐시 플러그인 WP Rocket 속도 테스트: 설정 전·후 성능 최적화 비교 분석

    WP Rocket 플러그인의 세팅 방법 및 할인된 가격 등에 대해 확인을 했습니다. 가장 보편적인 설정 이후에 WP Rocket 속도 테스트를 진행하였습니다. 크롬 개발자 도구의 DOMContentLoaded 및 구글 페이지 스피드 점수 2가지 항목으로 테스트를 진행합니다. WP Rocket의 설정 방법 및 가격 정보가 필요할 경우 아래 버튼을 눌러 확인할 수 있습니다. 목차1. 이미지 최적화와 WebP2….

  • 엔바토 엘리먼트란? $16.5 정기구독으로 2천여개 워드프레스 테마와 플러그인 사용

    엔바토 엘리먼트envato Elements는 스톡 비디오, 비디오, 음악과 음향효과, 그래픽, 사진, 글꼴을 정기구독으로 무제한 사용할 수 있는 서비스입니다. 그리고 워드프레스 테마와 플러그인, 드루팔, 줌라, 고스트 등의 CMS 템플릿 등을 사용할 수 있습니다. 이 모든 서비스는 $16.50 금액으로 크리에이트브 구독을 할 수 있습니다. 목차1. 이미지 최적화와 WebP2. Image Optimizer 방법2.1 워드프레스 이미지 최적화 플러그인2.2 Image…