[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

  • Ghost CMS에 cPanel Nodejs 설치 및 관리 방법

    Node.js는 Chrome V8JavaScript 엔진 기반 JavaScript 런타임입니다. 보통 기존 JavaScript보다 Node.js를 사용할 경우 웹 사이트의 속도가 빠른 것으로 생각할 수 있으며, 사용 중인 호스팅에서 cPanel Nodejs를 지원할 경우 설정하는 방법에 대해 알아 보겠습니다. Node.js는 오픈 소스 Javascript 런타임 환경으로, 웹 호스팅 서버에서 클라이언트의 웹 브라우저 대신 Javascript 코드를 실행시키기 위해 사용됩니다. Node.js는 웹 페이지의…

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

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

  • Autoptimize: 워드프레스 최적화 플러그인

    워드프레스 성능 향상을 위한 방법으로 캐시 플러그인 외 최적화 플러그인 설치를 고려할 수 있습니다. 대표적인 성능 향상 플러그인으로 Autoptimize, Asset CleanUp, Perfmatters 이 세 가지 플러그인을 들 수 있습니다. 3개의 플러그인은 코드 및 리소스 최적화 분야에서 가장 대표적으로 언급되는 워드프레스 성능 향상 플러그인들입니다. 캐시 플러그인은 페이지 로딩 속도를 빠르게 하기 위해 서버 부담을…

  • 워드프레스 고유주소(Permalink)와 슬러그

    워드프레스 고유주소(Permalink, 영구링크, 고유링크 등)는 도메인 뒤에 붙는 게시물이나 페이지의 전체 URL 주소를 제공합니다. 특정 콘텐츠에 엑세스하는 데 사용되는 Permalink는 워드프레스 콘텐츠의 영구적인 주소로써 URL이 필요한 모든 워드프레스 콘텐츠에 사용됩니다. 목차1. 이미지 최적화와 WebP2. Image Optimizer 방법2.1 워드프레스 이미지 최적화 플러그인2.2 Image Optimizer 지원 CDN 사용 워드프레스 고유주소 일반설정을 사용하면 안되는 이유 워드프레스를…

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

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

  • Clearfy 설정 가이드: 워드프레스 성능 최적화

    워드프레스 사이트의 속도를 높이기 위해 캐시 플러그인을 고려할 때, Clearfy Cache는 단순한 캐시 플러그인을 넘어 워드프레스 전반을 최적화하는 통합 도구로 평가받고 있습니다. 이 글에서는 Clearfy의 주요 기능과 설정 방법을 단계별로 살펴보고, 실제 사이트에서 성능을 높이기 위한 실전 팁을 함께 정리했습니다. WP Fastest Cache나 W3 Total Cache와 같이 캐시 플러그인이지만 캐시 기능보다 워드프레스 최적화…