Picovert

워드프레스 이미지 최적화 2026: 업로드 전 파일 크기 줄이기

Picovert 팀 작성2026-03-108분 분량

이미지는 워드프레스 사이트를 느리게 만드는 단일 최대 요인입니다. 최적화되지 않은 일반적인 워드프레스 페이지에는 적절한 최적화 후 400–800 KB로 줄일 수 있는 2–5 MB의 이미지가 있습니다 — 로딩 시간과 Core Web Vitals를 직접 개선하는 4–8배 크기 감소. 최적화하기 가장 좋은 곳은 워드프레스에 업로드한 후가 아니라 전입니다. 미리 최적화된 이미지는 워드프레스의 때로 일관되지 않은 이미지 처리를 우회하고 출력에 대한 완전한 제어권을 줍니다.

워드프레스에 업로드하기 전에 이미지를 미리 최적화해야 하는 이유

  • 워드프레스는 레이아웃을 모릅니다 — 여러 이미지 크기(썸네일, 중간, 큰, 전체)를 생성하지만 테마가 실제로 어떤 크기로 렌더링하는지 알 수 없습니다. 출력 치수를 직접 제어하세요.
  • 워드프레스는 기본적으로 JPEG 품질 82로 압축합니다 — 합리적이지만 업로드 후에 적용됩니다. 4 MB 사진을 업로드하고 워드프레스가 압축하도록 의존하면 서버에 4 MB를 보낸 것이고 "전체" 크기는 비압축으로 저장됩니다.
  • WebP 변환에는 플러그인이나 서버 구성이 필요합니다 — 업로드 전에 WebP로 미리 변환하면 서버 측 처리에 의존하지 않고 형식을 제어할 수 있습니다.
  • 서버 저장 공간 감소 — 3 MB JPEG 대신 300 KB WebP를 업로드하면 워드프레스가 생성하는 모든 썸네일 크기에 대해 디스크 공간을 절약합니다.

2026년 워드프레스 최적 이미지 치수

이미지 치수를 테마의 실제 콘텐츠 너비에 맞추세요:

  • 전체 너비 히어로 이미지 — 최대 1920 px 너비. 대부분의 테마는 콘텐츠를 1200–1440 px로 제한합니다. 1920 px 이미지는 2× 레티나를 포함한 모든 화면을 커버합니다.
  • 단일 열 콘텐츠 이미지 — 1200 px 너비. 1.5× 레티나에서 표준 콘텐츠 열(일반적으로 700–800 px)을 커버합니다.
  • 2열 또는 그리드 이미지 — 800 px 너비. 1.5–2× 레티나에서 400–500 px 그리드 셀을 커버합니다.
  • 특집/썸네일 이미지 — 800 × 533 px (3:2) 또는 800 × 450 px (16:9). 워드프레스는 전체 이미지에서 이것들을 생성하지만 이 크기로 업로드하는 것이 더 효율적입니다.
  • WooCommerce 제품 이미지 — 800 × 800 px 또는 1000 × 1000 px (1:1). WooCommerce는 메인 제품 이미지의 기본값으로 800 × 800을 사용합니다.

업로드 전에 이 치수로 사진을 조정하려면 Picovert의 무료 이미지 리사이저를 사용하세요.

워드프레스 이미지의 최적 형식

  • WebP — 2026년에 권장됩니다. 동등한 품질에서 JPEG보다 25–35% 더 작습니다. 워드프레스 5.8+는 WebP를 기본 지원합니다. 모든 주요 브라우저가 WebP를 지원합니다. 업로드 전에 JPG → WebP 또는 PNG → WebP를 사용하여 변환하세요.
  • JPEG — 안전한 폴백. 보편적 호환성. 사진에는 품질 80–85를 사용하세요.
  • PNG — 투명도가 있는 이미지(로고, 아이콘)나 스크린샷에만 사용하세요. PNG 사진은 JPEG/WebP 동등물보다 훨씬 큽니다.
  • AVIF — 워드프레스 6.5+는 AVIF 썸네일을 생성할 수 있습니다(서버 지원 필요). AVIF를 직접 업로드하려면 호스팅이 지원하는지 확인하세요. JPEG보다 35–50% 더 작습니다.

