Apr 12, 2020

디자이너 관점에서 이미지 포맷별 특성, 압축 방식, 웹 성능 최적화 기준을 정리했습니다. PNG, JPG, SVG 등 상황별 이미지 사용을 판단하는 데 도움이 됩니다.

Comments

#nojs-banner { position: fixed; bottom: 0; left: 0; padding: 16px 16px 16px 32px; width: 100%; box-sizing: border-box; background: red; color: white; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 13px; } #nojs-banner a { color: inherit; text-decoration: underline; } This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts

디자이너를 위한 이미지 최적화: 포맷·압축·웹 성능