Web Guide이미지 CDN동적 리사이즈이미지 최적화
이미지 CDN과 동적 리사이즈
이미지 규격을 바꿀 때마다 전부 다시 만들 필요가 없습니다.
주소에 조건을 붙이면 그때그때 필요한 크기로 만들어 줍니다.

01기존 방식의 불편
업로드 시 여러 크기를 미리 만들어 두는 방식에는 한계가 있습니다.
01
규격 변경
디자인이 바뀌면 전부 다시 만들어야 합니다.
02
저장 공간
같은 이미지를 여러 벌 보관합니다.
03
새 규격 추가
화면이 추가되면 또 만들어야 합니다.
04
처리 시간
업로드 시 변환에 시간이 걸립니다.
05
누락
일부 크기가 안 만들어진 경우가 생깁니다.
02동적 방식의 장점
원본 하나만 두고 필요할 때 변환합니다.
미리 생성 방식
요청 시 빠름 · 저장 공간을 많이 씀 · 규격 변경이 번거로움 · 구현이 단순
동적 변환 방식
원본 하나만 보관 · 규격을 자유롭게 변경 · 첫 요청 시 변환 시간 · 이후에는 저장된 것을 전달
03활용 방법
화면 상황에 맞춰 최적의 이미지를 내보낼 수 있습니다.
크기 조정
화면 폭에 맞는 크기로 전달합니다.
형식 변환
지원하는 브라우저에 최신 형식을 보냅니다.
품질 조정
용도에 따라 압축률을 다르게 합니다.
잘라내기
비율에 맞게 자동으로 자릅니다.
워터마크
필요하면 표시를 넣을 수 있습니다.
고해상도 대응
선명한 화면용 이미지를 따로 제공합니다.
04주의할 점
편리하지만 관리 포인트가 있습니다.
변환 횟수에 과금되는 경우가 있습니다.
규격이 너무 많으면 변환 비용이 늘어납니다.
원본 주소가 그대로 노출되지 않게 합니다.
처음 변환할 때는 조금 느립니다.
쓸 크기를 몇 가지로 정해둡니다.
서비스를 바꿀 때 주소가 전부 바뀝니다.
CHECK POINT
□ 이미지 규격이 자주 바뀌는 상황인가
□ 원본을 안전하게 보관하고 있는가
□ 사용할 규격을 몇 가지로 표준화했는가
□ 변환 요금 구조를 확인했는가
□ 원본 주소가 노출되지 않는가
□ 최신 형식 변환이 적용되는가
□ 서비스 변경 시 주소 영향을 고려했는가
#이미지 CDN#동적 리사이즈#이미지 최적화#반응형 이미지#속도 개선#변환 비용#원본 관리#호스팅#웹비스타#홈페이지 제작