빠른 로딩 페이지는 웹사이트를 탐색할 때 사용자에게 더 나은 경험을 제공하고 웹사이트의 검색 엔진 순위를 향상시킵니다. 많은 요인이 페이지 로딩 속도를 느리게 만드는 데 기여할 수 있지만 이미지는 페이지 속도에 가장 큰 영향을 미치는 경향이 있으며 평균 웹 페이지의 전체 크기의 약 절반을 나타냅니다.
HTTP Archive State of Images 보고서에 따르면 웹 페이지의 중간 이미지 요청 수는 25개로 데스크톱 브라우저에서 988.5KB, 모바일에서 881.9KB의 중간 가중치에 기여합니다. 웹 페이지에 있는 이미지의 총 중량은 매년 계속 증가하여 시간이 지남에 따라 빨라지는 인터넷 속도의 이점을 무효화합니다.
GTMetrix, Google PageSpeed Insights 또는 Pingdom 웹사이트 속도 테스트와 같은 웹사이트 성능 도구를 사용해 본 적이 있다면 얼마나 많은 이미지가 성능 점수를 손상시킬 수 있는지 직접 알 수 있습니다. 따라서 이미지의 전체 공간이 페이지 로딩 시간을 증가시키지 않도록 웹사이트에 표시되는 모든 이미지를 최적화하는 것이 중요합니다.
출처:"이미지의 단계" – httparchive.org
과거에는 워드프레스 코어 버전이 성능 도구를 제공하지 않기 때문에 워드프레스에 업로드하기 전에 사진 편집기를 사용하여 각 이미지를 최적화해야 했습니다. 고맙게도 이 시간 소모적인 작업은 WordPress 이미지 최적화 플러그인으로 더 이상 필요하지 않습니다. 이제 WordPress 미디어 라이브러리에 업로드된 모든 이미지를 자동으로 압축하여 열심히 일하세요.
웹사이트의 페이지 로딩 시간을 개선하는 데 도움이 되도록 WordPress 이미지 최적화가 작동하는 방식을 설명하고 사용 가능한 최고의 WordPress 이미지 압축 플러그인을 비교하겠습니다.
워드프레스 이미지 최적화 플러그인의 기능은 무엇입니까?
WordPress 이미지 최적화의 전반적인 목표는 품질에 눈에 띄는 영향을 미치지 않으면서 이미지 파일의 크기를 줄이는 것입니다. 이것은 여러 가지 방법으로 달성할 수 있습니다.
- 이미지 해상도 줄이기 – 이미지의 너비와 높이 줄이기
- 메타데이터 제거 – 생성 날짜, 셔터 속도, 저작권 정보, 위치 등 ExiF 메타데이터 제거
- 이미지 압축 – 이미지 품질 저하
- 이미지 형식 변경 – 이미지를 보다 효율적인 이미지 형식으로 변환
WordPress용 이미지 최적화 플러그인은 다양한 기능을 제공하지만 일반적으로 유사한 방식으로 작동합니다.
이미지 압축과 관련하여 이미지를 업로드하는 즉시 이미지를 수동으로 압축하거나 자동으로 압축하도록 선택할 수 있습니다. 대량 압축을 사용하여 전체 WordPress 미디어 라이브러리를 최적화할 수 있습니다. 이것은 이전에 업로드한 이미지의 파일 크기를 줄이는 실용적인 방법이지만 한 번에 너무 많은 이미지가 웹사이트에서 직접 처리되는 경우 WordPress 웹사이트 속도가 일시적으로 느려질 수 있습니다.
무손실을 사용하여 이미지를 최적화할 수 있습니다. 또는 손실 압축. 무손실 압축을 사용하면 원본 이미지 품질이 유지되지만 파일 크기를 줄이기 위해 이미지에서 불필요한 메타데이터를 제거할 수 있습니다. 제거된 메타데이터를 저장하고 나중에 원본 이미지를 복원하는 것도 가능합니다.
손실 압축이 더 공격적입니다. 이로 인해 파일 크기가 작아지지만 이미지 품질이 저하됩니다. 손실 압축을 사용하여 이미지를 압축하면 원래 품질로 복원할 수 없습니다. 메타데이터는 원하는 경우 이미지에 보존할 수 있지만 제거하면 나중에 검색할 수 없습니다. 고맙게도 많은 WordPress 이미지 최적화 플러그인이 이 문제를 해결하여 나중에 복원할 수 있도록 원본 이미지를 유지할 수 있습니다.
각 압축 방법에는 장단점이 있지만 손실 압축은 이미지 파일 크기를 가장 크게 줄여 페이지 로드 시간을 가장 크게 개선하므로 대부분의 웹 사이트 소유자가 선호합니다. WordPress용 이미지 최적화 플러그인을 사용하면 lossy를 사용할 때 적용되는 압축 정도를 제어할 수 있지만, 압축을 많이 하면 이미지 품질이 더 많이 손실된다는 사실을 염두에 두십시오.
| 압축 유형 | 장점 | 단점 |
|---|---|---|
| 무손실 | 이미지 품질 손실 없음 | 이미지 파일 크기가 크게 줄어들지 않음 |
| 손실 | 이미지 파일 크기 대폭 절감 | 압축된 이미지의 품질이 낮습니다. |
인기 있는 WordPress 이미지 압축 플러그인은 페이지 로드 시간에서 이미지의 무게를 줄이기 위한 여러 추가 도구를 제공합니다.
- 지연 로딩 – 사용자가 페이지의 해당 부분으로 스크롤할 때만 이미지를 표시하여 초기 페이지 로드 시간 개선
- CDN 이미지 호스팅 – KeyCDN 또는 Cloudflare와 같은 콘텐츠 전송 네트워크를 사용하여 글로벌 이미지 전송 속도를 높입니다(Jetpack의 버전은 Site Accelerator라고 합니다!)
- 적응형 이미지 – 사용자가 사용하는 기기에 따라 정확한 크기의 이미지 제공
- WebP 이미지 지원 – 효율적인 WebP 이미지 형식에 대한 기본 지원
지난 몇 년 동안 가장 큰 발전 중 하나는 현재 인터넷 브라우저의 95% 이상이 지원하는 Google의 WebP 이미지 형식을 채택한 것입니다. Google은 이 이미지 형식이 뛰어난 무손실 및 손실 압축을 제공한다고 밝혔습니다. WebP 이미지는 PNG 이미지보다 26% 작고 JPEG 이미지보다 25-34% 작습니다.
글을 쓰는 시점에서는 아쉽게도 워드프레스에서 WebP 이미지 파일을 업로드하거나 볼 수 없으므로 JPEG 및 PNG 이미지를 업로드하고 이미지 최적화 플러그인 또는 WebP Converter for Media와 같은 WebP 변환 플러그인을 사용하여 변환해야 합니다. 내 개인 블로그에서 Cloudflare의 서버에서 이미지를 압축하는 Cloudflare의 폴란드어 이미지 압축 도구를 사용하여 기사에 WebP 이미지를 표시하고 있습니다.
참조할 수 있는 다른 이미지 형식은 AVIF 및 JPEG XL이지만 현재로서는 이에 대한 훌륭한 브라우저 지원이 없습니다.
최고의 WordPress 이미지 최적화 플러그인(테스트 결과 포함)
Smush, EWWW Image Optimizer, Imagify, Optimole, ShortPixel, WP Compress 및 TinyPNG와 같이 오늘날 시장에서 가장 우수한 WordPress 이미지 최적화 플러그인이라고 생각하는 플러그인을 자세히 살펴보겠습니다.
각 플러그인을 사용하여 파일 크기를 줄이는 방법을 보여주기 위해 가능한 한 무손실 및 손실 압축을 사용하여 동일한 JPEG 이미지와 PNG 파일을 압축했습니다.
이 기사의 뒷부분에서도 살펴볼 요소는 비용입니다. 대부분의 WordPress 이미지 최적화 솔루션은 프리미엄 모델로 출시되므로 코어 버전이 어떤 식으로든 제한될 것으로 예상해야 합니다. 일부 최적화 플러그인은 기능을 제한하지만 이미지 압축 횟수가 제한되는 것도 일반적입니다. 따라서 선호하는 이미지 최적화 솔루션을 장기간 사용하려면 월 사용료를 지불해야 할 수도 있습니다.
사용 가능한 구성 옵션이 솔루션마다 다르고 각 플러그인의 무료 버전과 프리미엄 버전 간에도 다르기 때문에 이미지 최적화 성능을 공정하게 테스트하는 것은 어렵습니다. 따라서 더 널리 사용되는 각 WordPress 플러그인의 무료 버전을 사용하여 테스트를 수행했습니다. 일부 솔루션의 최대 파일 크기 업로드를 준수하기 위해 WordPress에 업로드하기 전에 두 테스트 이미지의 크기를 2,000픽셀로 조정했습니다. 모든 테스트 중에 이미지에서 메타데이터도 제거되었습니다.
각 워드프레스 이미지 압축 플러그인의 무료 버전의 성능을 살펴보겠습니다.
| WordPress 플러그인 | 압축 유형 | JPEG 최적화 | PNG 최적화 | 메모 |
|---|---|---|---|---|
| 스무쉬 | 무손실 및 손실 | 5.6% | 13.3% | Smush 무료 버전은 썸네일 이미지만 최적화하므로 압축 테스트에는 썸네일 이미지가 사용되었습니다. |
| EWWW 이미지 최적화 | 무손실 및 손실 | 87.9% | 53.8% | WebP를 사용하여 얻을 수 있는 최고의 절감 효과 |
| 상상화 | 무손실 및 손실 | 85.6% | 70% | 파일 업로드 제한으로 인해 JPEG에 사용되는 더 작은 이미지 |
| 최적화 | 무손실 및 손실 | 91.6% | 44.4% | 이미지 품질 설정을 변경해도 PNG 파일 크기에는 영향을 미치지 않습니다. |
| 짧은 픽셀 | 무손실 및 손실 | 93.4% | 67.3% | WebP는 품질과 파일 크기의 최상의 균형을 제공했습니다. |
| WP 압축 | 무손실 및 손실 | 89.1% | 48.3% | WebP 이미지 파일이 세 가지 대체 압축 모드보다 컸습니다. |
| JPEG 및 PNG 이미지 압축 | 손실 | 86.3% | 55.3% | 압축 수준은 하나만 사용할 수 있습니다. |
이러한 이미지 테스트는 각 솔루션이 내 샘플 이미지를 처리하는 방법을 보여주는 데 도움이 되지만 각 솔루션이 다른 수준의 압축을 적용하기 때문에 이러한 유형의 비교는 결정적이지 않다는 점을 기억하십시오. 또한 압축된 이미지의 품질을 분석하여 공정하게 비교하는 것도 어렵습니다.
이러한 WordPress 플러그인과 이러한 결과가 어떻게 계산되었는지 더 잘 이해하려면 🙂
를 읽어보세요.1. 스매쉬
백만 개 이상의 활성 설치가 있는 Smush는 현재 인터넷에서 WordPress용으로 가장 인기 있는 이미지 최적화 플러그인입니다. 플러그인은 지연 로딩을 훌륭하게 지원하며 대량 최적화 도구는 WordPress 미디어 라이브러리 또는 WordPress 업로드 디렉토리 외부의 이미지 디렉토리에서 한 번에 최대 50개의 이미지를 압축할 수 있습니다. 컨테이너에 비해 너무 작거나 큰 이미지를 감지하는 멋진 기능도 있습니다.
Smush에서는 최대 5MB 크기의 PNG, JPEG, GIF 이미지 파일을 무료로 압축할 수 있습니다. 모든 이미지는 무손실 압축을 사용하여 최적화할 수 있으며 원하는 최대 너비와 높이로 크기를 조정할 수 있습니다. 다중 패스 손실 압축을 사용하여 두 배의 최적화를 약속하는 새로운 "Super-Smush" 옵션도 사용할 수 있습니다.
귀찮게도 업그레이드를 하지 않으면 풀사이즈 이미지가 최적화되지 않아 썸네일 이미지만 압축됩니다.
Smush의 최적화 제한으로 인해 테스트 이미지의 전체 크기 버전을 압축할 수 없었습니다. 내 이미지 축소판만 Smush에 의해 압축되었습니다. 워드프레스 5.3에서 1,536×1,536픽셀과 2,048×2,048픽셀의 새로운 썸네일 크기를 도입한 이후로 각 테스트 이미지에 대해 생성된 가장 큰 썸네일의 너비는 1,536픽셀이었습니다.
Smush가 활성화되기 전에 생성된 원본 이미지 축소판 WordPress를 Smush가 처리한 압축 축소판 이미지와 비교하여 Smush를 공정하게 테스트하려면 해결 방법을 사용해야 했습니다.
결과에 따르면 Smush는 내 JPEG 썸네일 이미지를 5.6%, PNG 썸네일 이미지를 13.3% 줄일 수 있었습니다.
| 이미지 유형 | 이미지 크기 | 썸네일 크기 | 썸네일 크기 무손실 | 최적화 |
|---|---|---|---|---|
| JPEG | 4.06MB | 422KB | 398KB | 5.6% (24KB) |
| PNG | 327.5KB | 316KB | 274KB | 13.3% (42KB) |
무료 사용에도 불구하고 Smush의 무료 버전은 축소판 이미지만 압축할 수 있고 내가 사용한 무손실 압축은 이미지 파일 크기를 크게 줄이지 않았기 때문에 너무 제한적이라는 것을 알았습니다. "Super Smush"는 향상된 손실 압축을 제공하지만 Smush Pro는 훨씬 더 나은 경험을 제공합니다.
Smush Pro는 이미지 파일 크기에 대한 제한이 없으며 대량 최적화 도구를 사용하면 한 번의 클릭으로 무제한의 이미지를 압축할 수 있습니다. 원본 이미지도 저장할 수 있으며 WebP 파일을 지원합니다. 또 다른 판매 포인트는 Smush Pro의 콘텐츠 전송 네트워크로, 전 세계 45개 위치에서 이미지를 전송할 수 있는 10GB의 월간 대역폭을 제공합니다.
Smush Pro는 모든 프리미엄 WPMU Dev 계획에 포함되어 있습니다. WPMU Dev용 단일 라이선스는 연간 $90에 판매되며, 이는 월 $7.50의 유효 요금입니다. 이것은 무제한 이미지 저장, 5GB의 CDN 저장 및 5GB의 웹사이트 백업 저장을 제공합니다. 상위 계층 요금제는 추가 CDN 및 백업 스토리지를 제공합니다.
Smush의 장점
- 월 사용료가 없는 무제한 이미지 압축
- WordPress가 아닌 디렉토리의 이미지를 압축할 수 있습니다.
- 많은 유용한 사용자 정의 옵션 및 타사 WordPress 플러그인에 대한 뛰어난 지원
- Smush Pro는 가격 경쟁력이 있으며 콘텐츠 전송 네트워크 사용이 포함됩니다.
Smush의 단점
- 무료 버전은 이미지 미리보기 이미지만 최적화합니다.
- 무료 버전은 파일 크기를 5MB로 제한합니다.
- WebP 지원 및 무제한 대량 이미지 최적화를 위해 Smush Pro로 업그레이드해야 합니다.
2. EWWW 이미지 최적화 도구
EWWW Image Optimizer는 몇 년 동안 내 웹사이트에서 사용해 왔기 때문에 잘 알고 있는 WordPress 플러그인입니다. 압축되는 이미지의 수와 업로드되는 이미지의 크기에 대한 제한이 없기 때문에 사용할 수 있는 최고의 무료 WordPress 이미지 최적화 플러그인 중 하나입니다.
EWWW Image Optimizer는 JPEG, PNG, SVG 및 GIF 이미지 압축을 지원합니다. 이미지 크기를 조정할 수 있고 WebP와 같은 다른 이미지 형식으로 변환할 수 있습니다. 대량 최적화 도구는 이미지를 무제한으로 처리할 수 있으며 압축 후에도 원본 파일을 보관할 수 있습니다. 디렉토리의 서버 경로를 지정하여 WordPress 외부에서 최적화를 예약하고 미디어를 최적화할 수도 있습니다.
EWWW Image Optimizer의 핵심 버전은 개발자가 Pixel Perfect라고 부르는 JPG, PNG 및 GIF 이미지에 대한 무손실 압축을 제공합니다. 프리미엄이라는 손실 압축 모드도 PNG에 대해 무료로 사용할 수 있습니다.
손실 압축을 사용하면 PNG 이미지를 49.6% 줄일 수 있지만 손실 없는 압축을 사용하여 JPEG 및 PNG 테스트 이미지를 3.8% 줄일 수 있었습니다.
| 이미지 유형 | 이미지 크기 | 무손실 | 최적화 | 손실 | 최적화 |
|---|---|---|---|---|---|
| JPEG | 4.06MB | 3.88MB | 4.4% (177.5KB) | – | – |
| PNG | 327.5KB | 315KB | 3.8% (12.5KB) | 162.6KB | 49.6% (164.9KB) |
이미지를 WebP로 변환하여 더 큰 파일 축소를 보았습니다. 손실 압축을 사용했을 때 JPEG 이미지는 87.9%, PNG 이미지는 53.8% 감소했습니다.
| 이미지 유형 | 이미지 크기 | WebP – 무손실 | 최적화 | WebP – 손실 | 최적화 |
|---|---|---|---|---|---|
| JPEG | 4.06MB | 492.8KB | 87.9% (3.57MB) | – | – |
| PNG | 327.5KB | 224.1KB | 31.6% (103.4KB) | 151.3KB | 53.8% (176.2KB) |
EWWW Image Optimizer의 프리미엄 버전은 단일 라이선스에 대해 월 $7에 판매됩니다. 이 버전은 PDF 문서 압축에 대한 지원을 추가하고 세 가지 손실 압축 모드의 잠금을 해제합니다. 또한 이미지를 볼 때 자동으로 압축, 변환 및 크기 조정하는 적응형 이미지 최적화 CDN인 Easy Image Optimizer가 포함되어 있습니다. Javascript 및 CSS 성능 도구도 사용할 수 있습니다.
그들의 CDN은 미국과 유럽에 위치하며 200GB의 대역폭이 단일 라이선스 사용자에게 제공됩니다. 월 $15 라이선스로 10개의 웹사이트에서 EWWW Image Optimizer Pro를 사용할 수 있을 뿐만 아니라 글로벌 CDN 제공 및 400GB의 대역폭을 사용할 수 있습니다.
EWWW 이미지 최적화 도구의 장점
- 이미지 파일 크기 제한 없음
- 월 사용료가 없는 무제한 이미지 압축
- WebP 이미지 변환으로 파일 크기가 크게 줄어듭니다.
- 대량 최적화 도구를 사용하면 한 번의 클릭으로 모든 이미지를 최적화할 수 있으며 WordPress가 아닌 디렉터리가 지원됩니다.
EWWW 이미지 최적화도구의 단점
- 손실 압축은 프리미엄 버전의 JPEG에만 사용할 수 있습니다.
- 글로벌 CDN은 월 $15 프리미엄 플랜에서만 사용할 수 있습니다.
3. 상상
Imagify는 WordPress 캐싱 플러그인 WP Rocket의 개발자가 만든 WordPress 이미지 최적화 서비스입니다. 플러그인을 사용하면 JPEG, PNG, GIF 및 PDF 파일 형식을 변환할 수 있습니다.
Imagify WordPress 플러그인을 사용하려면 해당 플러그인으로 계정을 만들고 플러그인 설정 영역에 제공된 API 키를 입력해야 합니다.
Imagify는 모든 설정을 한 페이지에 표시하는 단순화된 사용자 인터페이스를 채택했습니다. 이 접근 방식은 많은 웹사이트 소유자에게 매력적이지만 고급 사용자는 사용 가능한 구성 옵션이 부족하여 제한을 받을 수 있습니다.
업로드 시 이미지를 자동으로 최적화하고, 원본 이미지를 유지하고, 메타데이터를 제거하고, 최적화에서 축소판 크기를 제외하는 옵션이 있습니다. 이미지는 지정된 최대 너비로 크기를 조정할 수 있으며 최적화할 사용자 정의 폴더에서 이미지를 선택할 수 있습니다. Imagify는 WebP 이미지 형식도 지원하며 콘텐츠 전달 네트워크에서 WebP 이미지를 전달할 수 있습니다.
일괄 최적화는 별도의 페이지에서 수행할 수 있습니다. 디렉토리 내의 모든 이미지에 원하는 압축 수준을 빠르게 적용할 수 있는 방법입니다.
Imagify는 Normal, Aggressive 및 Ultra의 세 가지 압축 옵션을 제공합니다. 일반은 무손실 압축을 사용하는 반면 공격적이고 매우 손실을 사용합니다. 개발자는 공격적 모드를 사용한 품질 차이가 거의 눈에 띄지 않지만 울트라 모드에서 이미지 품질 저하가 나타날 수 있다고 경고합니다.
Imagify의 멋진 점은 언제든지 다른 압축 설정을 사용하여 이미지를 다시 최적화할 수 있다는 것입니다. Imagify의 이미지 비교 도구를 사용하여 압축된 이미지의 품질을 원본 이미지와 비교할 수도 있습니다.
불행히도 Imagify는 무료 계정의 파일 업로드를 2MB로 제한하므로 JPEG 파일을 테스트하기 위해 JPEG 이미지 너비를 2,000픽셀에서 1,350픽셀로 줄여야 했습니다. 이 더 작은 이미지를 사용하여 손실 압축은 이미지 파일 크기를 39.9% 줄일 수 있었고 손실 압축은 85% 및 85.6% 줄였습니다.
내 PNG 이미지에서 손실 압축은 파일 크기를 10% 줄였습니다. 대신 손실 압축을 선택하면 절감 효과가 68.6%와 70%로 증가했습니다.
| 이미지 유형 | 이미지 크기 | 무손실(일반) | 최적화 | 손실(공격적) | 최적화 | 손실(울트라) | 최적화 |
|---|---|---|---|---|---|---|---|
| JPEG | 1.93MB | 1.16MB | 39.9% (0.77MB) | 289.37KB | 85% (1.64MB) | 277.3KB | 85.6% (1.65MB) |
| PNG | 327.5KB | 294.5KB | 10% (33KB) | 102.9KB | 68.6% (224.6KB) | 98.1KB | 70% (229.4KB) |
Imageify의 무료 계획은 관대함과는 거리가 멉니다. 파일 업로드를 각각 2MB로 제한하는 것 외에도 매월 20MB의 압축만 할당할 수 있으며 할당량에 대해 추가 GB당 8달러가 청구됩니다. 그들은 200개의 이미지에 20MB가 적합하다고 조언하지만 40~50개의 이미지가 더 나은 추정치라고 생각합니다.
그들의 성장 계획은 한 달에 $4.99에 판매됩니다. 매월 500MB의 압축을 허용하고 할당량에 대해 추가 GB당 5달러를 청구합니다. 월 $9.99 무제한 요금제는 무제한 압축을 허용합니다.
Imagify의 장점
- 사용하기 쉬운 다채로운 사용자 인터페이스
- 언제든지 다른 압축 방법을 사용하여 이미지를 다시 최적화할 수 있습니다.
- 개별 디렉토리에서 일괄 최적화 처리 가능
Imagify의 단점
- 압축이 다른 솔루션보다 느린 것으로 나타났습니다.
- 월 20MB의 이미지 압축은 Imagify의 무료 요금제가 서비스 테스트에만 적합하다는 것을 의미합니다.
- 고급 사용자는 사용자 지정 옵션이 부족하여 답답함을 느낄 수 있습니다.
4. 옵티몰
Optimole은 이미지를 즉석에서 압축한 다음 사용 중인 장치를 기반으로 사용자에게 올바른 이미지를 제공하는 클라우드 기반 WordPress 이미지 최적화 플러그인입니다. 이 회사는 Amazon의 콘텐츠 전송 네트워크인 Cloudfront를 사용하여 전 세계 225개 이상의 위치에서 방문자에게 이미지를 제공합니다.
모든 이미지 유형은 Optimole에서 지원됩니다. 방문자의 브라우저가 지원하는 경우 이미지도 WebP 형식으로 제공되지만 이미지는 여전히 원본 파일 확장자를 사용합니다.
Imagify와 마찬가지로 Optimole의 서비스를 사용하려면 계정을 만들어야 합니다. 그들의 무료 요금제는 웹사이트에서 월간 방문자가 5,000명을 초과하지 않는 한 서비스에 대한 전체 액세스를 제공합니다.
계정 API 키를 입력하면 WordPress Media 메뉴에 Optimole의 설정 페이지가 표시됩니다. 여기에 크기 조정 및 지연 로드, 이미지 크기 조정 및 스마트 이미지 자르기에 대한 옵션이 표시됩니다. 모든 이미지 URL을 최적화된 이미지 URL로 교체하고 모든 이미지를 Optimole의 서버로 오프로드하는 옵션도 있습니다. 이미지도 최적화에서 제외할 수 있습니다.
무손실 또는 손실 압축에 대한 참조는 표시되지 않습니다. 대신 Optimole을 사용하면 값 50에서 100 사이의 모든 이미지에 대한 이미지 품질을 설정할 수 있습니다. 낮음(55), 중간(75) 및 높음(90) 이미지 품질에 대한 사전 설정을 통해 시작 위치에 대한 아이디어를 얻을 수 있습니다.
기본 Optimole 웹 사이트에서 이미지 크기를 조정하고 필터를 적용하고 밝기, 대비 및 채도를 조정할 수 있습니다. 워터마크를 적용할 수도 있으며 트래픽 통계를 볼 수 있는 전용 메트릭 페이지가 있습니다.
Optimole의 적응형 전달은 사용 중인 장치에 관계없이 모든 방문자가 이미지를 빠르게 로드할 수 있도록 합니다. 이미지가 동적으로 전달되기 때문에 Optimole은 특정 이미지 파일이 얼마나 축소되었는지 표시하지 않습니다. 그래서 이미지가 어떻게 압축되는지 확인하기 위해 이미지 품질을 미리 정의된 낮음, 중간, 높음으로 설정했습니다. 각 설정에 대해 데스크톱 브라우저에서 테스트 이미지를 보고 파일을 컴퓨터에 다운로드했습니다.
JPEG에 대한 결과는 인상적이었습니다. 낮은 설정을 사용해도 이미지 품질은 여전히 괜찮아 보였고 파일 크기를 91.6% 줄였습니다. 중간 및 높음 설정을 사용하여 이미지 파일은 여전히 각각 88% 및 70.7% 떨어졌습니다.
With my JPEG image, Optimole changed the quality of the image as soon as I reloaded the page. Unfortunately, this did not happen with my PNG image, with the optimized file being 182 KB in size whatever image quality setting I chose. I spent over an hour changing settings and re-uploading the image, but the result was always the same.
| Image Type | Image Size | Low | Optimization | Medium | Optimization | High | Optimization |
|---|---|---|---|---|---|---|---|
| JPEG | 4.06 MB | 342 KB | 91.6% (3.72 MB) | 487 KB | 88% (3.57 MB) | 1.19 MB | 70.7% (2.87 MB) |
| PNG | 327.5 KB | 182 KB | 44.4% (145.5 KB) | 182 KB | 44.4% (145.5 KB) | 182 KB | 44.4% (145.5 KB) |
All Optimole users can use the full service and deliver images on the fly from Amazon Cloudfront, but each plan is limited by the number of monthly visits their websites receive. As the free plan allows 5,000 monthly visitors, it may be suitable for small websites.
For $22.90 per month, the starter plan will increase your limit to 25,000 monthly visitors. The price drops to an effective rate of $19.08 per month if paid annually. The business plan increases your limit to 100,000 monthly visitors and permits you to serve images from your own custom domain. It retails at $47 per month or an effective monthly rate of $39.08 if paid annually.
Pros of Optimole
- Automates all aspects of image optimisation
- Delivers correctly sized adaptive images from over 225 locations around the world
- Complete control over what level of compression is used
- Watermarks can be automatically applied to all images
Cons of Optimole
- No way to optimise images individually
- Cannot use unique image quality settings for different image formats
- More expensive than alternative solutions
5. ShortPixel
ShortPixel is a cloud-based WordPress image optimizer plugin that supports JPG, PNG, GIF, PDF, WebP, and AVIF file formats. In addition to lossless and lossy image compression, ShortPixel also offers an image compression option in the middle which they call “Glossy Compression”. This is simply their marketing term for lossy compression that is not too aggressive.
You will need to create an account with ShortPixel to use their service. When you sign up, you will automatically opt into their free plan, which allows up to 150 images to be compressed every month.
From the plugin settings area, you can choose to strip metadata, optimize thumbnails, resize large images and keep a backup of original images. There are also options for optimizing images from non-WordPress directories, converting PNGs to JPGs, and excluding thumbnail sizes. WebP and AVIF versions of images can be created too, but be aware that ShortPixel charges an additional image credit each time you do this.
If you enter your Cloudflare API key, ShortPixel will update the stored image on Cloudflare’s cache whenever you optimize or change the image. This saves you from having to clear your Cloudflare cache manually.
The ShortPixel service also offers an adaptive image service. This allows you to display optimized WebP and AVIF images on the fly from locations across the globe, with each image being correctly resized for the visitor’s device. ShortPixel Adaptive Images is actually an alternative solution to the main service so you need to sign up for a separate plan and install a separate WordPress plugin to add this functionality to your website. Their free adaptive image plan includes 750 MB of CDN traffic every month.
As ShortPixel allows you to retain the original image file, you can re-optimize an image using a different compression level at any time.
Apart from lossless, the file reductions were impressive across the board. The biggest saving came from using lossy compression, which reduced my JPG image by 93.4% and my PNG image by 67.3%.
| Image Type | Image Size | Lossless | Optimization | Glossy | Optimization | Lossy | Optimization |
|---|---|---|---|---|---|---|---|
| JPEG | 4.06 MB | 3.78 MB | 6.9% (0.28 MB) | 373 KB | 90.8% (3.7 MB) | 267 KB | 93.4% (3.79 MB) |
| PNG | 327.5 KB | 315 KB | 3.8% (12.5 KB) | 158 KB | 51.8% (169.5 KB) | 107 KB | 67.3% (220.5 KB) |
WebP images were only slightly larger than lossy images, but image quality was noticeably better.
| Image Type | Image Size | WebP | Optimization |
|---|---|---|---|
| JPEG | 4.06 MB | 351 KB | 91.4% (3.71 MB) |
| PNG | 327.5 KB | 148 KB | 54.8% (179.5 KB) |
ShortPixel’s premium monthly plans are highly competitive. Their cheapest plan allows 10,500 images to be compressed every month. It retails at $4.99 per month or an effective rate of $3.99 per month if paid annually. If you don’t want to commit to a monthly plan, you can buy one-off image compression packages. It only costs $9.99 for 15,000 images and $19.99 for 45,000 images.
A separate plan is required for ShortPixel’s adaptive image service, though the pricing structure is identical. 53 GB of monthly CDN traffic costs an effective rate of $3.99 per month. Alternatively, you can pay a one-off fee of $9.99 for 50 GB or $19.99 for 150 GB.
Pros of ShortPixel
- Impressive WordPress image compression
- Support for multiple image formats and non-WordPress directories
- Competitive monthly plans and the option to pay as you go
Cons of ShortPixel
- WebP and AVIF images cost an additional credit
- Lazy loading not available in the main plugin
- Adapative images is a separate solution altogether
6. WP Compress
WP Compress is an automated WordPress image optimizer plugin that has two optimization modes. Local Mode will compress images from the WordPress media library locally, whilst Live Mode delivers images to devices using WebP image files from a global content delivery network. Both modes support lazy loading, retina images, and adaptive images so that images are optimized for each device.
Unfortunately, no free plan is available for WP Compress, but when you create an account you will be opted into a seven-day trial to test the service.
From the main WP Compress dashboard, you can switch between optimization modes, view compression stats, and enable retina images, adaptive images, WebP images, and lazy loading. A separate page is available for bulk image optimization.
If you switch to pro settings, you’ll find additional options for stripping metadata, minifying Javascript and CSS, and more. WP Compress supports JPG, PNG, GIF, and SVG image types, but these can be excluded from content delivery if you wish
WP Compress offers lossless compression and two lossy compression modes called Intelligent and Ultra. In my tests, the Ultra setting was able to reduce the size of my JPEG image by 89.1% and my PNG image by 48.3%. Intelligent compression was just a little behind, at 87.2% and 44.6%, respectively.
Image file savings for lossless compression were surprisingly high, reducing my JPEG image by 81.2% and my PNG image by 43.1%. These savings are inconsistent with other lossless compression results, which suggests it wasn’t true lossless compression.
| Image Type | Image Size | Lossless | Optimization | Lossy Intelligent | Optimization | Lossy Ultra | Optimization |
|---|---|---|---|---|---|---|---|
| JPEG | 4.06 MB | 763.8 KB | 81.2% (3.30 MB) | 521.6 KB | 87.2% (3.54 MB) | 441.1 KB | 89.1% (3.62 MB) |
| PNG | 327.5 KB | 186.2 KB | 43.1% (141.3 KB) | 181.5 KB | 44.6% (146 KB) | 169.2 KB | 48.3% (158.3 KB) |
WebP files were larger than those compressed using lossless and lossy compression modes.
| Image Type | Image Size | WebP | Optimization |
|---|---|---|---|
| JPEG | 4.06 MB | 847 KB | 79.1% (3.21 MB) |
| PNG | 327.5 KB | 250 KB | 23.7% (77.5 KB) |
For $9 per month, the WP Compress personal plan allows 100,000 images to be optimized every month across five websites. If you upgrade to the $29 per month professional plan, your allowance increases to one million images across 25 websites.
Credits can be purchased if you do not want to sign up for a monthly plan. For a one-off payment of $29, you can compress 50,000 images and generate one million image requests from their content delivery network.
Pros of WP Compress
- Can switch between local and live compression modes at any time
- Adaptive images ensures the best image is delivered to users
- Support for WebP and all major image file types
- Competitive pricing and an option to pay as you go
Cons of WP Compress
- No free plan is available for WP Compress
- Lossless image compression appeared to be too aggressive
- Cannot optimise images outside of the WordPress media library
7. TinyPNG
TinyPNG is a simple WordPress image optimizer plugin that can optimize JPEG, PNG, and WebP images. It’s the official WordPress plugin of the popular optimization tool with the same name.
You will need to create an account with Tinify in order to use TinyPNG. Once you are signed up, you are eligible for 500 image compressions per month with their free plan.
New images can be automatically compressed in the background or during upload. If you prefer, you can manually compress images.
The original image and its associated thumbnails can be optimized. You can also resize the original image and select which metadata information is retained. Please be aware that if you compress the original image, the compressed image will overwrite the original file.
A separate page is available for bulk optimization which highlights the compression savings you have made so far.
TinyPNG uses lossy compression, but it does give you any control over the level of compression. The developers advise that on average, JPEG images are compressed by 40-60% and PNG images by 50-80%.
In my tests, TinyPNG reduced my JPEG image by 86.3% and my PNG image by 55.3%.
| Image Type | Image Size | Lossy | Optimization |
|---|---|---|---|
| JPEG | 4.06 MB | 557.2 KB | 86.3% (3.5 MB) |
| PNG | 327.5 KB | 146.5 KB | 55.3% (181 KB) |
Image compressions can be paid as and when you need them. This pay-as-you-go system will suit many smaller websites as the first 500 image compressions per month are free, but please remember that each thumbnail image you compress will also be counted towards your monthly allowance.
After 500 compressions, it costs $0.009 per compression for the next 9,500 compressions and then $0.002 per compression for the next 10,000 compressions. For example, it will cost $4.50 for 1,000 image compressions, $40.50 for 5,000 image compressions and $85.50 for 10,000 image compressions.
This pricing model makes TinyPNG an expensive solution if you’re compressing thousands of images every month.
Pros of TinyPNG
- One of the simplest image optimisation solutions available to WordPress users
- Bulk optimisation tool works well
- Pay as you go system will suit small websites
Cons of TinyPNG
- Only one image compression setting and no way to change image quality
- Original image is not retained if you choose to optimise it
- No support for non-WordPress directories
Final Thoughts
The days of getting away with a slow-loading website are over. You now need to give desktop and mobile visitors a fast browsing experience or your traffic is going to drop.
Whilst the core version of WordPress does not include any performance tools, you’ll find hundreds of performance and optimization WordPress plugins online that will help improve your page-loading times. WordPress caching plugins and minification tools are highly effective in creating static pages and reducing the size of pages, though you’re never going to have a fast website unless you optimize your images.
Here’s a quick overview of the WordPress image optimizer solutions that have been featured in this article.
| Plugin | Free | Premium | Summary |
|---|---|---|---|
| Smush | Unlimited image optimization for images under 5 MB | $5 Per Month | Smush Pro offers lazy loading, resizing and bulk optimization. The core version of the plugin allows lossless compression with thumbnail images and now has support for a multi-pass lossy compression called Super-Smush. Unlimited image compressions for only $5 per month makes Smush Pro one of the most affordable solutions available. |
| EWWW Image Optimizer | Unlimited image optimization and no restriction on image file size | $7 Per Month | With support for WebP image files and image format conversion, EWWW Image Optimizer is undoubtedly one of the best free WordPress image optimizer plugins. The premium version offers multiple lossy compression modes, performance tools and image delivery via a content delivery network. |
| Imagify | 20MB allocation per month for images under 2 MB | 500MB:$4.99 Per Month Unlimited:$9.99 Per Month | Imagify is a user-friendly image optimization plugin from the creators of WP Rocket. It does not offer many customization options, but it did what it promised and reduced image files considerably. Their free plan is only suitable for testing how Imagify works. |
| Optimole | 100% free to use up to 5,000 monthly visitors | 25,000 Visitors:$19.08 Per Month | Optimole does things differently by delivering optimized images to visitors based upon the device they are using. All images are delivered from Amazon’s global content delivery network of 225+ locations. Performance is incredible and the whole process is automated. |
| ShortPixel | 150 image compressions free per month | 10,500 images:$3.99 Per Month | ShortPixel supports all major image formats and gives you many different ways to compress and deliver images. A separate service is available which can display adaptive images from a global content delivery network. |
| WP Compress | No | 100,000 images:$9 Per Month | WP Compress is an interesting service that lets you choose to compress images locally or deliver adaptive images using a content delivery network. Unfortunately, no free plan is available for WP Compress, but there is a seven-day trial to test the service. |
| TinyPNG | 500 image compressions per month | 500:FREE Next 9,500:$0.009 10,000:$0.002 | TinyPNG is a simple solution that automates image compression. Apart from removing metadata, the plugin doesn’t allow you to change image quality, though image compression results were good. The pricing policy of TinyPG makes it an affordable solution for small website owners, but an expensive option for everyone else. |
I encourage you to test multiple image optimizer plugins for WordPress to see which one suits your needs best.
During the research of this article, I tested all of the above WordPress image compression plugins. There are pros and cons to each one and depending on the website you are optimizing, you may favor one solution over another. So you will need to consider functionality, budget, and image performance.
To help me draw a comparison, I used the same two images for all of my image tests. Please be aware that these results would have been different if the images had different file sizes and resolutions, which is another reason why it is important to test each WordPress plugin yourself.
Good luck.
Kevin