웹용 이미지 만들기: 인쇄용 파일을 웹에 얹기 전에 할 일

웹용 이미지 만들기에서 뷰포트·DPR·포맷 선택까지 한 번에 정리합니다.

웹용은 ‘출력 크기’가 기준입니다

인쇄용 고해상도를 그대로 웹에 올리면 대부분 낭비입니다.

레티나 대응은 무한이 아닙니다

디자인 그리드의 2배 범위에서 관리하면 충분한 경우가 많습니다.

포맷 선택

사진은 JPEG/WebP, 투명은 PNG, 아이콘은 SVG 후보.

마지막은 압축 도구

메인 페이지에서 배포 용량을 확정합니다.

정리: 웹용 이미지 만들기는 규칙이 성능을 만든다

규칙이 있으면 팀 전체가 빨라집니다.