JPG 및 PNG 이미지를 SVG로 변환하는 방법
- 범주: 개발
JPG, PNG 또는 GIF와 같은 기존 이미지 형식은 매우 널리 사용되지만 특정 응용 프로그램에 적합하지 않은 단점이 있습니다.
예를 들어 반응 형 웹 사이트를 만드는 경우 표시되는 너비와 높이에 관계없이보기 좋은 이미지를 원합니다. 예를 들어 너무 많이 확대하면 기존 이미지가 나빠 보입니다.
예를 들어 블로그 색인 페이지의 썸네일로, 링크 된 기사의 전체 해상도 이미지로 이미지를 다른 크기로 표시해야 할 수도 있습니다.
가장 적합한 이미지를 선택하도록 단일 이미지의 다양한 버전을 만들 수 있지만, 이는 무엇보다도 더 많은 스토리지가 필요함을 의미합니다.
SVG 이미지 형식은 벡터 형식입니다. 즉, 품질 손실없이 크기를 줄이거 나 늘릴 수 있습니다 (확장 가능). 다른 해상도를 사용하여 여러 위치에 이미지를 표시해야하는 경우 유용합니다.
SVG의 다른 장점은 일반적으로 크기가 훨씬 작으며 일부는 CSS에서 직접 수행 할 수 있으므로 웹 마스터에게 유연성을 제공한다는 것입니다.
한 가지 예 : Terence Eden 재창조 SVG의 Twitter, Amazon, WhatsApp, YouTube 또는 Reddit과 같은 인기있는 인터넷 회사의 로고. 로고의 크기는 1KB 미만으로 축소되었으며 때로는 200 바이트까지 줄어 들었습니다. 예를 들어 PNG 형식의 Twitter 로고의 크기는 20KB이고 SVG 버전은 397 바이트입니다.
SVG는 로고와 아이콘에 적합한 형식이지만 다양한 개체를 표시하는 사진 및 기타 유형의 이미지에는 적합하지 않습니다.
SVG로 변환
이 가이드는 이미지를 SVG로 직접 변환하는 데 사용할 수있는 응용 프로그램에 중점을 둡니다. 이것은 벡터 그래픽을 처음부터 만들도록 설계된 응용 프로그램 사용에 대한 자습서가 아닙니다. Adobe Illustrator와 같은 벡터 그래픽 편집기 (당사의 Adobe 정책에 대한 링크 없음 여전히 서 있습니다), 잉크 스케이프 또는 LibreOffice Draw 그에 대한.
LibreOffice Draw
Windows의 경우
지금 다운로드온라인에서 실행할 수있는 많은 무료 변환기를 사용할 수 있지만 변환 프로세스와 관련하여 상당히 제한적입니다. png 또는 jpg로 사용할 수있는 간단한 로고를 svg로 변환하는 데 충분할 수 있지만 대부분의 경우 결과가 좋지 않습니다.
서비스를 평가 한 방법은 다음과 같습니다. Ghacks 로고를 다운로드하고 수십 개의 SVG 변환기에서 변환을 시도했습니다. 결과를 판단하고 좋은 결과를 내지 못한 서비스는 모두 버렸습니다.
- Aconvert -서비스는 로컬 파일 또는 URL을 입력으로받습니다. 제공되는 유일한 옵션은 이미지의 해상도를 변경하는 것입니다. 결과 이미지는 Ghacks 로고처럼 보였지만 크기는 로고의 PNG 버전 크기의 거의 두 배였습니다.
- 벡터 매직 -Windows 용 온라인 변환기 및 데스크톱 프로그램으로 사용할 수 있습니다. 그러나 무료는 아닙니다 (온라인 비용은 월 $ 7.95, 데스크톱 버전은 일회성 $ 295). 그러나 온라인 버전의 결과는 훌륭하며 설정을 편집하거나 수정할 수있는 많은 옵션과 원본 이미지와 svg 사본이 나란히 표시됩니다.
- 벡터 라이저 -또 다른 무료 서비스. 여기에는 최상의 출력 매개 변수 (흐림, 색상)를 선택하거나 직접 설정할 수있는 마법사가 함께 제공됩니다. 결과는 약간의 조정으로 좋았으며 결과 이미지의 크기는 원본 PNG 로고보다 1/3이 적었습니다.
벡터 매직
Windows의 경우
지금 다운로드이제 당신 : 이미지를 SVG 형식으로 변환하는 다른 온라인 서비스 또는 프로그램을 알고 계십니까?