PNG 파일을 포토샵 및 일러스트레이터를 이용해서 SVG 파일에 붙여넣기

SVG 파일은 아무리 확대해도 픽셀이 깨져서 보이지 않는다는 장점이 있다. 그래서 웹페이지나 논문 데이터로 사용하기에 적절하다.

 

내 경우에는 1) 웹페이지 화면을 캡쳐한 PNG 파일에서 2) 일부를 떼어내고 3) 추가로 더 꾸민 후 4) SVG 파일로 만들고 싶었다.

 

검색해보니, 일단 PNG 파일을 SVG 파일로 변환하는 것은 오믈렛을 계란으로 바꾸는 일로 비유되고 있었다.

 

그래서 나는 그냥 일러스트레이터에 PNG 파일을 붙여넣기 한 후 SVG로 저장하였다. 다음의 과정으로 진행하였다.

• 웹페이지 캡쳐함 (PNG 형식)
• PNG파일을 포토샵에서 불러옴 (파워포인트에서 불러오면 화질이 낮아진다/ 한편, 일러스트레이터에서 불러오면 그림의 일부분을 자르기가 어렵다-내 기준)
• 포토샵에서 일부분 선택 후 일러스트레이터에 붙여넣기 (CTRL+C,V)
• 일러스트레이터에서 SVG형태로 저장 ([파일]>[내보내기]>[화면에 맞게 내보내기]>[원하는 대지 선택 후 SVG로 내보내기])

위와 같이 하면 PNG 파일의 일부분을 떼어내어 SVG 파일에 붙여 넣을 수 있다. 이렇게 하면 아마 PNG 파일의 픽셀 그대로 백터 이미지화 되는 것 같다 (확실 X).