워드프레스

초보자 필수 - 24년 워드프레스 이미지 최적화 Top 5

comtogood 2024. 9. 25. 22:42
728x90
반응형

워드프레스로 웹사이트를 운영하면서  제품이미지나 관련문서 이미지는 시각적인 효과를 극대화시키기 때문에 사진이나 이미지는 정말 중요한 구성요소입니다.  하지만 아주 고해상도의 이미지는 웹사이트 로딩시간을 초래하고 또 호스팅 서버의 저장공간의 한계를 염두에 두지 않으면 안 됩니다.

 

바로 이때 필요한 게 워드프레스의 이미지 최적화 플러그인들입니다.  HTTP Archive에 따르면 이미지는 평균적으로 웹페이지 무게의 40% 이상을 차지해서 온라인상에서 가장 많이 다운로드되는 리소스라고 합니다.

 

 

 

 

 

 

이미지 최적화 없이 고해상도의 이미지를 사용했을 때 문제점

 

 

 

 

 

1. 방문자가 웹사이트를 방문했을 때 웹사이트 로딩 시간이 느려져 웹사이트를 빠져나가 이탈률을 높이고  전환율을 감소시킵니다.

 

2. 구글서치로봇은 검색순위요소로 웹성능을 가장 중요하게 취급하고 있어서, 웹사이트의 성능이 좋지 않으면 SEO에 부정적인 영향을 줄 수가 있으며, 결국 웹사이트는 노출에서 밀려나가 됩니다.

 

3. 웹사이트를 사용하는 데 필요한 대역폭이 늘어나서 네트워크 환경이 좋지 않은 사용자들은 사실상 웹사이트에 접속하기 어려워집니다.  

 

4. 이제 전 세계 많은 이용자들은 PC환경보다는 모바일 환경에서 더 많은 검색량을 보이고 있습니다.

이미지 최적화 없이 운영되는 웹사이트는 로딩시간 지연으로 모바일 환경에서 후순위로 밀려나게 됩니다. 

 

 

1. 10Web Image Optimizer 

 

 

 

 

 

+ 소개

많은 플러그인 중에서 이  이미지 최적화 도구는 10,000개 이상의 활성화와 4.5점의 사용자 평점을 보유하고 있습니다. 한 달에 최대 50,000개의 이미지를 최적화할 수가 있습니다.  또한 최대 6페이지에서 페이지별로 최적화를 진행할 수가 있습니다. 

무료버전은 이미지압축, WEBP변환, 크기조절기능을 통해서 이미지파일을 최대 80%까지 줄일 수 있습니다.

 

+ 주요 특징

1. PNG, JPG, GIF, WEBP, PDF 형식 지원

2. 무손실, 손실, 최대 손실 압축 중에서 선택 기능

3. PNG, JPG -> WEBP로 변환

4. 대량 파일 최적화

5. 페이지당 최적화

6. 다양한 압축 "모드" 중에 선택

7. 심층 보고서 및 통계

 

 

 

 

2. ShortPixel Image Optimizer

 

 

+ 소개

이 플러그인 이미지 최적화 도구는 최적화 도구 중에 가장 인기가 있는 플러그인 중에 하나입니다.  300,000개 이상의 활성화와 4.5점 평점을 유지하고 있습니다.

ShortPixel Image Optimizer(SPIO)는 워드프레스 웹사이트에 설치하는 플러그인입니다.  워드프레스 웹사이트에 있는 이미지에 대해서만 최적화를 합니다. 

 

반면에 ShortPixel Adaptive Images(SPAI)는 웹사이트나 클라우드 스토리지에서 이미지를 다운로드하고, 이를 최적화 한 다음에 최적화 사본을 ShortPixel CDN에 저장을 하게 됩니다.

 

 

+ 주요 특징

1. JPEG, JPEG 2000, JPEG XR, PNG, GIF, PDF를 압축할 수 있습니다.

2. WEBP 및 AVIF, PNG를 JPG로 변환할 수 있습니다.

3. 손실압축, 광택압축, 무손실 압축 옵션이 있습니다.

4. WP Retina와 호환이 됩니다.

5. CMYK에서 RGB로 변환이 가능합니다.

6. EXIF 데이터를 제거 가능합니다.

7. 프로그레시브 JPEG를 지원합니다.

8. 파일 크기의 제한이 없습니다.

9. NextGen 갤러리와 호환이 됩니다.

10. LQIP 생성이 됩니다.   LQIP란 "Low Quality Image Placeholder"의 약자로 이미지가 로드되지 않았을 때는 퀄리티는 아주 낮은 동일 이미지를 보여주는 방법입니다.

 

 

 

