본문 바로가기

코딩/SVG

SVG 기본 개념 정리 사이트 모음

1. SVG 가이드 (번역본)

https://svgontheweb.com/ko/

 

웹에서 SVG 사용하기

들어가며 우리는 픽셀의 시대를 살아가고 있습니다. 웹 디자이너와 웹 개발자들에게 픽셀이란 뗄레야 뗄 수 없는 친구이면서 골치덩어리입니다. 완벽한 웹 사이트를 위해서는 파일 용량을 줄여 성능을 높여야 합니다. 웹 상에 아이콘, 로고, 일러스트레이션 이미지 등을 사용한다면, SVG를 사용하는 것이 유일한 방법입니다. SVG는 확장 가능한 벡터 그래픽(Scalable Vector Graphics)의 약자로 모든 스크린에서 화질이 선명하며, 최소 용량이고, 편집

svgontheweb.com

 

2. SVG 제작 방식

https://mytory.net/archives/11175

 

SVG 활용 2 – 일러스트레이터를 이용해서 SVG 파일 만들기

 

목차

  1. SVG 활용 1 – 아이콘 폰트가 아니라 SVG를 사용한 이유
  2. SVG 활용 2 – 일러스트레이터를 이...

     

    mytory.net

 

 

3. SVG 파일 변환하는 방법

https://astrosculptor.tistory.com/117

 

SVG파일 변환하는 방법

SVG파일 변환하는 방법 가끔씩 작업을 하다보면 svg라는 파일이 튀어나올 때가 있다. svg파일이란 도대체 뭐고, 어디에 쓰는 파일인가, 어떻게 변환하는가에 대하여 알아보고자 한다. svg파일이란 Scalable Vecto..

astrosculptor.tistory.com

· PNG TO SVG https://picsvg.com/

 

Free SVG Converter

Free SVG converter Need to convert a picture to SVG format ? Picsvg is a free online converter that can convert an image to a SVG file. You can upload an image file (jpg,gif,png) up to 4 Mb, then you can select effects to enhance the SVG image result. What

picsvg.com