JPG 및 PNG 이미지를 SVG로 변환하는 방법

JPG, PNG 또는 GIF와 같은 기존 이미지 형식은 매우 인기가 있지만 특정 응용 프로그램에 적합하지 않은 단점이 있습니다.

예를 들어 반응 형 웹 사이트를 만드는 경우 표시되는 너비와 높이에 관계없이 이미지가 좋아 보이길 원합니다. 예를 들어 이미지를 너무 크게 확대하면 기존 이미지가 나빠 보입니다.

이미지를 다른 크기로 표시해야 할 수도 있습니다 (예 : 블로그 색인 페이지의 축소판 그림 및 링크 된 기사의 전체 해상도 이미지).

가장 적합한 이미지를 선택하기 위해 단일 이미지의 다른 버전을 만들 수 있지만, 그 중에서도 더 많은 스토리지가 필요하다는 것을 의미합니다.

SVG 이미지 형식은 벡터 형식입니다. 즉, 품질 손실 (확장 가능)없이 크기를 늘리거나 줄일 수 있습니다. 다른 해상도를 사용하여 이미지를 여러 곳에 표시해야하는 경우 유용합니다.

SVG의 다른 장점은 크기가 일반적으로 훨씬 작으며 CSS에서 직접 수행 할 수 있기 때문에 웹 마스터가 변경하는 데 약간의 유연성을 제공한다는 것입니다.

한 예 : Terence Eden은 Twitter, Amazon, WhatsApp, YouTube 또는 Reddit과 같은 인기있는 인터넷 회사의 로고를 SVG로 재생성했습니다. 로고 크기는 1 킬로바이트 미만으로, 때로는 200 바이트로 줄었습니다. 예를 들어 PNG 형식의 Twitter 로고는 크기가 20 킬로바이트이고 SVG 버전은 397 바이트입니다.

SVG는 로고와 아이콘에 적합한 형식이지만 사진과 다른 유형의 많은 이미지를 보여주는 다른 유형의 이미지에는 적합하지 않습니다.

SVG로 변환

이 안내서는 이미지를 SVG로 직접 변환하는 데 사용할 수있는 응용 프로그램에 중점을 둡니다. 벡터 그래픽을 처음부터 만들도록 설계된 응용 프로그램 사용에 대한 자습서는 아닙니다. Adobe Illustrator (Adobe 정책에 대한 링크가 없음), Inkscape 또는 LibreOffice Draw와 같은 벡터 그래픽 편집기를 사용할 수 있습니다.

온라인으로 실행할 수있는 많은 무료 변환기를 사용할 수 있지만 변환 프로세스와 관련하여 상당히 제한적입니다. png 또는 jpg로 사용할 수있는 간단한 로고를 svg로 변환하는 데 충분할 수 있지만 결과는 대부분 좋지 않습니다.

서비스 평가 방법은 다음과 같습니다. Ghacks 로고를 다운로드하고 수십 개의 SVG 변환기에서 변환을 시도했습니다. 결과를 판단하고 좋은 결과를 얻지 못한 서비스는 버렸습니다.

  • Aconvert-서비스는 로컬 파일 또는 URL을 입력으로 사용합니다. 그것이 제공하는 유일한 옵션은 이미지의 해상도를 변경하는 것입니다. 결과 이미지는 Ghacks 로고처럼 보이지만 크기는 로고의 PNG 버전 크기의 거의 두 배입니다.
  • Vector Magic-Windows 용 온라인 변환기 및 데스크탑 프로그램으로 제공됩니다. 그러나 무료는 아닙니다 (온라인 비용은 월 $ 7.95, 데스크톱 버전은 일회성 $ 295). 그러나 온라인 버전의 결과는 훌륭하며 설정을 편집하거나 수정하는 많은 옵션과 원본 이미지 및 svg 사본을 나란히 표시합니다.
  • 벡터 라이저-다른 무료 서비스. 여기에는 최상의 출력 매개 변수 (흐림, 색상)를 선택하거나 직접 설정할 수있는 마법사가 제공됩니다. 결과는 약간의 조정으로 좋았으며 결과 이미지의 크기는 원본 PNG 로고보다 1/3이 적었습니다.

이제 당신은 : 이미지를 SVG 형식으로 변환하는 다른 온라인 서비스 나 프로그램을 알고 있습니까?