어떤 WordPress 사이트든 결국 같은 문제에 부딪힙니다. 페이지에서 가장 무거운 것은 이미지이고, 편집자는 카메라에서 나온 그대로 올리며, 모바일 점수가 그 대가를 치릅니다. 흔한 해답은 이미지 최적화 플러그인을 설치하는 것이고, 흔한 후보는 Smush, ShortPixel, Imagify입니다.

이와 다르게 작동하는 두 번째 접근이 있는데, 동종 제품이 아니다 보니 비교가 공정하게 이루어지는 경우가 드뭅니다. Cloudflare Image Transformations는 이미지를 압축해 결과를 저장하지 않습니다. 요청되는 바로 그 순간에 다시 씁니다. 이 차이를 이해하는 것이 판단의 대부분입니다.

결정을 가르는 차이: 플러그인은 이미지의 최적화된 사본을 처리해 저장합니다. Cloudflare는 요청 시 변환하고 결과를 엣지에 캐시합니다. 플러그인은 보유한 이미지 수로 과금합니다. Cloudflare는 전달하는 개별 변형 수로 과금합니다. 이 두 모델은 매우 다른 사이트에 맞습니다.

두 접근은 어떻게 다른가

전통적인 최적화 플러그인은 미디어 라이브러리 위에서 동작합니다. 업로드된 이미지를 하나씩 가져와 공급자 서버로 보내거나 로컬에서 처리하고, 압축한 뒤 결과를 다시 씁니다. 라이브러리에는 최적화된 파일이, 흔히 여러 크기로 남습니다. 작업은 업로드 시점이나 일괄 실행 중 한 번 일어나고, 결과는 오리진에 놓입니다.

변환은 이를 뒤집습니다. 원본은 손대지 않은 채로 남습니다. 방문자가 이미지를 요청하면 요청이 Cloudflare를 지나며 크기 조정과 형식 변환이 이루어지고 결과가 캐시됩니다. 라이브러리에는 아무것도 다시 쓰이지 않으며, 전달하는 크기는 라이브러리를 재처리하지 않고 URL만 바꿔 언제든 변경할 수 있습니다.

여기에는 많은 사람이 뒤늦게 깨닫는 실무적 결과가 있습니다. 플러그인에서는 내년에 썸네일 크기를 바꾸기로 하면 라이브러리 전체를 다시 생성합니다. 변환에서는 매개변수 하나를 고칩니다.

각 무료 요금제가 실제로 주는 것

여기서 비교가 구체적이 되고, 여기서 마케팅 페이지가 가장 도움이 되지 않습니다.

Smush는 WPMU DEV의 제품으로 활성 설치가 백만 건을 넘습니다. 무료 요금제는 무손실과 손실 압축, 일괄 최적화, 지연 로딩을 제공합니다. 알아야 할 제한은 이렇습니다. 5메가바이트를 넘는 이미지는 통째로 건너뛰며, 대부분이 실제로 원하는 것, 즉 WebP와 AVIF 변환, CDN 전달, 자동 크기 조정은 모두 Pro 기능입니다. 무료 버전은 압축기이지 최신 형식 파이프라인이 아닙니다.

ShortPixel은 설치가 삼십만 건을 넘고 크레딧 방식을 씁니다. 처리한 이미지나 썸네일 하나당 1크레딧이며, 매월 100크레딧이 무료입니다. 넉넉해 보이지만 WordPress가 업로드마다 여러 썸네일 크기를 생성한다는 점을 떠올리면, 사진 한 장이 4~5크레딧을 소모할 수 있습니다. 월 무제한 크레딧은 9.99달러, 일회성 패키지는 19.99달러부터입니다. WebP와 AVIF가 포함되고, 프리미엄 요금제에는 CDN이 있습니다.

Imagify는 WP Media의 제품으로 역시 설치가 백만 건을 넘습니다. 무료 요금제는 월 20메가바이트, 대략 200장입니다. WebP와 AVIF 변환은 무료를 포함한 모든 요금제에 들어 있어 형식 면에서는 셋 중 가장 후한 위치입니다. CDN은 제공에 포함되지 않습니다.

Cloudflare Image Transformations는 Free 요금제에서 월 5,000회의 고유 변환을, 그 이후에는 천 회당 50센트를 적용합니다. 고유 변환은 역월 기준 이미지와 매개변수의 개별 조합이므로, 같은 크기의 이미지를 5만 명에게 전달해도 한 번입니다. 자동 형식 선택은 일부 브라우저가 AVIF를, 다른 브라우저가 WebP를 받아도 한 번의 변환으로 계산됩니다.

어떤 모델이 어떤 사이트에 맞는가

