Web Guide이미지 형식WebP용량 절감
차세대 이미지 형식 활용하기
같은 화질에 용량을 절반 이하로 줄일 수 있습니다.
형식만 바꿔도 속도가 눈에 띄게 좋아집니다.
01형식별 특성
용도에 맞는 형식이 있습니다.
사진용 기존 형식
널리 쓰이지만 용량이 큽니다.
투명 배경 형식
품질은 좋지만 용량이 큽니다.
차세대 형식
같은 화질에 용량이 훨씬 작습니다.
벡터 형식
아이콘과 도형에 적합. 확대해도 선명.
움직이는 이미지
영상 형식이 더 효율적입니다.
선택 기준
내용 성격에 맞춰 고릅니다.
02전환 효과
체감할 수 있는 개선이 있습니다.
용량 감소상당한 비율로 줄어듭니다.
속도 개선내려받는 시간이 줄어듭니다.
전송량 절감호스팅 비용도 줄어듭니다.
모바일 체감느린 환경에서 차이가 큽니다.
성능 점수측정 지표가 개선됩니다.
화질 유지눈으로는 차이를 못 느낍니다.
03구형 대응
지원하지 않는 환경도 고려해야 합니다.
대체 제공 지원 안 되면 기존 형식으로.
자동 판단 브라우저에 맞춰 골라 보냅니다.
서버 설정 요청에 따라 다른 파일 제공.
이미지 서비스 자동 변환 기능을 활용합니다.
지원 현황 대부분 최신 형식을 지원합니다.
확인 여러 환경에서 테스트합니다.
04전환 실무
기존 이미지도 처리해야 효과가 납니다.
새 이미지
업로드 시 자동 변환 설정 · 담당자는 신경 안 써도 됨
기존 이미지
일괄 변환 작업 · 원본 보관 · 링크 확인 · 용량 큰 것부터
CHECK POINT
□ 차세대 이미지 형식을 쓰고 있는가
□ 업로드 시 자동 변환되는가
□ 지원하지 않는 환경에 대체 이미지를 제공하는가
□ 기존 이미지도 변환했는가
□ 원본을 보관하고 있는가
□ 아이콘은 벡터 형식을 쓰는가
□ 변환 후 화질을 확인했는가
□ 여러 환경에서 테스트했는가
#이미지 형식#WebP#용량 절감#속도 개선#자동 변환#구형 대응#전송량#반응형#웹비스타#홈페이지 제작