워드프레스의 권장 압축 설정

업로드 전에 Picovert의 이미지 압축기를 사용:

  • 사진 (히어로, 콘텐츠, 제품) — JPEG 또는 WebP 품질 80. 이것은 Google이 권장하는 최적점입니다 — 화면 시청 거리에서 시각적으로 무손실, 카메라 원본보다 50–70% 더 작음.
  • 블로그 포스트 썸네일 — JPEG 또는 WebP 품질 75–80. 약간 더 공격적 — 작은 표시 크기에서 허용 가능합니다.
  • 로고 및 아이콘 (PNG) — 무손실 PNG 최적화만. 단일 픽셀도 변경하지 않고 무손실 압축을 적용하려면 PNG 압축기를 사용하세요.
  • 배경 이미지 — WebP 또는 JPEG 품질 70–75. 배경 이미지는 종종 오버레이된 콘텐츠에 의해 부분적으로 가려집니다 — 더 공격적인 압축이 허용됩니다.

워드프레스 이미지 최적화 워크플로우

  1. 소스 이미지로 시작 — 카메라나 스톡 사이트의 원본 사진.
  2. 목표 치수로 리사이즈 — Picovert의 리사이저사용. 표준 블로그 포스트 이미지의 경우 1200 px 너비로 리사이즈.
  3. 품질 80으로 압축 — Picovert의 압축기사용. 1200 px의 3 MB 사진은 일반적으로 100–300 KB로 압축됩니다.
  4. 선택적으로 WebP로 변환 — 워드프레스 테마와 호스팅이 WebP를 지원하는 경우, JPG → WebP를 사용하여 25–35% 추가 감소.
  5. 최적화된 이미지 업로드 — 워드프레스는 이것을 "전체" 크기로 저장하고 썸네일을 생성합니다.

Core Web Vitals에 미치는 영향

워드프레스 이미지 최적화는 세 가지 Core Web Vitals 지표를 직접 개선합니다:

  • 최대 콘텐츠풀 페인트 (LCP) — LCP 요소는 거의 항상 이미지(히어로 이미지, 특집 이미지)입니다. 파일 크기를 1 MB에서 150 KB로 줄이면 일반적인 모바일 연결에서 LCP 시간을 절반으로 줄일 수 있습니다.
  • 총 차단 시간 (TBT) — 더 작은 이미지가 더 빨리 로드되어 브라우저가 더 빨리 JavaScript를 파싱하고 실행할 수 있습니다.
  • 누적 레이아웃 이동 (CLS) — 파일 크기에 직접 영향을 받지는 않지만,<img> 요소에 항상 너비와 높이 속성을 설정하면(워드프레스가 자동으로 함) 이미지가 로드될 때 레이아웃 이동을 방지합니다.

워드프레스 플러그인 vs. 미리 최적화

이미지 최적화 플러그인(Smush, ShortPixel, Imagify 등)은 업로드 후 서버 측에서 이미지를 압축합니다. 편리하지만 제한이 있습니다:

  • 무료 플랜에서 종종 월별 압축 한도가 있습니다.
  • 서버 처리 부하와 API 의존성을 추가합니다.
  • 전체 크기 원본이 저장된 후 압축합니다 — 여전히 큰 파일을 저장합니다.
  • 픽셀 치수를 제어하지 않습니다 — 별도로 리사이즈해야 합니다.

미리 최적화(업로드 전 리사이즈 + 압축 + 변환)는 이러한 모든 문제를 해결하며 호스팅 등급이나 설치된 플러그인에 관계없이 모든 워드프레스 설정에서 작동합니다.

빠른 체크리스트: 워드프레스에 이미지 업로드 전

  • 최대 표시 너비로 리사이즈됨 (콘텐츠 1200 px, 히어로 1920 px)
  • 품질 80으로 압축됨 (JPEG 또는 WebP)
  • 테마 및 브라우저 대상이 지원하는 경우 WebP로 변환됨
  • 파일명이 설명적이고 하이픈 사용 (예: 빨간-러닝화.webp)
  • 워드프레스 미디어 라이브러리에 추가할 대체 텍스트 준비됨
  • 콘텐츠 이미지는 200 KB 이하, 히어로 이미지는 500 KB 이하