png svg 변환 adobe express 무료 이용하기(vs 일러스트레이터 Image trace : 이미지 추적)

png를 svg로 변환해주는 사이트들이 많은데요. 어떤 것은 컬러가 변해버리기도 하고 어떤 사이트에서는 이미지가 아예 누락되어 버리기도 합니다. 오늘 소개해드리는 어도비 익스프레스는 사용해보니 그중에서 그래도 이미지에 큰 변형 없이 변환해주는 것 같아 소개해드립니다. 

 

어도비 익스프레스

어도비 익스프레스는 캔바나 미리캔버스 같은 온라인 이미지, 문서 편집 프로그램입니다.

파워포인트 같은 작업도 가능하고, 로고, 인스타그램 게시물, 전단지,  광고 이미지도 만들 수 있습니다.

 

 

어도비 익스프레스에 대한 간단한 사용 방법은 아래 글을 참고해주시면 됩니다. 무료로 사용해보실 수 있고, 포토샵, 일러스트레이터, 어도비 크리에이티브 클라우드를 구독하고 계신 분들은 어도비 익스프레스가 기본으로 포함이 되어 있습니다.

 

어도비 익스프레스 무료 / 이용방법 / 캔바 미리캔버스 보다 더 좋은점 나쁜점

어도비 익스프레스 무료 / 이용방법 / 캔바 미리캔버스 보다 더 좋은점 나쁜점

 

 

PNG to SVG 변환 (어도비 익스프레스)

지금 알려드리는  PNG 파일을 SVG  파일로 변환하는 기능은 어도비 익스프레스의 기능이지만 어도비 홈페이지나 어도비 익스프레스에서 바로가기를 찾기 쉽지 않습니다. 일부러 못찾게 해놓은 것인지는 모르겠습니다. 어도비 익스프레스에서 바로가기 링크가 없거든요. 그러니 아래 바로가기가 유용하실 거예요.

 

 

PNG to SVG 변환 (adobe express)

 

 

변환 프로그램은 무료로 사용할 수 있고 변환도 잘 되는 편입니다. 

 

 

위 바로가기 링크를 클릭하시거나 이미지를 클릭하시면 어도비 익스프레스 변환기로 이동할 수 있습니다. 

 

변환한 결과물을 살펴보면 아래 첫번째 이미지가 변환 전의 PNG 이미지이고 두번째이미지가 변환한  SVG 결과물입니다.

 

 

 

 

 

캡처를 해서 보여드릴 수 밖에 없는 점 양해 바랍니다. 약간 결과물이 거칠어 보이지만 웬만한 무료 변환 사이트 보다는 훨씬 결과물이 낫습니다. 

 

 

 

배경색이 투명한 이미지의 경우는 조금 더 거칠게 변환이 되기도 하는데요. 흰색 배경이 채워지는 단점이 보이긴 하네요. 하지만 급한대로 이미지를 사용할 수는 있을 것 같습니다.

 

 

 

 

Image Trace (어도비 일러스트레이터)

png를 svg로 변환하면 래스터 이미지가 vector 이미지로 변경이 되는데요. 이 과정에서 대부분의 온라인 변환기들은 이미지를 완벽하게 변환하지는 못합니다. 이미지 크기 때문일 때도 있고, 변환기에서 사용하는 알고리즘이 단순하게 처리하는 부분만 갖고 있어서일 수도 있습니다. 그래서 어떤 경우엔 컬러가 크게 왜곡되기도 하고 컬러가 흑백으로 변하기도 합니다. 

 

좀 더 나은 결과물을 얻으려면 이미지 퀄리티가 좋아야하는 면도 있지만 일러스트레이터에서 변환을 해야 더 나은 결과를 얻을 수 있습니다. 일러스트레이터에서는 이미지트레이스(이미지 추적)이라는 기능을 통해서 래스터이미지를 벡터이미지로 변환할 수 있습니다.

 

확대하면 픽셀이 보이는 래스터이미지(왼쪽)와 픽셀없이 깔끔하게 확대되는 벡터이미지(오른쪽)

 

 

일러스트레이터 이미지 트레이스에서는 먼저 컬러 옵션을 다양하게 선택할 수 있습니다. 이미지가 흑백으로 변환되는 경우는 아래 Black and White logo 같은 것으로 변환되는 경우이구요. 다양한 컬러를 유지하려면 High Fidlity Photo를 선택하고 변환하면 됩니다.

 

 

 

저는 우선 3 Colors를 선택하고 변환 후, Trace Option을 추가로 설정하고자 합니다. 이미지에 따라서는 컬러 설정만으로도 충분히 사용할 수 있는 벡터 이미지를 얻을 수도 있지만 이미지가 왜곡되거나 심하게 유실되는 경우, 라인이 단순화되어 버리는 경우들을 조절을 통해서 어느 정도 만족스러운 상태로 만들 수 있습니다.

 

 

 

아래 두 이미지를 비교해보세요. 아래쪽이 옵션을 조정해준 이미지입니다. 일부분 유실됐던 부분들이 좀 더 살아나고 뭉개진 부분이 적은 것을 확인할 수 있습니다. 

 

 

 

 

 

 

 

 

마치며,

어도비 익스프레스를 이용해서 PNG를 SVG로 변환하는 방법과 함께 일러스트레이터에서 Image Trace를 하는 방법도 같이 알려드렸습니다. 무료 변환 프로그램들이 유용하긴 하지만 보다 나은 결과물을 얻으려면 먼저 이미지 크기를 크게 업스케일하고 그래도 안되면 일러스트레이터에서 변환을 하는 것이 더 나은 결과물을 얻을 수 있는 점 참고하시면 좋겠습니다.

 

 

고맙습니다.