정직한 답은 어느 제품이 더 낫느냐가 아니라 라이브러리의 모양에 달려 있습니다.

라이브러리가 안정적인 소규모 사이트. 거의 바뀌지 않는 수백 장. 어떤 플러그인이든 여유 있게 감당하며, 특히 Imagify의 무료 요금제라면 통째로 덮을 가능성이 높습니다. 이 경우 스택에 Cloudflare를 더할 이유는 거의 없습니다.

크기가 많은 대형 카탈로그. 수천 개 상품이 각각 썸네일, 그리드 타일, 상세 보기를 필요로 하는 상점. 크레딧 과금은 이 형태를 심하게 벌합니다. 상품마다 썸네일 하나하나가 크레딧을 쓰기 때문입니다. 변환은 상품 수와 무관하게 개별 변형 단위로 과금하며, 반복 요청 할인 덕분에 인기 페이지에 추가 비용이 들지 않습니다.

트래픽은 많지만 이미지는 적은 사이트. 여기서 변환이 빛납니다. 과금이 트래픽을 전혀 따르지 않기 때문입니다. 같은 열두 장을 십만 명에게 전달하는 화제의 글도 열두 번의 변환입니다.

업로드가 끊이지 않는 사이트. 하루에 수십 장을 더하는 매체는 Imagify의 20메가바이트나 ShortPixel의 100크레딧을 며칠 만에 소진합니다. 둘 다 유료 요금제가 필요해집니다. 업로드마다 필요한 크기 수에 따라 Cloudflare도 마찬가지일 수 있습니다.

사이트 앞에 Cloudflare가 없다. 그렇다면 DNS를 옮기지 않는 한 변환은 애초에 선택지가 아니며, 플러그인이 현실적인 선택입니다.

아무도 말하지 않는 비용

어느 비교표에서도 빠지는 것이 둘 있습니다.

저장 공간. 원본 옆에 최적화된 사본을 유지하는 플러그인은 디스크 사용량을 늘리며, 때로는 상당히 늘립니다. WordPress가 이미 업로드마다 여러 크기를 생성하고, 플러그인이 그 각각의 변환본을 더하기 때문입니다. 저렴한 공유 호스팅에서는 속도가 아니라 이것이 실질적 제약이 되기도 합니다.

재처리. 테마를 바꾸면 이미지 크기가 바뀌고, 플러그인 기반 구성은 전체 재생성을 요구합니다. 큰 라이브러리에서는 몇 시간의 서버 부하이며, 호스팅에 CPU 제한이 있다는 사실을 깨닫는 지점이 바로 여기입니다.

둘 다 플러그인을 피할 이유는 아닙니다. 그저 가격 페이지 바깥에 있는 비용이며, 라이브러리가 커질수록 요청 시 변환 모델에 유리하게 작용합니다.

무엇에 돈을 내는지 가려내기

고르기 전에 자기 사이트에 대해 네 가지를 세어 보십시오. 반나절이면 되고, 어떤 비교표보다 확실하게 답을 정해 줍니다.

이미지를 몇 장 보유하는가. 페이지 수가 아니라 미디어 라이브러리의 수입니다. 이것이 크레딧 과금이 애초에 성립하는지를 정합니다.

각각 몇 가지 크기가 필요한가. 테마가 실제로 무엇을 요구하는지 확인하십시오. WordPress는 기본적으로 업로드마다 여러 크기를 만들고, 대부분의 테마는 그중 둘이나 셋을 씁니다. 테마가 사용자 정의 크기 여덟 개를 등록하고 넷만 쓴다면, 이 목록의 어느 플러그인으로든 나머지 넷의 처리 비용을 내고 있고 Cloudflare로도 그 변환 비용을 내고 있는 셈입니다. 그 목록을 다듬는 일은 어느 쪽이든 공짜로 얻는 돈입니다.

라이브러리가 얼마나 자주 바뀌는가. 매일 업로드하는 매체와 작년에 마지막으로 손댄 소개 사이트는 문제가 다릅니다. 월간 할당량은 전자를 벌하고 후자에는 무관합니다.

이미지가 트래픽을 얼마나 차지하는가. 여기에 둔감한 것은 Cloudflare의 모델뿐이고, 이를 과금하는 것은 플러그인의 CDN 등급뿐입니다. 트래픽이 많고 이미지가 적은 사이트는 변환에 유리한 가장 분명한 사례입니다.

이 네 숫자를 적어 두면 선택은 대개 저절로 정해집니다. 잘못 짚으면 갱신 시점에, 혹은 일괄 재생성이 카탈로그 중간에서 시간 초과될 때 알게 됩니다.

둘 다 쓰기

