Cloudflare R2와 Anycast CDN으로 송신 요금 없이
송신(Egress) 요금이 없는 S3 호환 객체 스토리지인 Cloudflare R2를 사용하세요. Cloudflare의 글로벌 Anycast CDN과 함께 쓰면 브라우저마다 AVIF 또는 WebP를 자동으로 골라 각 방문자와 가장 가까운 위치에서 이미지를 전송합니다.
BYO 스토리지 & BYO-CDN
- 아웃바운드 비용
- $0.00
- 글로벌 PoP
- 300+
- 대역폭 절감
- 대폭 절감
인프라 수치는 Cloudflare (R2 & Edge CDN)의 공개 사양입니다. 파일 크기 절감 효과는 이미지에 따라 다릅니다.
Cloudflare (R2 & Edge CDN) + Cloud CDN 통합
클라우드 스토리지, SmallPict의 변환 단계, CDN이 함께 작동하는 방식입니다.
전용 스토리지 오리진
Cloudflare R2는 송신 요금이 없는 S3 호환 객체 스토리지로, 대용량 미디어 라이브러리에도 예상치 못한 대역폭 요금이 나오지 않습니다.
SmallPict 임시 엔진
SmallPict는 이미지 최적화 플랫폼입니다. 업로드된 이미지를 받아 메모리에서 AVIF와 WebP로 변환하고, 불필요한 EXIF 메타데이터를 제거하고 크기를 조정한 뒤, 최적화된 파일을 클라우드 스토리지 버킷에 바로 저장합니다.
글로벌 엣지 CDN 전송
Cloudflare Anycast CDN은 전 세계 100개국 300개 이상의 도시에서 가동되며, 방문자 브라우저에 맞춰 최신 포맷을 자동 협상하여 제공합니다.
시각적 아키텍처 및 통합 흐름
이미지는 메모리에서 변환되어 버킷에 저장되고 CDN에서 제공됩니다.
- 1 · 클라이언트 / CMS 원본
업로드 및 가로채기
이미지는 워드프레스 플러그인, 웹 애플리케이션 또는 REST API를 통해 업로드됩니다.
- 2 · SmallPict 임시 엔진
메모리 내 즉시 최적화
SmallPict는 격리되고 암호화된 처리 환경에서 AVIF/WebP로 변환하고 크기를 조정하며 메타데이터를 제거합니다.
- 3 · Cloudflare R2 버킷
버킷 직접 스트리밍
최적화된 파일은 고객의 비공개 또는 공개 Cloudflare R2 버킷으로 직접 스트리밍됩니다.
- 4 · Cloudflare CDN
글로벌 엣지 캐싱
1년 불변 Cache-Control 헤더와 함께 글로벌 엣지 PoP에 영구 캐시됩니다.
- 5 · 최종 사용자 브라우저
전송
방문자는 가장 가까운 엣지 로케이션에서 차세대 이미지를 받습니다.
- SmallPict 서버에 저장하지 않음
- 1년 불변 엣지 캐시 헤더
- 파일은 고객의 클라우드 계정에 유지
SmallPict에 Cloudflare (R2 & Edge CDN) 연결하는 방법
버킷 프로비저닝, 최소 권한 자격 증명 구성, 엔드포인트 연결, 엣지 전송 검증을 위한 4단계 가이드.
Cloudflare R2 전용 버킷 준비
Cloudflare (R2 & Edge CDN) 콘솔에서 전용 버킷 또는 컨테이너를 생성합니다(표준 스토리지 클래스 권장).
Tip: 버킷을 비공개로 유지하세요. 퍼블릭 액세스는 필요하지 않습니다.
최소 권한 IAM 자격 증명 설정
버킷의 객체 읽기 및 쓰기로만 엄격하게 범위가 지정된 Cloudflare R2 API Token 키를 발급합니다.
Tip: PutObject 및 GetObject 권한만 있으면 됩니다.
SmallPict 대시보드 엔드포인트 연결
SmallPict BYO 설정 화면에 버킷 이름, 리전, 엔드포인트 및 API 자격 증명을 입력합니다.
Tip: 자격 증명은 AES-256 GCM으로 저장 시 안전하게 암호화됩니다.
엣지 전송 테스트 및 검증
테스트 이미지를 업로드하거나 자동 검증을 실행합니다. Content-Type: image/avif 및 CDN 캐시 HIT 상태를 확인하세요.
Tip: Cache-Control: public, max-age=31536000, immutable 헤더를 확인하세요.
{
"provider": "cloudflare_r2",
"account_id": "7b84310d29184511082c35",
"bucket": "static-media-vault",
"cdn_domain": "cdn.yourdomain.com",
"endpoint": "https://<account_id>.r2.cloudflarestorage.com"
}대규모 트래픽 급증 및 미디어 라이브러리를 위한 설계
다양한 앱이 SmallPict와 Cloudflare (R2 & Edge CDN)로 이미지를 처리하는 방식을 소개합니다.
온라인 쇼핑몰 및 이커머스
Cloudflare R2의 고해상도 제품 갤러리
CDN 전송 전 Cloudflare R2에 저장된 제품 이미지와 썸네일을 최적화하여 로딩 속도를 높이고 모바일 구매 전환율을 극대화합니다.
훨씬 가벼운 카탈로그 페이지
디지털 미디어 및 언론사
구조 변경 없는 대규모 사진 라이브러리
Cloudflare R2의 폴더 구조를 바꾸지 않고 편집 아카이브와 사진을 AVIF 또는 WebP로 변환합니다.
더 단순한 편집 워크플로
대규모 트래픽 웹사이트
트래픽 폭증 시 원본 스토리지 보호
Cloudflare (R2 & Edge CDN)를 신뢰할 수 있는 원본으로 유지하면서 자산 크기를 크게 줄여 급격한 트래픽 증가 시 과도한 대역폭 요금을 방지합니다.
반복 요청은 CDN 엣지에서 응답
멀티 리전 애플리케이션
대륙을 아우르는 글로벌 콘텐츠 배포
다중 리전 Cloudflare R2 버킷과 Anycast CDN 엣지 캐싱을 결합해 아메리카, 유럽, 아시아의 사용자에게 이미지를 빠르게 전송합니다.
각 방문자와 가장 가까운 엣지에서 제공
왜 Cloudflare (R2 & Edge CDN)와 SmallPict를 함께 사용해야 할까요?
벤더 락인을 제거하고 지연 시간을 단축하며 인프라 운영 비용을 절감하도록 설계된 5가지 전략적 아키텍처 강점.
훨씬 가벼움
이미지 페이로드 대폭 감축
PNG와 JPEG를 눈에 띄는 화질 저하 없이 AVIF와 WebP로 변환합니다. 얼마나 작아지는지는 이미지마다 다릅니다.
내 버킷 사용
기존 클라우드 스토리지 유지
자체 스토리지를 사용하세요. SmallPict가 Cloudflare R2 버킷에 직접 쓰기 때문에 파일이 폐쇄형 플랫폼으로 옮겨지지 않습니다.
엣지 전송
글로벌 Edge CDN 전송
Cloudflare CDN의 글로벌 엣지 PoP 전역에 불변 캐시 헤더(Immutable Cache Headers)를 적용하여 캐시 HIT 비율을 극대화합니다.
자동
자동 백그라운드 최적화
업로드 또는 일괄 동기화 시 이미지가 백그라운드에서 변환됩니다. 수동 리사이징이나 스크립트가 필요 없습니다.
완전한 제어
인프라 통제권 및 규정 준수
미디어 자산에 대한 완전한 소유권, 액세스 제어 정책, IAM 최소 권한 범위 및 거버넌스를 완벽히 유지합니다.
5분 만에 완료
간편한 드롭인 연동
WordPress 플러그인, API 또는 대시보드로 연결하세요. 인프라, 코드, 데이터베이스 스키마를 바꿀 필요가 없습니다.
보안, 프라이버시 및 접근 제어
SmallPict는 서버에 원본이나 최적화된 파일의 복사본을 보관합니까?
자체 스토리지를 사용하는 경우에는 보관하지 않습니다. 이미지는 격리되고 암호화된 처리용 스토리지에서 처리되며, 최적화된 파일은 사용자의 Cloudflare R2 버킷에 바로 기록됩니다. 파일은 사용자 계정에 있으며 원본은 사용자가 보관하고 해당 사본에 대한 책임도 사용자에게 있습니다. SmallPict는 백업을 보관하지 않습니다.
변환 후 사본을 보관하지 않음
최소 권한 IAM
SmallPict는 버킷 범위의 읽기 및 쓰기 권한(예: PutObject / GetObject)만 요구합니다. 전체 계정 관리자 권한은 절대 요청하지 않습니다.
프라이빗 버킷 지원
Cloudflare R2 버킷을 공개할 필요가 없습니다. SmallPict는 인증된 API로 직접 작성하며 공개 배포는 CDN 원본 제어를 통해 안전하게 라우팅됩니다.
AES-256 종단간 암호화
SmallPict에 저장된 모든 API 자격 증명은 AES-256 GCM 엔벨로프 암호화로 보호되며 평문으로 기록되지 않습니다.
100% 고객 데이터 주권
파일은 고객의 소유입니다. 언제든지 Cloudflare (R2 & Edge CDN) 콘솔에서 자격 증명을 취소하거나 키를 교체할 수 있습니다.
Cloudflare (R2 & Edge CDN) 지원 구성
클라우드 스토리지 계층, 버킷 구성, 리전 토폴로지, 엣지 전송 옵션 전반의 호환성을 확인하세요.
| 기능 및 구성 항목 | 지원 상태 | 기술 세부 사양 |
|---|---|---|
| 클라우드 객체 스토리지 | Supported | Cloudflare R2 완벽 네이티브 통합 |
| 멀티 리전 버킷 | Supported | 지리적 이중화 스토리지 지원 |
| 단일 리전 버킷 | Supported | 로컬 데이터 센터 스토리지 지원 |
| 표준 스토리지 클래스 | Supported | 최적의 성능 티어 |
| 엣지 CDN 가속 | Supported | Cloudflare CDN을 통한 글로벌 전송 |
| 전송 도메인 | Supported | 고객 자체 CDN 계정에서 관리 |
| 비공개 버킷 지원 | Supported | 원본 액세스 제한 활성화 |
| 최소 권한 자격 증명 | Supported | Cloudflare R2 API Token |
| 불변 Cache-Control 헤더 | Supported | max-age=31536000, immutable |
| AVIF / WebP 자동 협상 | Supported | 동적 Accept 헤더 지원 |
Cloudflare (R2 & Edge CDN)를 위한 이미지 최적화
AVIF, WebP, 압축 알고리즘, 반응형 치수 및 캐시 가능성을 다루는 기술 사양.
AVIF 포맷
JPEG/PNG보다 훨씬 작음
AVIF (AV1) 인코딩
AVIF는 AV1 키프레임 압축을 사용하며, 현재 브라우저가 지원하는 포맷 중 파일 크기 대비 화질이 가장 좋습니다.
WebP 포맷
같은 화질에서 JPEG/PNG보다 작음
범용 최신 브라우저 호환성
현재 모든 브라우저에서 지원되며, 알파 투명도를 유지하고 시각적 양자화를 적용합니다.
엣지 캐싱
1년 엣지 캐시
불변 캐시 헤더(Immutable)
엣지 보존율을 극대화하기 위해 public, max-age=31536000, immutable을 자동으로 부여합니다.
- 불필요한 원본 조회를 방지하는 1년 불변 CDN 엣지 캐싱
- 브라우저 HTTP Accept 헤더 기반 자동 최적 포맷 전송
- srcset 너비 서술자를 통한 반응형 다운스케일링
- 더 빠른 Largest Contentful Paint (LCP)
작아진 파일로 송신(Egress) 비용 절감
이미지 용량을 최적화하면 부풀려진 SaaS CDN 마크업 없이도 클라우드 제공업체의 월간 청구서를 직접 낮출 수 있습니다.
SmallPict 미사용 시 (원본 미디어)
과도한 송신 대역폭 및 느린 페이지 로딩
최적화되지 않은 원본 JPEG/PNG 이미지(개당 2.5MB–5MB)는 스토리지를 낭비하고 Cloudflare (R2 & Edge CDN)로부터 막대한 아웃바운드(Egress) 대역폭 요금을 발생시킵니다.
- 무거운 2.5MB - 5MB의 원본 이미지 용량
- 클라우드 공급업체의 과도한 송신 대역폭 요금
- Google 검색 순위에 악영향을 미치는 느린 LCP 레이턴시
SmallPict + Cloudflare (R2 & Edge CDN) 사용 시
클라우드 제공업체의 이그레스 대역폭 비용 절감
파일이 작아지면 외부 전송량이 줄어 매 결제 주기마다 클라우드 이그레스 비용이 낮아집니다.
- 방문자와 가까운 Cloudflare Global Anycast Edge Network 엣지 로케이션에서 이미지 제공
- Cloudflare (R2 & Edge CDN)에 자체 클라우드 요금으로 직접 지불하며, 폐쇄형 이미지 CDN의 추가 마진이 없습니다.
- 1년 캐시 헤더로 반복 요청은 CDN 엣지에서 응답
자주 묻는 질문
Cloudflare (R2 & Edge CDN) 스토리지 통합, CDN 캐시 헤더, 보안 정책 및 성능에 대한 명확한 기술 답변입니다.
Cloudflare R2 + Cloudflare CDN 통합이란 무엇인가요?
Cloudflare R2는 파일을 보관하고, Cloudflare CDN은 방문자와 가장 가까운 엣지 로케이션에서 캐시 사본을 제공합니다. SmallPict는 그 사이에서 이미지가 저장되고 전송되기 전에 압축합니다.
SmallPict가 Cloudflare R2에 저장된 이미지를 최적화할 수 있나요?
네. SmallPict는 Cloudflare R2 버킷에 직접 연결해 JPEG, PNG, WebP 이미지를 압축하고 AVIF와 WebP로 변환한 뒤, 최적화된 파일을 버킷 안에 바로 저장합니다.
SmallPict는 Cloudflare CDN과 호환되나요?
네. SmallPict가 최적화된 이미지를 Cloudflare R2에 전송할 때 장기 HTTP 캐시 헤더(Cache-Control: public, max-age=31536000, immutable)를 추가합니다. Cloudflare CDN은 이 자산을 엣지에 캐시하고 반복 요청에 엣지에서 응답합니다.
비공개(Private) Cloudflare R2 버킷을 사용할 수 있나요?
물론입니다. 버킷을 공개할 필요가 없습니다. SmallPict는 인증된 API 호출로 작성하며 외부 전송은 CDN이 보호합니다.
SmallPict에 Cloudflare (R2 & Edge CDN) 관리자 자격 증명이 필요한가요?
아닙니다. 최소 권한 원칙에 따라 대상 버킷에 대한 읽기 및 쓰기 권한(Cloudflare R2 API Token)만 있으면 됩니다.
멀티 리전 Cloudflare R2 버킷을 사용할 수 있나요?
네. 멀티 리전, 듀얼 리전 및 단일 리전 버킷 구성을 완벽하게 지원합니다.
SmallPict가 Cloudflare R2의 원본 이미지를 변경하거나 덮어쓰나요?
기본적으로 SmallPict는 원본 파일 옆에 최적화된 AVIF 및 WebP 파일을 생성하여 원본 이미지를 그대로 보존합니다.
최적화된 이미지는 어디에 저장되나요?
최적화된 모든 이미지는 사용자 계정의 Cloudflare R2 버킷에 바로 저장됩니다. BYO 스토리지에서는 원본을 사용자가 보관하며 해당 사본에 대한 책임도 사용자에게 있습니다. SmallPict는 백업을 보관하지 않습니다.
SmallPict는 WebP 및 AVIF 형식을 지원하나요?
네. AVIF와 WebP를 자체 인코딩하며, 둘 다 보통 JPEG보다 훨씬 작습니다. 브라우저 지원에 맞게 자동으로 제공합니다.
최적화 후 캐싱은 어떻게 작동하나요?
SmallPict는 저장되는 모든 자산에 Cache-Control: public, max-age=31536000, immutable 헤더를 추가합니다. 이를 통해 Cloudflare CDN 엣지 노드와 브라우저가 이미지를 최대 1년 동안 캐시하므로, 반복 요청이 원본에 도달하는 경우가 드물고 원본 전송 비용도 낮게 유지됩니다.