이미지는 거의 항상 웹 페이지에서 가장 무거운 요소이며, 이를 어떻게 호스팅하느냐가 사이트가 즉각적으로 느껴질지 굼뜨게 느껴질지를 좌우합니다. 2026년에 질문은 더 이상 “이미지를 최적화해야 하는가"가 아니라 “최적화가 자동으로 일어나도록 이미지를 어디에 두어야 하는가"입니다. 트래픽이 많은 WordPress와 PrestaShop 사이트를 위해 엣지에서 이미지 크기를 조정해 온 수년의 경험에서, 제 답은 Cloudflare Images입니다. 원본을 저장하고, Cloudflare의 글로벌 네트워크에서 전송하며, 차세대 포맷으로 즉석에서 변환합니다. 이 모든 것이 하나의 간단한 URL 뒤에서 이루어집니다.
이 가이드는 Cloudflare Images가 실제로 무엇인지, 단순한 CDN과 어떻게 다른지, 실제 숫자로 얼마인지, 글로벌 이미지 전송 네트워크로서 어떻게 작동하는지, 그리고 Cloudinary나 직접 호스팅 같은 대안과 어떻게 비교되는지 설명합니다. 끝까지 읽으면 그것이 여러분의 이미지에 적합한 곳인지, 그리고 오늘 어떻게 시작하는지 알게 됩니다.
요약
- Cloudflare Images는 원본을 한 번 저장하고 최적화된 WebP/AVIF 버전을 Cloudflare의 글로벌 엣지에서 전송합니다. 이그레스 요금이 없습니다
- 요금은 간단하고 예측 가능합니다. 월 100,000장 저장당 5달러, 월 100,000장 전송당 1달러입니다
- 이미 다른 곳에 호스팅하는 이미지(Cloudflare R2 포함)를 Images에 전혀 저장하지 않고도 변환할 수 있습니다
- 플러그인, 크기 조정 스크립트, 별도의 CDN이 얽힌 구성을 하나의 제품과 하나의 전송 URL로 대체합니다
- WordPress와 PrestaShop에서는 제 무료 플러그인 및 Worker와 결합해 모든 이미지 링크를 자동으로 다시 쓸 수 있습니다
Cloudflare Images란 무엇인가
Cloudflare Images 는 저장, 최적화, 전송을 하나의 제품에 담은 완전한 이미지 파이프라인입니다. 원본 이미지를 한 번 업로드하면 Cloudflare가 전송 URL을 제공합니다. 방문자가 그 URL을 요청하면 Cloudflare는 요청한 치수로 이미지 크기를 조정하고, 브라우저가 지원하는 가장 효율적인 포맷(보통 WebP 또는 AVIF)으로 변환하며, 압축하고, 그 방문자에게 가장 가까운 엣지에 결과를 캐시합니다.
전송 URL은 다음과 같습니다.
1https://imagedelivery.net/<account-hash>/<image-id>/<variant>
끝의 <variant>는 한 번 정의하는 이름이 붙은 변환 세트입니다(예: thumbnail, hero, 1200x675). 유연한 변형을 활성화해 너비, 높이, 품질, 포맷을 URL에 직접 전달할 수도 있습니다. 따라서 하나의 원본이 앞으로 필요한 모든 크기와 포맷을 생성하며, 파생 파일을 단 하나도 만들거나 저장하지 않아도 됩니다.
이 글의 이미지도 바로 그렇게 전송됩니다. 보이는 모든 이미지는 반응형 <picture> 소스 세트를 갖춘 Cloudflare Images 전송 URL을 사용하므로 모바일과 데스크톱 모두에서 빠르게 로드됩니다.
왜 단순한 CDN만으로는 안 되는가
흔한 반론은 “이미 사이트 앞에 CDN을 두고 있는데, 그것으로 충분하지 않나?“입니다. 같은 것이 아니며, 그 차이가 중요합니다.
단순한 CDN은 오리진이 생성한 바이트를 그대로 캐시하고 전송합니다. 오리진이 2MB JPEG를 저장하면 CDN은 같은 2MB JPEG를 더 빠르게 전송할 뿐입니다. 이미지를 더 작게 만들지도, AVIF로 변환하지도, 휴대폰이 실제로 필요로 하는 더 작은 크기를 생성하지도 않습니다.
Cloudflare Images는 수동적인 캐시가 아니라 능동적인 계층입니다. 이미지 자체를 바꿉니다.
- 각 기기가 필요로 하는 정확한 치수로 크기를 조정합니다
- 요청하는 브라우저가 받아들이는 것에 따라 WebP 또는 AVIF로 변환합니다
- 1MB 사진이 약 100~200KB가 되도록 지능적으로 압축합니다
- 파생된 각 버전을 엣지에 캐시하여 작업이 한 번만 수행되도록 합니다
요컨대 이미지를 개선하고, 사이트를 빠르게 하며, Core Web Vitals를 향상시키고, 대역폭을 절약합니다. CDN만으로는 마지막 항목만, 그것도 부분적으로만 가능합니다.
Cloudflare Images를 사용하는 두 가지 방법
많은 사람이 걸려 넘어지는 중요한 구분이 있으니 분명히 해 두겠습니다.
1. Cloudflare Images로 저장하고 전송하기. 원본을 Cloudflare Images에 업로드합니다. Cloudflare가 이미지의 거처이자 전송 네트워크가 됩니다. 새 프로젝트와 이미지가 많은 사이트에 가장 깔끔한 선택입니다.
2. 다른 곳에 호스팅한 이미지 변환하기. 원본이 이미 다른 곳, 예컨대 객체 스토리지 Cloudflare R2 나 자체 서버에 있다면, Cloudflare의 이미지 변환을 사용해 Images에 두 번째 사본을 저장하지 않고도 즉석에서 최적화할 수 있습니다. 이것이 “원격 소스에서 변환” 모델이며, 전용 가이드 Cloudflare Image Transformations 에서 자세히 다룹니다.
대부분의 사이트는 단순함을 위해 첫 번째 옵션을 선택합니다. 이미 큰 미디어 라이브러리를 R2에 보관하는 팀은 저장에 두 번 비용을 내지 않으려고 두 번째 옵션을 선택하는 경우가 많습니다. R2는 이그레스 요금이 없어서 여기서 특히 매력적이며, 이는 Cloudflare R2에서의 이미지 호스팅 가이드에서 자세히 설명합니다.
Cloudflare Images 요금을 명확한 숫자로
Cloudflare Images의 가장 좋은 점 중 하나는 요금이 정말 간단하고 놀랄 만한 이그레스 요금이 없다는 것입니다. 2026년 기준 공식 요금 은 다음과 같습니다.
| 지불 대상 | 비용 |
|---|---|
| 저장된 이미지 | 100,000장 / 월당 5달러 |
| 전송된 이미지 | 100,000장 / 월당 1달러 |
| 변환(외부 이미지) | 처음 5,000회 고유 변환 무료, 이후 1,000회당 0.50달러 / 월 |
| 이그레스 대역폭 | 0달러(무료) |
구체적인 계산 예가 이를 분명히 합니다. 10,000장의 제품 이미지를 가진 상점을 운영하고 한 달에 500,000회의 이미지 조회를 전송한다고 합시다. 저장은 0.50달러(10,000장 저장), 전송은 5달러(500,000장 전송)로, 그 달 합계는 약 5.50달러입니다. 별도의 대역폭 청구도, 크기 조정당 요금도, 포맷당 추가 요금도 없습니다.
대역폭과 변환 횟수가 청구서를 좌우할 수 있는 일반적인 호스팅형 이미지 서비스와 비교하면 매력이 분명해집니다. 약정 전에 비용을 예측할 수 있습니다.
Cloudflare Images 대 Cloudinary 대 직접 호스팅
| 기준 | Cloudflare Images | Cloudinary | 직접 호스팅 + CDN |
|---|---|---|---|
| 자동 WebP/AVIF | 예 | 예 | 직접 구축한 경우에만 |
| 이그레스 요금 | 없음 | 대역폭 기반 단계 | 호스트/CDN에 지불 |
| 요금 모델 | 저장 + 전송 | 크레딧(변환, 저장, 대역폭) | 서버 + CDN + 당신의 시간 |
| 글로벌 엣지 전송 | 기본 제공 | 기본 제공 | CDN에 따라 다름 |
| 설정 복잡성 | 낮음 | 낮음에서 중간 | 높음 |
| 예측 가능한 비용 | 매우 높음 | 예측이 더 어려움 | 가변적 |
Cloudinary는 풍부한 기능을 갖춘 유능한 제품이지만, 크레딧 기반 모델이 변환, 저장, 대역폭을 하나로 묶기 때문에 규모가 커질수록 예측이 어려워집니다. 직접 호스팅은 완전한 제어권을 주지만, 크기 조정 파이프라인, 포맷 협상, 캐시 헤더, CDN 구성을 직접 책임져야 하므로 유지해야 할 움직이는 부품이 많아집니다. Cloudflare Images는 최적의 지점에 있습니다. 이점의 대부분을 누리면서 운영 부담은 매우 적고, 청구서를 예측할 수 있습니다.
WordPress와 PrestaShop: 모든 이미지 자동화하기
WordPress나 PrestaShop을 운영한다면, 실무적 과제는 테마, 플러그인, 인라인 CSS가 삽입하는 이미지를 포함해 페이지의 모든 이미지가 최적화된 전송 URL을 사용하도록 하는 것입니다. 바로 이를 위해 무료 도구를 만들었습니다.
- WordPress 플러그인. 제 Cloudflare Image Resizing 플러그인 (소스 코드는 GitHub )은 이미지 링크를 다시 써서 Cloudflare의 최적화를 거치도록 합니다.
- Cloudflare Worker. 완전한 적용을 위해 제 Cloudflare Image Resizing Worker 는 사이트와 방문자 사이에 위치해 최종 HTML을 다시 쓰며, 플러그인만으로는 닿을 수 없는 CSS 내 이미지까지 포함합니다.
두 플랫폼 모두에 대해 완전한 단계별 안내를 작성했습니다. WordPress용 Cloudflare Image Resizing 과 PrestaShop용 Cloudflare Image Resizing 입니다. 둘 중 한 플랫폼을 사용한다면 이 개요를 읽은 후 그곳에서 시작하세요.
강조할 만한 중요한 업데이트가 있습니다. 이미지 변환에는 예전에 유료 Pro 요금제가 필요했지만, 더 이상 그렇지 않습니다. 이제 이미지 변환은 무료 요금제에서도 월 5,000회 고유 변환까지 제공되어, 소규모 사이트의 진입 장벽이 크게 낮아졌습니다.
대시보드 없이 이미지 관리하기
웹 대시보드로 이미지를 업로드하고 정리하는 것은 파일이 몇 개일 때는 괜찮지만, 규모가 커지면 번거로워집니다. 원본을 Cloudflare R2에 보관한다면(미디어 라이브러리에서 흔한 패턴), 이를 수월하게 해 주는 무료 데스크톱 앱을 만들었습니다. Easy Cloudflare R2 는 버킷 탐색, 드래그 앤 드롭 업로드, 객체 메타데이터 편집을 지원하며, Windows, macOS, Linux의 깔끔한 인터페이스 하나에서 모든 것을 관리할 수 있습니다. Cloudflare Images 제품을 직접 다루려면 Easy Cloudflare Images 가 이미지 라이브러리 업로드와 최적화에 같은 역할을 합니다.
오늘 시작하는 방법
- Cloudflare 대시보드에 로그인하고 사이드바에서 Images를 활성화합니다.
- 테스트 이미지를 업로드하거나, 기존 이미지 URL에 변환을 지정합니다.
- 사이트가 가장 자주 사용하는 크기에 맞춰 **변형(variant)**을 한두 개 만듭니다(예: 히어로와 썸네일).
- 사이트의 이미지를 새 전송 URL로 교체하고 PageSpeed Insights 에서 전후 테스트를 실행합니다.
- WordPress나 PrestaShop을 사용한다면 플러그인을 설치하거나 Worker를 배포해 나머지를 자동화합니다.
보통 해당 이미지의 용량이 즉시 70~90퍼센트 줄어들고, 그에 따라 Core Web Vitals도 향상됩니다.
핵심 요약
- Cloudflare Images는 저장, 최적화, 글로벌 전송을 하나의 제품에 담으며 이그레스 요금이 없습니다
- 요금은 간단하고 예측 가능합니다. 월 100,000장 저장당 5달러, 100,000장 전송당 1달러입니다
- 단순한 CDN은 바이트를 캐시할 뿐이지만, Cloudflare Images는 능동적으로 크기를 조정하고 변환하며 압축합니다
- 원본을 Images에 저장하거나, R2나 서버에 이미 호스팅된 이미지를 변환할 수 있습니다
- 변환은 이제 Pro뿐 아니라 무료 요금제에서도 제공됩니다(월 5,000회 고유까지)
- WordPress와 PrestaShop 사용자는 제 무료 플러그인과 Worker로 모든 이미지를 자동화할 수 있습니다
자주 묻는 질문
Cloudflare Images는 무료인가요? 이미지 변환은 무료 요금제에서 월 5,000회 고유 변환까지 제공됩니다. Cloudflare Images 제품을 통한 이미지 저장 및 전송은 유료로, 월 100,000장 저장당 5달러, 100,000장 전송당 1달러이며 이그레스 요금은 없습니다.
Cloudflare Images는 자동으로 WebP와 AVIF로 변환하나요? 예. 브라우저가 이미지를 요청하면 Cloudflare가 지원 포맷을 감지해 가장 효율적인 것(보통 AVIF 또는 WebP)을 전송하고, 구형 브라우저에는 원본 포맷으로 대체합니다. 이러한 버전을 직접 생성할 필요가 없습니다.
R2에 저장된 이미지로 Cloudflare Images를 사용할 수 있나요? 예. 원본을 Cloudflare R2에 보관하고 Cloudflare의 이미지 변환을 사용해 Images에 두 번째 사본을 저장하지 않고 전송 시 최적화할 수 있습니다. R2는 이그레스 요금이 없어 큰 미디어 라이브러리의 비용 효율적인 오리진이 됩니다.
이미지 크기 조정에 여전히 Pro 요금제가 필요한가요? 아니요. 이 점이 바뀌었습니다. 이제 이미지 변환은 무료 요금제에서 월 5,000회 고유 변환까지 제공됩니다. 더 큰 사용량과 플랫폼 내 저장은 유료 요금제로 청구됩니다.
Cloudflare Images는 Cloudinary와 어떻게 비교되나요? 둘 다 자동 포맷 변환과 글로벌 전송을 제공합니다. 주요 차이는 요금 모델입니다. Cloudflare Images는 이그레스 없이 저장 더하기 전송이라는 간단한 요금을 부과하는 반면, Cloudinary는 트래픽이 늘수록 예측이 어려운 묶음 크레딧 모델을 사용합니다.
WordPress와 PrestaShop에서 작동하나요? 예. 빠른 설정에는 제 무료 WordPress 플러그인을, CSS 내 이미지까지 다시 쓰는 완전한 적용에는 제 Cloudflare Worker를 배포하세요. 두 플랫폼 모두에 대해 완전한 단계별 가이드를 작성했습니다.
댓글