How It Works
이미지 링크 하나가 사용자 환경에 맞춘 최적 경험으로 분기됩니다
사전 변환이나 파생 이미지 저장 없이, 요청 시점의 환경에 맞춰 포맷과 크기를 가공해 응답하는 JIT(Just-in-time) 방식입니다.
요청
기존 이미지 URL 뒤에 명령만 추가합니다. 원본 서버와 등록 프로세스는 그대로입니다.
감지
Accept 헤더, 디바이스, 캐시 조건을 요청 시점에 읽습니다.
변환
포맷·크기·품질을 실시간 가공합니다. 파생 이미지 저장 0건 — 원본은 한 벌만 운영합니다.
응답
환경별 최적 포맷으로 응답하고 Edge Cache가 반복 요청을 받아냅니다.
Before / After
원본 한 장에서 목적별 이미지 응답으로 나뉩니다
원본 파일을 다시 등록하지 않고, 요청 목적에 따라 리사이즈·크롭·포맷 변환·워터마크 응답을 분기합니다.
BeforeJPG 3.8MB
원본 크기Resize 없음Cache miss
After실시간 처리
Resize800w
Crop4:5
Format
AVIFWebPJPEG
Watermarkbrand mark
Field Result
원본은 JPG 그대로, 출력은 AVIF 중심으로
원본 포맷대형 커머스 운영 실측
JPG 중심
기타
출력 포맷 — 원본 URL은 유지하고, 브라우저별 자동 분기
AVIF 61%
JPG 폴백
원본의 대부분을 차지하는 JPG가 AVIF 중심으로 전환 출력되고, 미지원 브라우저에는 원본 포맷으로 자동 폴백됩니다. 깨지는 환경 없이 전송량을 줄이는 구조입니다.
Image Optimization Benchmark
Just OneLink로 이미지 전송을 브라우저별로 최적화합니다
원본 이미지는 유지하고 요청 시점에 Accept Header, 디바이스, 캐시 조건을 감지합니다. M2 Live Cloud는 포맷, 크기, 품질, 전송 경로를 자동으로 조정합니다.
AVIF
지원 브라우저에는 가장 높은 압축 효율의 고효율 포맷을 우선 제공합니다.
고효율 압축WebP
AVIF 미지원 환경에는 호환성이 넓은 WebP로 자동 fallback합니다.
호환 포맷 응답JPEG / PNG
신규 포맷 미지원 환경은 원본 포맷을 유지해 깨짐 없는 노출을 우선합니다.
레거시 폴백# 동일 URL 요청, 환경별 자동 응답
cdn.myservice.com/images/product.jpg/c_hdims/optimize
Accept: image/avif -> AVIF · Accept: image/webp -> WebP
URL Commands
URL 명령 하나로 변환을 제어합니다
이미지 URL 뒤에 명령을 붙여 변환 정책을 지정합니다. 별도 SDK나 빌드 과정 없이 마크업에서 바로 사용할 수 있습니다.
| 명령 | 동작 |
|---|---|
| optimize | 통합 자동 최적화 |
| format | 포맷 명시 지정 |
| resize | 크기 조정 |
| quality | 품질 조정 (1–100) |
| crop | 영역 자르기 |
| rotate | 회전 · 대칭 |
| analyze | 메타정보 분석 (JSON) |
전체 명령과 옵션은 개발자 문서에서 확인할 수 있습니다.
Browser Matrix
브라우저별 포맷을 안전하게 분기합니다
Accept 헤더 기준으로 포맷을 분기하고, Vary: Accept로 포맷별 독립 캐싱합니다. 반복 요청은 캐시된 응답으로 처리합니다.
Chrome 85+ · Edge · Safari 16+
고효율 AV1 코덱 — 우선 응답
Safari 14–15 · Firefox
AVIF 미지원 환경 자동 폴백
IE 등 레거시 브라우저
원본 포맷 유지 — 레거시 호환
E-commerce Scenario
기존 쇼핑몰 운영 흐름에 적용합니다
수십만 장도 재업로드 없이
이미 등록된 상품 이미지 전체가 재업로드 없이 URL 그대로 AVIF·WebP로 전환 응답됩니다.
원본 이미지 한 장으로 필요한 크기 생성
썸네일부터 상세 확대까지 — resize 파라미터로 필요한 크기를 즉시 생성합니다. 파생 파일을 만들지 않습니다.
이미지 교체 즉시 반영
캐시 퍼지로 변경된 상품 이미지를 즉시 갱신합니다. 프로모션 교체 시점이 어긋나지 않습니다.
Commerce Reality
통제하기 어려운 셀러 이미지까지 관리 대상입니다
외부(셀러) 이미지 처리
대형 커머스에서는 셀러가 게시한 외부 이미지가 상당한 비중을 차지합니다. 원본을 통제할 수 없는 영역까지 기존 URL 흐름을 유지한 채 가공합니다.
폴백 대체 응답
외부 원본이 응답하지 않거나 깨질 때, 페이지가 깨지는 대신 폴백 이미지로 대체 응답해 구매 흐름을 보호합니다.
해상도 제한 · 원본 보호
비정상적인 대형 이미지 요청을 차단하고, Edge Cache로 origin 부하를 줄여 원본 서버를 보호합니다.
Learn Map
Learn 전체 맵 보기 →다음으로 이어서 볼 가이드
지금 읽은 주제와 연결되는 개념을 함께 확인하면 PoC 범위를 더 정확히 잡을 수 있습니다.