Smush | 이미지 최적화 플러그인

by

Smush 플러그인을 사용해야 하는 이유

Smush는 워드프레스에서 이미지를 자동으로 압축하고 최적화하여 사이트 로딩 속도를 개선하는 플러그인입니다. 이미지는 사이트 용량의 큰 부분을 차지하므로, 이를 최적화하면 페이지 로딩 속도를 대폭 줄이고 사용자 경험과 SEO 점수를 동시에 향상시킬 수 있습니다.

Smush 플러그인의 주요 장점

  1. 자동 이미지 압축
    • 업로드되는 이미지를 자동으로 압축해 최적화.
    • 품질 손상 없이 이미지 용량 감소.
  2. Bulk Optimization
    • 기존 이미지들을 한 번에 최적화 가능(무료 버전은 최대 50개씩 처리.그 이상은 유료버전)
  3. Lazy Load 기능
    • 사용자가 페이지를 스크롤할 때만 이미지를 로드하여 초기 로딩 속도 개선.
  4. 변환 크기 최적화
    • 다양한 디바이스와 화면 크기에 맞춰 이미지를 자동으로 조정.
  5. CDN(유료 기능)
    • Smush Pro에서는 글로벌 이미지 CDN(Content Delivery Network) 지원으로 더 빠른 로딩 가능.

Smush 사용 시 주의할 점

  1. 무료 버전의 제한
    • 한 번에 50개의 이미지만 Bulk Optimization 가능.
    • WebP 변환 및 CDN은 Pro 버전에서만 제공.
  2. 과도한 압축 주의
    • 너무 높은 압축률은 이미지 품질 저하를 초래할 수 있으므로 기본 설정을 유지하거나 품질을 점검하며 사용.
  3. 충돌 가능성
    • 다른 이미지 최적화 플러그인과 함께 사용하면 충돌 위험이 있으므로 Smush 단독으로 사용하는 것이 좋음.

Smush와 같은 기능을 제공하는 플러그인

아래 표는 Smush와 유사한 기능을 제공하는 주요 플러그인의 비교입니다.

플러그인 이름장점단점추천 대상
Smush사용하기 쉬운 인터페이스, 자동 압축, Lazy Load 지원무료 버전 기능 제한(Pro 필요), WebP 지원은 유료초보자 및 간단한 최적화가 필요한 사용자
ShortPixelWebP 변환 지원, 높은 압축률, 다양한 압축 모드무료 버전에서는 매월 제한된 이미지만 처리 가능고급 압축 및 WebP 변환이 필요한 사용자
Imagify품질 손상 없는 압축, WebP 변환 가능, 워드프레스와 완벽 호환무료 플랜의 처리 용량 제한, 일부 고급 기능은 유료고품질 압축과 WebP 사용자를 선호하는 사용자
EWWW Image Optimizer서버에서 로컬로 이미지 처리, 무제한 최적화(무료 버전), WebP 지원설정 복잡, 서버 자원 소모 가능서버 자원을 효율적으로 사용할 수 있는 사용자
TinyPNG (Compress JPEG & PNG)뛰어난 PNG 및 JPEG 압축 품질, WebP 변환 지원무료 계정은 한 달 500개의 이미지로 제한단순 압축과 WebP 변환이 필요한 사용자

Smush 플러그인 세팅 방법

1. 설치 방법

  1. 워드프레스 대시보드에서 Plugins > Add New로 이동.
  2. 검색창에 “Smush”를 입력하고, Smush – Lazy Load Images, Optimize & Compress Images를 찾아 설치 후 활성화.

2. 기본 설정 방법

  1. Smush 대시보드 접근
    • 설치 후 Smush > Dashboard로 이동.
    • 기본 설정 마법사가 실행되며 초기 설정을 돕습니다.
  2. 기본 설정 항목
    • 자동 압축: 이미지를 업로드할 때 자동으로 최적화하도록 활성화.
    • Lazy Load: 사용자가 스크롤할 때만 이미지를 로드하도록 활성화.
    • 이미지 크기 설정: 사용하지 않는 이미지 크기(Thumbnail)를 제거해 저장 공간 절약.
  3. Bulk Optimization (대량 최적화)
    • Bulk Smush 탭에서 기존 이미지를 최적화합니다.
    • 무료 버전은 한 번에 최대 50개의 이미지를 처리.
  4. 디렉토리 설정
    • Directory Smush를 사용해 특정 디렉토리의 이미지도 최적화 가능.

3. 고급 설정 방법

  1. Lazy Load 고급 설정
    • Settings > Lazy Load에서 설정.
      • 특정 이미지 또는 페이지에서 Lazy Load를 비활성화할 수 있음(예: 배너 이미지).
    • Lazy Load를 활성화하면 초기 로딩 속도가 크게 향상됩니다.
  2. 이미지 압축 수준 설정
    • Settings > Compression에서 압축 수준을 조정.
    • 품질 손상을 피하려면 기본 설정(손실 없는 압축)을 유지하는 것이 좋습니다.
  3. WebP 변환(Pro 기능)
    • Smush Pro에서 WebP 변환을 활성화하면 최신 브라우저에 최적화된 이미지를 제공.

다른 이미지 최적화 플러그인 세팅 방법

ShortPixel

  1. 설치 후 API 키 설정
    • ShortPixel을 설치한 후 API 키를 생성하여 입력.
    • 무료 플랜으로 매월 100개의 이미지 최적화 가능.
  2. 압축 수준 선택
    • Lossy, Glossy, Lossless 압축 중 선택.
  3. WebP 변환 활성화
    • WebP 이미지를 생성하고 브라우저에 제공하도록 설정.

Imagify

  1. 자동 압축 활성화
    • 업로드 시 이미지를 자동으로 압축하도록 설정.
  2. 압축 모드 선택
    • Normal, Aggressive, Ultra 모드로 품질과 압축률 조정.
  3. WebP 변환
    • 모든 이미지를 WebP로 변환해 브라우저에 맞게 제공.

EWWW Image Optimizer

  1. 로컬 최적화 활성화
    • 서버에서 직접 이미지를 최적화하도록 설정.
  2. Lazy Load 활성화
    • 페이지 속도 개선을 위한 Lazy Load 기능 설정.
  3. WebP 변환
    • 서버에서 WebP 이미지를 생성하고 제공.

결론

Smush는 초보자도 쉽게 사용할 수 있으며, 이미지를 최적화 시켜주는 플러그인으로,자동 압축, Lazy Load, 대량 최적화 기능을 제공합니다. 하지만 WebP 변환이나 CDN이 필요한 경우에는 ShortPixel이나 Imagify가 더 적합할 수 있습니다. 플러그인 선택 시 제작 사이트의 목적과 요구 사항에 따라 적합한 옵션을 선택하세요.

아래는 플러그인 사용 목적에 따른 추천입니다. 케이스별로 적합한 플러그인을 설치해 사용하세요.

  • 간단한 설정과 무료 기능: Smush
  • 고급 압축과 WebP 지원: ShortPixel
  • 최고 품질의 이미지 최적화: Imagify
  • 로컬 처리와 무제한 최적화: EWWW Image Optimizer

Leave a Comment