웹용은 ‘출력 크기’가 기준입니다
인쇄용 고해상도를 그대로 웹에 올리면 대부분 낭비입니다.
레티나 대응은 무한이 아닙니다
디자인 그리드의 2배 범위에서 관리하면 충분한 경우가 많습니다.
포맷 선택
사진은 JPEG/WebP, 투명은 PNG, 아이콘은 SVG 후보.
마지막은 압축 도구
메인 페이지에서 배포 용량을 확정합니다.
정리: 웹용 이미지 만들기는 규칙이 성능을 만든다
규칙이 있으면 팀 전체가 빨라집니다.
웹용 이미지 만들기에서 뷰포트·DPR·포맷 선택까지 한 번에 정리합니다.
인쇄용 고해상도를 그대로 웹에 올리면 대부분 낭비입니다.
디자인 그리드의 2배 범위에서 관리하면 충분한 경우가 많습니다.
사진은 JPEG/WebP, 투명은 PNG, 아이콘은 SVG 후보.
메인 페이지에서 배포 용량을 확정합니다.
규칙이 있으면 팀 전체가 빨라집니다.