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

공정위 광고 문구 Ver 2.0

이미지 최적화(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

  • 네임서버와 DNS 차이 & 대표적인 DNS 레코드 종류 4가지

    웹 사이트를 새롭게 시작하게 되면 도메인과 호스팅 서버를 알아보게 됩니다. 도메인을 연결 후 네임서버에 도메인을 연결해야 한다는 내용을 호스팅 회사의 홈페이지 또는 직원에게 안내를 받게 되면서 DNS와 네임서버란 단어를 처음 듣게 됩니다. 네임서버란? 네임서버name server는 도메인을 사용하는 서버에 연결해야 하는데 서버는 IP 주소를 가지고 있으며 기본적인 서버 단위를 Host라고 부릅니다. 인터넷 초창기에 도메인을…

  • WP Rocket 설정 가이드: 직관적 UI, 워드프레스 캐시 플러그인 $59의 가치

    WP Rocket은 워드프레스 캐시 플러그인입니다. 이 콘텐츠는 직관적인 인터페이스와 설정으로 관리하기 쉬운 WP Rocket 기본 설정 방법을 설명합니다. 워드프레스의 속도가 중요한 이유는 무엇보다 자연 검색 및 유료 광고에서 사용자가 이탈하지 않게 하는 것이 중요하기 때문입니다. WP Rocket은 간편한 설정과 함께 추가 기능의 80% 정도가 자동으로 작동하여 별도의 복잡한 관리 없이도 높은 효과를 발휘합니다….

  • [WP] 워드프레스 이미지 대체 텍스트와 제목 차이점 & 캡션이란?

    이미지는 글의 의미 전달 or 설명을 하는데 도움이 됩니다. SEO에서도 필수적인 요소로 자리 잡고 있습니다. 워드프레스를 사용할 경우 워드프레스 이미지 대체 텍스트는 무엇이며, Tltle(제목)과 캡션은 무엇인지 알아 보겠습니다. 1. 워드프레스 이미지 대체 텍스트 대체 텍스트(ALT text, alt tag)는 올바르게 만들어야 SEO에도 유리합니다. 사용하는 이미지는 필수로 Alt 택스트를 추가해야 하며, 가능하면 SEO키워드를 포함하는 것이…

  • [WP] 워드프레스 LCP(Largest Contentful Paint) 측정 방법 4가지와 해결 방법

    웹 사이트를 운영할 경우 SEO 측면에서 웹 사이트의 로딩 속도는 매우 중요한 요소입니다. 이번에는 워드프레스 LCPLargest Contentful Paint란 무엇이며, 중요한 이유와 개선하는 방법에 대해 알아 보겠습니다. LCP는 코어 웹 바이탈Core Web Vitals 지표 중 하나입니다. 코어 웹 바이탈(CWV) : 출처 클라우드플레어 ⓐ 로딩 속도를 측정하는 최대로 의미 있는 페인트(LCP)ⓑ 페이지 상호 작용성을 측정하는…

  • 클라우드웨이즈 도메인 연결 방법(DNS 및 A레코드)

    워드프레스 호스팅 서비스를 시작하기 위해 기본 사항 중 하나인 ‘클라우드웨이즈 도메인 연결’ 방법에 대해 알아 보겠습니다. 1️⃣ 클라우드웨이즈 도메인 연결 방법 여러 개의 애플리케이션(워드프레스 사이트)을 추가하여 운영할 수 있으며, Applications 탭을 클릭해서 연결할 사이트를 선택합니다. 왼쪽의 Domain Management를 클릭합니다. 임시 도메인은 도메인 연결 전 접속 후 작업을 할 수 있습니다. 후 Add Domain 버튼을…

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

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