권장사항

W3C 기준으로 SVG Tiny 1.2

내보내기

일러스트레이터

<aside> ☝ img 태그를 활용해서 사용할 때

</aside>

• SVG Profiles: SVG Tiny 1.2

• Fonts

  • Type: SVG
  • Subsetting: None

• Image Location: Embed

• Demical Places: 4

  : 3을 권장하지만, 퀄리티 조절 때문에 4를 추천

• Responsive: False

압축

gzip 활용

특이사항

Base64 인코딩

CSS에서 사용하기 위해 SVG를 Base64 인코딩을 하기도 합니다. 다만, 다운로드하는 동안 나머지 스타일 로딩을 차단시키기 때문에 사용하지 않는 것이 좋습니다.

Gradient

<aside> ☝ 일러스트레이터에서 생성하여 내보낼 때에는 rasterize가 되므로, 직접 구현하는 것이 정신 건강에 이롭습니다.

</aside>

RadialGradient