3. WP Smush Image Optimizer

 

 

 

+ 소개

WP Smush는 WPMU DEV가 워드프레스에서 제공하고 있는 최고의 이미지 최적화 플러그인으로 100만 건 이상의 설치와 4.8점의 리뷰 점수를 보유하고 있습니다.

 

이 플러그인의 가장 인기 있는 점은 플러그인이 정말 단순합니다. 플러그인을 설치하면 워드프레스 관리자 페이지 미디어 탭에 새로운 단일페이지가 만들어지는데 오직 이 페이지에서 이미지 최적화를 완벽하게 제어할 수가 있습니다.  

 

무료버전에는 이미지 무손실 압축만 가능하며, 이미지 크기에 따라 이미지를 약 5~10%만 압축합니다. 

이미지 크기제한이 5MB입니다.  이미지 크기를 조정할 수 있으며, 최대 너비와 높이 옵션을 설정할 수 있습니다.  무료버전이기 때문에 이미지를 대량으로 최적화할 때는 한 번에 50개까지만 최적화가 가능합니다.

 

+ 주요 특징

1. 손실 압축 및 무손실 압축이 가능합니다.

2. 자동 레이지 로딩이 만들어집니다.

3. 대량 이미지를 처리할 수 있습니다.

4. 큰 이미지 크기를 축소할 수 있습니다.

5. 느리게 로딩되는 이미지를 감지할 수 있습니다.

6. 업로드 시 자동으로 최적화합니다. 

7. WEBP로 변환가능 (Pro 전용)

8. PNG, JPEG 및 GIF 파일 처리가 가능합니다.

 

 

 

4. EWWW Image Optimizer

 

 

 

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

+ 소개

EWWW 이미지 최적화 도구는 100만 건 이상의 설치와 4.7점 리뷰평점을 보유하고 있어서 WP Smush와 거의 동급의 인기 있는 최적화 도구 플러그인입니다. 

설치를 하면 모든 새로운 이미지를 자동으로 최적화합니다.  

무료버전에서는 무제한 압축을 제공하고 있지만, 이미지 크기를 5~10% 줄이는 무손실 압축만 가능합니다.

또한 무료버전은 서버에서 직접 이미지를 최적화할 수 있습니다. 

 

+ 주요 특징

1. 반응형으로 이미지 크기를 자동으로 조정합니다.

2. 이미지를 자동으로 압축합니다.

3. JPG, PNG, GIF 및 SVG와 함께 작동을 합니다.

4. 자동으로 WEBP로 전환이 가능합니다.

5. Javascript 및 CSS 압축을 포함합니다.

6. 웹페이지 캐싱이 가능합니다.

7. 메타데이터를 제거합니다.

8. 레이지로드 이미지가 가능합니다.

9. 최대 30일간의 이미지 백업 기능이 있습니다.

10. 워터마크 이미지를 만들 수 있습니다. 

 

 

 

 

5. TinyPNG 

 

 

 

TinyPng-JPEG 워드프레스 플러그인
TinyPng-JPEG 워드프레스 플러그인

+ 소개

압축 JPEG & PNG로 잘 알려져 있는 TinyPNG는 200,000개 이상의 설치와 4.4점의 리뷰점수를 보유하고 있는 이미지 최적화 도구 중의 하나입니다.

플로그인을 설치하면 업로드 시 이미지를 자동으로 모두 압축합니다.  이미지를 다운로드하기 전에 TinyPNG 서비스에 업로드해서 최적화를 진행해야 합니다. 

 

 무료버전은 모든 기능을 사용가능하지만 압축은 500회까지만 가능합니다.  무료버전의 최대 이미지 크기는 5MB이며, 최대손실 압축은 JPEG와 PNG 이미지만 사용이 가능합니다. 최대 84% 이미지 크기를 줄일 수가 있습니다. 

 

+ 주요 특징

1. 업로드 시 새로운 이미지를 자동으로 최적화합니다.

2. 기존 이미지를 개별적으로 또는 대량으로 최적화합니다.

3. 큰 이미지 크기를 자동으로 조정합니다.

4. 프로그레시브 JPEG 인코딩이 가능합니다.

5. 메타데이터를 제거 또는 보존이 가능합니다.

6. PNG, JPEG, WEBP 파일을 지원합니다.

7. 애니메이션 PNG를 압축할 수 있습니다.

8. WP Retina와 호환이 됩니다.

9. CMYK에서 RGB로 변환이 가능합니다.

반응형