Image Optimization

이미지, URL 하나로
완전히 바꾼다

원본 이미지를 그대로 두고 URL에 명령어만 추가하세요. 브라우저 Accept 헤더를 감지해 AVIF·WebP를 자동 제공하고, 리사이즈·품질·포맷을 실시간으로 처리합니다.

시작하기 전체 매뉴얼

최대 50%

AVIF 파일 크기 절감

약 50 ms

캐시 HIT 응답속도

3종

포맷 자동 분기

같은 URL · 브라우저별 결과

🟢 Chrome 85+ / Safari 16+

→ AVIF 자동 제공

약 50% 절감

🔵 Safari 14–15 / Firefox 65+

→ WebP 자동 제공

약 30% 절감

⚪ IE 11 이하 / 구형 브라우저

→ 원본 포맷 그대로 유지

100% 호환

# 하나의 URL, 자동 최적화
cdn.myservice.com/images/
  product.jpg/c_hdims/optimize
Accept: image/avif → AVIF 반환

포맷 비교

브라우저별 최적 포맷 자동 제공

동일한 이미지를 각 브라우저의 Accept 헤더를 읽어 지원하는 가장 효율적인 포맷으로 자동 변환합니다.

Chrome · Edge · Safari 16+

AVIF

AV1 코덱 기반 차세대 이미지 포맷. 높은 압축 효율로 화질 손실을 최소화하며, 투명도·애니메이션·HDR을 모두 지원합니다.

JPEG 대비 크기약 50% 절감

화질최상

지원Chrome 85+, Edge 121+, Safari 16+, Samsung 21+

JPEG 대비 약 50% 수준

Safari 14–15 · Firefox

WebP

Google이 개발한 웹 최적화 포맷. AVIF 미지원 환경의 자동 폴백으로 제공되며, 투명도와 애니메이션을 지원합니다.

JPEG 대비 크기약 30% 절감

화질우수

지원Safari 14+, Firefox 65+, iOS 14+

JPEG 대비 약 70% 수준

구형 브라우저 (폴백)

JPEG / PNG 원본

AVIF·WebP 미지원 환경(IE 11 이하 등)에는 원본 포맷을 그대로 전달해 완벽한 호환성을 유지합니다.

용량 절감원본 유지

호환성100%

지원IE 11 이하, 구형 Mobile

원본 100% 그대로

URL 명령어

URL로 모든 것을 제어

c_hdims 키워드 뒤에 명령어를 추가하면 원하는 이미지 변환이 즉시 적용됩니다.

optimize

통합 자동 최적화 (권장)

브라우저 Accept 헤더를 읽어 최적 포맷을 자동 선택하고 최고 압축률을 제공합니다. /c_hdims/optimize

format

포맷 명시 변환

출력 포맷을 직접 지정합니다. /c_hdims/format/avif /c_hdims/format/webp /c_hdims/format/jpeg

resize

리사이즈

원본 비율 유지하며 크기를 조정합니다. /c_hdims/resize/800x600 /c_hdims/resize/400x300

quality

품질 조정

이미지 품질을 1~100 범위로 조정합니다. /c_hdims/quality/85 (권장 범위: 75~90)

crop

크롭

좌상단 기준 특정 영역을 잘라냅니다. /c_hdims/crop/500x300+10+40 /c_hdims/cropcenter/500x300+0+0

rotate

회전 / 대칭

각도만큼 회전하거나 대칭이동합니다. /c_hdims/rotate/90 /c_hdims/flipflop/horizontal

전체 명령어 레퍼런스 →

URL 변환 예시
# 통합 자동 최적화 (권장)
cdn.myservice.com/images/
  product.jpg/c_hdims/optimize
 
# 리사이즈 (비율 유지)
cdn.myservice.com/images/
  product.jpg/c_hdims/resize/800x600
 
# 리사이즈 (가로 기준, 세로 자동)
cdn.myservice.com/images/
  product.jpg/c_hdims/resize/400x0
 
# 포맷 직접 지정 + 품질 조정
cdn.myservice.com/images/
  banner.jpg/c_hdims/format/avif/quality/80
 
# WebP 강제 지정 + 품질 75
cdn.myservice.com/images/
  banner.jpg/c_hdims/format/webp/quality/75
 
# 썸네일 (리사이즈 + 중앙 크롭)
cdn.myservice.com/images/
  avatar.jpg/c_hdims/resizecrop/200x200+0+0
 
# 특정 영역 크롭
cdn.myservice.com/images/
  photo.jpg/c_hdims/crop/500x300+10+40
 
# 리사이즈 + 포맷 변환 조합
cdn.myservice.com/images/
  hero.jpg/c_hdims/resize/1200x0/format/avif
 
# 이미지 분석 (메타정보 JSON)
cdn.myservice.com/images/
  photo.jpg/c_hdims/analyze/src

처리 흐름

요청부터 응답까지, 100% 자동

원본 서버 설정 변경 없이 CNAME 연결 후 즉시 동작합니다.

🌐

브라우저 요청

브라우저가 이미지 URL을 요청. Accept 헤더에 지원 포맷 목록을 담아 전송

🔍

CDN 캐시 조회

동일 URL·포맷 조합의 캐시가 있으면 즉시 반환. 없으면 On-the-fly 변환으로 진행

⚡

On-the-fly 변환

Accept 헤더 분석 후 최적 포맷 결정. URL 명령어 기반 리사이즈·품질 변환 실행

🚀

캐시 저장 후 응답

변환 결과를 CDN 엣지에 캐싱 (Vary: Accept 적용). 이후 동일 요청은 추가 변환 없이 빠르게 응답

브라우저 지원

모든 브라우저에서 최적 결과

M2Live가 Accept 헤더를 분석해 AVIF → WebP → 원본 포맷 순서로 자동 결정합니다.

🟢

Chrome 85+ / Edge 121+
Safari 16+ / iOS 16+ / Samsung 21+

AVIF 자동

AV1 기반 차세대 포맷. 투명도·애니메이션·HDR 지원. 2024년 기준 전 세계 브라우저 점유율 90% 이상에서 지원됩니다.