이 둘은 배타적이지 않으며, 조합이 오히려 합리적인 답인 경우가 많습니다. 업로드 시 플러그인으로 압축해 원본이 불필요하게 무겁지 않게 하고, 전달 시 크기 조정과 형식 변환은 변환에 맡기십시오. 라이브러리도 전송량도 작아지고, 어느 쪽도 상대의 일을 중복하지 않습니다.

하지 말아야 할 것은 형식을 둘 다 변환하는 두 시스템을 돌리는 일입니다. WebP 생성을 두고 다투는 두 플러그인은 혼란스러운 결과와 낭비된 처리를 낳으며, 데스크톱에서는 제대로 보이는데 구형 모바일 브라우저에서 깨지는 이미지의 흔한 원인입니다.

Worker를 작성하지 않고 WordPress에서 Cloudflare 쪽을 자동화하고 싶다면, 제가 관리하는 플러그인 이 이미지 URL을 변환으로 다시 쓰고, 빠진 너비와 높이 속성을 채우며, 건드리고 싶지 않은 외부 출처를 허용 목록에 넣게 해 줍니다. 무료이며 자체 크레딧 제도를 더하지 않습니다.

URL 형식과 Worker 방식의 작동 원리는 Cloudflare Image Transformations 를 보십시오. 파일을 어디에 둘지도 함께 정하고 있다면 이미지 호스팅을 위한 Cloudflare R2 가 저장 측면과 무료 이그레스를 다룹니다.

내 사이트에 맞는 답 찾기

결정은 반나절이면 셀 수 있는 숫자로 귀결됩니다. 이미지를 몇 장 보유하는지, 각각 몇 가지 크기가 필요한지, 라이브러리가 얼마나 자주 바뀌는지, 그리고 Cloudflare가 이미 사이트 앞에 있는지입니다. 이 네 답은 한쪽 선택지를 분명히 가리키며, 잘못 짚으면 나중에 풀기 성가신 방식으로 비쌉니다.

Mecanik은 어떤 변경을 권하기 전에 이미지가 실제로 얼마나 비용을 유발하는지 측정하는 WordPress 성능 점검 을 수행하고, 해결책이 설치 범위를 넘어설 때는 WordPress 개발 작업으로 구현까지 맡습니다.

관련 게시물: WooCommerce 상품 이미지와 느린 카탈로그 페이지 , WooCommerce가 느린 진짜 이유와 해결 순서 , Cloudflare R2 요금 설명 - S3 및 Backblaze 대비 실제 비용 , Cloudflare Email Routing - 맞춤 도메인 무료 이메일 .

자주 묻는 질문

Cloudflare Image Transformations가 Smush나 ShortPixel보다 나은가요? 낫다기보다 다릅니다. 플러그인은 최적화된 사본을 압축해 저장하고 보유 이미지 수로 과금합니다. Cloudflare는 요청 시 변환하고 개별 변형 수로 과금합니다. 큰 카탈로그는 대개 Cloudflare에, 작고 안정적인 라이브러리는 대개 플러그인에 유리합니다.

무료 요금제가 가장 좋은 이미지 플러그인은 무엇인가요? Imagify는 Smush가 Pro로 제한하는 WebP와 AVIF 변환을 무료 요금제에 포함하지만 월 20메가바이트로 제한합니다. ShortPixel은 월 100크레딧을 주는데 WordPress 썸네일이 업로드마다 여러 개를 소모합니다. Cloudflare는 5,000회의 고유 변환을 제공합니다.

최적화 플러그인과 Cloudflare를 함께 쓸 수 있나요? 쓸 수 있고 대개 합리적입니다. 업로드 시 플러그인으로 압축해 원본이 불필요하게 무겁지 않게 하고, 크기 조정과 형식 변환은 Cloudflare에 맡기십시오. 둘 다 WebP로 변환하는 구성은 처리를 낭비하고 결과가 일관되지 않으므로 피하십시오.

변환을 쓰려면 사이트 앞에 Cloudflare가 필요한가요? 필요합니다. 변환은 본인 Cloudflare 계정의 영역을 통해 전달되는 이미지에 적용됩니다. DNS가 Cloudflare가 아니거나 이미지가 계정 밖 호스트에서 온다면 요청이 메커니즘을 우회하므로 플러그인이 현실적인 선택입니다.

이미지 최적화가 정말 Core Web Vitals를 개선하나요? 대개 그렇습니다. 이미지가 페이지 무게를 지배하는 경우가 많고 그중 가장 큰 것이 Largest Contentful Paint 요소가 되기 쉽기 때문입니다. 알맞은 크기와 최신 형식으로 전달하면 그 수치가 직접 낮아지지만, 스크립트나 서버 응답 시간에서 오는 느림은 해결하지 못합니다.