List

이미지 CDN과 동적 리사이즈

#웹가이드

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