Good Korean Consulting Group

G-Korean Consulting Group :: 캐나다 한인 생활정보 사이트

강의실

제목워드프레스 이미지 최적화 기초 — 업로드 전 압축과 WebP로 속도 높이기2026-10-14 20:45
카테고리워드프레스
작성자 Level 10

워드프레스 사이트가 느려지는 가장 흔한 이유 중 하나가 큰 이미지입니다. 휴대폰으로 찍은 사진을 그대로 올리면 한 장이 몇 MB씩 되기도 합니다. 업로드 전에 크기와 용량을 줄이는 습관만 들여도 페이지 속도가 눈에 띄게 좋아집니다.

1. 올리기 전에 크기를 줄이세요

본문 영역에 실제로 표시되는 너비보다 훨씬 큰 원본을 올릴 필요가 없습니다. 표시 너비에 맞춰 이미지 크기를 먼저 줄이고, 그다음 압축하면 용량을 크게 아낄 수 있습니다. 압축 전후 화질을 눈으로 한 번 비교해 보세요.

2. 새 형식 WebP·AVIF를 활용하세요

WebP는 같은 화질에서 JPEG보다 약 25~35% 작다고 알려져 있고, AVIF는 조건에 따라 JPEG보다 최대 절반 가까이 작아질 수 있습니다. 최근 워드프레스와 주요 이미지 최적화 플러그인은 업로드 시 자동으로 WebP 변환을 지원하므로, 설정을 한 번 켜 두면 이후 작업이 편해집니다.

3. 플러그인은 한 가지만, 용도에 맞게

Smush, ShortPixel, Imagify 같은 플러그인은 업로드할 때 자동 압축과 일괄 최적화를 도와줍니다. 이미 올린 사진이 많으면 일괄 최적화 기능이 유용하고, 새 글 위주라면 업로드 전 직접 압축하는 것만으로도 충분할 수 있습니다. 비슷한 기능의 플러그인을 여러 개 동시에 쓰면 오히려 충돌할 수 있으니 한 가지만 선택하세요.

4. 지연 로딩(레이지 로딩)은 기본 기능을 믿으세요

워드프레스는 5.5 버전부터 화면 아래쪽 이미지를 스크롤할 때 불러오는 지연 로딩을 기본으로 제공합니다. 별도 플러그인을 또 설치할 필요는 없습니다. 다만 페이지 맨 위에 크게 보이는 대표 이미지는 처음부터 바로 보여야 하므로, 그 이미지까지 지연 로딩 대상이 되지 않도록 설정을 확인하는 것이 좋습니다.

마무리 점검

· 파일 이름은 내용을 알 수 있게 짧게 짓기 (예: store-front.jpg)
· 대체 텍스트(alt)에 사진 내용을 한 줄로 적어 접근성과 검색에 도움 주기
· 최적화 후에는 휴대폰에서 페이지를 직접 열어 속도와 화질 확인하기

이미지 최적화는 한 번에 완벽하게 하려 하기보다, 새 글을 올릴 때마다 '크기 줄이기 → 압축 → WebP 확인' 순서로 습관화하는 것이 가장 오래갑니다.

출처: PC Tech Magazine — 12 No-Code Ways to Speed Up Your WordPress Website 2026 https://pctechmag.com/2026/10/how-to-speed-up-your-wordpress-website-without-coding-skills/
출처: DEV Community — WordPress Image Optimization: Why You Should Compress Before Upload (2026 Guide) https://dev.to/samma1997/wordpress-image-optimization-why-you-should-compress-before-upload-2026-guide-275c

댓글

(자동등록방지 숫자를 입력해 주세요)