[React] PNG파일을 SVG파일로 변경하는 방법

🚗 Image Magick

유료, Adobe 등을 이용하여 PNG파일을 SVG파일로 변경할 수도 있지만, ImageMagick이라는 오픈소스 프로그램을 사용해도 간단하게 변경할 수 있다.

 

윈도우즈 환경에서는 아래의 실행파일을 직접 다운로드 받아야 한다.

 

https://imagemagick.org/script/download.php#windows

ImageMagick

 

순차적으로 설치를 진행한 후에 체크박스를 선택하는 부분이 나오는데 아래 그림과 같이 선택하면 된다.

 

 

설치를 완료한 뒤 환경변수 설정을 해준다.

 

새로 만들기를 해서

 

 

위와 같이 생성해주면 된다.

 

명령 프롬프트에 magick를 입력했을 때 다음과 같이 뜬다면 정상적으로 설치가 완료된 것이다.

 

 

이후 커맨드 창에 입력해야 하는 부분을 잘 기억해야 한다.

 

"C:\Program Files\ImageMagick-7.1.1-Q16-HDRI\magick" LOLPAGO.png LOLPAGO.svg

 

다음과 같이 magick이 설치된 경로와 변경할 이미지, SVG파일명을 순서대로 작성해주면 된다.

 

그러면 다음과 같이 정상적으로 SVG파일이 생성된 것을 알 수 있다.

 

 

 

 

SVG파일이 미리보기로 뜨지 않는 경우가 있는데 아래를 참고해라.

 

 

 

 

🚓 SVG파일 미리보기

SVG파일을 미리보기 하기 위해서 아래의 링크에서 exe파일을 설치하면 된다.

 

별도의 과정 없이 설치만 완료하면 된다.

 

 

https://github.com/tibold/svg-explorer-extension/releases

Releases · tibold/svg-explorer-extension