각 도구를 더 잘 활용하기 위한 짧은 가이드입니다.
최신 브라우저에는 WebP/AVIF, 이메일·레거시에는 PNG 폴백을 제공하세요.
이미지 · 성능 · WebP
개발 중 minify된 소스를 디버깅하지 않고 더 작은 asset을 배포하세요.
JavaScript · CSS · 성능
SVG를 정리하여 번들 크기를 줄이고 성능을 향상시킵니다.
SVG · 성능 · 웹 개발
비교
올바른 워크플로를 고를 수 있도록 나란히 정리한 비교 노트입니다.