Command Palette

Search for a command to run...

PN

PNG에서 SVG로 변환기

PNG 로고나 아이콘을 2,8 또는 16 색으로 채워진 모양의 SVG 로 추적합니다. 원본 벡터 디자인을 복구하지 않으며 사진은 크고 얼룩덜룩한 SVG 를 제공합니다

PNGtoSVGConverts as soon as you add files
Colors
Detail

Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.

Files (0)

No files yet

Add files and they convert right away. Change a setting and they convert again.

Built with open source libraries. Licenses

PNG-SVG 변환기란 무엇입니까?

PNG 에서 SVG 변환기는 래스터 이미지를 채워진 벡터 모양으로 추적합니다. 원본 벡터 디자인을 복구하지 않습니다: 모양은 픽셀에서 다시 작성되므로 가장자리는 근사치입니다. 로고,아이콘, 라인 아트 및 색상이 거의없는 기타 평면 아트 워크는 잘 추적하지 않습니다; 그들은 많은 메가 바이트,때로는 수십 메가 바이트가 될 수있는 크고 얼룩덜룩 한 SVG 로 바뀌며,시작한 PNG 보다 훨씬 큽니다.

두 형식의 차이는 이것이 왜 전혀 가치가 있는지를 설명합니다. PNG 는 픽셀의 고정 그리드를 저장하므로 확대하면 가장자리가 뭉툭해집니다. SVG 는 경로로 설명되고 색상으로 채워진 윤곽선을 저장하며 브라우저 또는 디자인 앱이 모든 크기에서 깔끔하게 다시 그립니다. 추적 된 SVG 는 웹 페이지로 들어가거나 벡터 편집기에서 다시 색칠하거나 윤곽선에서 작동하는 절단기 또는 레이저 조각기로 읽을 수 있습니다.

추적은 두 단계로 이루어집니다. 먼저 이미지가 색상 아래에서 선택한 숫자인 작은 팔레트로 축소됩니다. 그런 다음 추적자는 동일한 색상의 모든 영역의 가장자리를 걷고 직선과 곡선을 여기에 맞춰 영역당 하나의 채워진 경로를 생성합니다. 또한 각 경로는 자체 색상으로 1 픽셀 윤곽선을 가져와 이웃 모양 사이에 표시 될 헤어 라인 간격을 닫습니다.

두 가지 설정이 결과를 형성합니다. 색상은 2,8 (기본값) 또는 16 입니다. 세부 사항은 낮음,중간 (기본값) 또는 높음: 낮음은 이미지를 약간 먼저 흐리게 하고,느슨한 곡선에 맞으며 얼룩보다 작은 모양을 떨어뜨려 더 간단하고 작은 파일을 제공하는 반면,높음은 픽셀을 밀접하게 따라가며 작은 모양을 유지합니다. 두 설정 중 하나를 변경하면 추가된 모든 파일이 다시 추적되고 각 행에는 PNG 크기 옆에 새 SVG 크기가 표시되므로 다운로드하기 전에 설정을 비교할 수 있습니다.

추적은 백그라운드에서 클라이언트 측을 실행합니다. imagetracerjs 를 사용하는 Web Worker 는 첫 번째 파일을 추가해야만 다운로드되므로 페이지가 응답 상태를 유지하고 이미지가 업로드되지 않습니다. 양쪽에서 1200 픽셀보다 긴 이미지는 추적하기 전에 축소되므로 작업이 몇 초 만에 끝나고 SVG 는 여전히 원래 너비와 높이에서 열리도록 설정됩니다. 2 분보다 긴 추적은 더 적은 색상이나 더 낮은 세부 사항을 제안하는 메시지와 함께 중지됩니다. 최대 100 메가 픽셀의 PNG 가 허용되고 투명한 영역이 투명 모양이되며 도구는 무료이며 가입이 없으며 일일 전환 한도가 있습니다.

PNG 를 SVG 로 변환하는 방법

  1. PNG 파일을 추가하세요

    PNG 이미지를 상자에 놓거나 클릭하여 업로드하세요. 한 번에 여러 파일이 괜찮고,추가되는 즉시 각 파일을 추적합니다. 로고,아이콘 및 평면 그래픽이 가장 깨끗한 결과를 제공합니다.

  2. 색상과 세부정보를 설정합니다

    흑백 아트워크의 경우 2 가지 색상,대부분의 로고의 경우 8 가지,음영 그래픽의 경우 16 가지를 선택합니다. 중간 세부 정보에서 시작합니다. 두 설정 중 하나를 변경하면 새 값으로 모든 파일이 다시 추적됩니다.

  3. 흔적을 확인

    각 행은 추적된 SVG 를 썸네일로 표시하고,상태와 크기 선을 전후의 크기와 SVG 가 얼마나 작거나 큰지 보여줍니다. 썸네일을 클릭하여 SVG 를 크게 열고 전후 간을 전환합니다. 가장자리가 울퉁불퉁해 보이거나 파일이 너무 커 보이면 설정을 변경하고 다시 봅니다.

  4. SVG 파일을 다운로드하세요

    행의 다운로드 아이콘을 눌러 해당 SVG를 저장하거나 목록 헤더의 모두 다운로드를 눌러 배치를 converted-svg.zip으로 저장합니다.

왜 PNG 를 SVG 로 변환하는가?

이미지가 단순하고 스케일링이나 윤곽선으로 읽어야 할 때 추적하는 것이 가치가 있습니다. 사진에 관한 모든 것은 PNG 를 유지하십시오.

PNG로만 존재하는 로고

원본 벡터 파일은 종종 손실되며,남은 것은 웹 사이트 또는 이메일 서명에서 가져온 PNG뿐입니다. 추적을 통해 차단 된 가장자리없이 배너 또는 인쇄 작업에 맞게 확장되는 SVG 를 얻을 수 있습니다. 디자이너의 파일에서 복사하지 않고 픽셀에서 다시 작성되므로 곡선과 작은 텍스트를 면밀히 확인하십시오.

절단기, 조각기 및 자수 소프트웨어

비닐 절단기,레이저 조각기 및 많은 공예 도구는 픽셀이 아닌 경로를 따릅니다. 실루엣,스텐실 또는 모노그램의 2 가지 색상 흔적은 각 어두운 영역을 기계가 절단 할 수있는 닫힌 모양으로 바꿉니다.

웹용 아이콘과 일러스트레이션

SVG 로 추적되는 평면 아이콘은 고밀도 화면에서 선명하게 유지되며 CSS 로 다시 채색할 수 있습니다. 나중에 설정된 크기의 픽셀 버전이 필요한 경우 SVG 를 다시 PNG 로 렌더링.

PNG 대 추적 SVG: 사용할 항목

추적된 SVG와 비교한 PNG 이미지입니다
PNG추적 SVG
저장하는 것픽셀의 격자.그 픽셀들로부터 추적된 채운 도형들. 원래의 벡터 디자인이 아니라.
스케일링확대하면 뭉툭하거나 흐릿합니다.어떤 크기로든 깔끔하게 다시 그립니다.
색상부드러운 그라데이션으로 수백만 달러.2,8 또는 16 의 편평한 색깔. 그라디언트는 밴드가 됩니다.
투명성전체 알파 채널.투명 영역은 투명 모양으로 추적됩니다.
로고 및 아이콘저장한 크기에 괜찮습니다.좋은 적합: 깨끗한 가장자리, 재색칠하기 쉽습니다.
사진들잘 맞고 일반적으로 더 작은 파일입니다.부적합한 적합: 크고 얼룩덜룩한 SVG, 때로는 수십 메가바이트.
편집픽셀 편집기.벡터 편집기, 절단 및 조각 소프트웨어, 코드.

색상과 세부 사항이 추적을 변경하는 방법

모든 설정은 SVG 가 얼마나 충실해 보이는지와 얼마나 많은 도형을 포함하는지 사이의 거래입니다. 도형이 많을수록 벡터 편집기에서 더 큰 파일과 더 많은 정리가 이루어집니다.

색상: 2, 8 또는 16

이미지는 추적하기 전에 이렇게 많은 색깔로 감소됩니다. 2 개의 색깔은 흑백 로고,스텐실, 서명 및 선 예술을 적응시킵니다. 8 개는 몇몇 상표 색깔 및 몇몇 반대로 에일리어싱된 가장자리를 가진 대부분의 편평한 로고를 취급합니다. 16 개는 각 연약한 가장자리를 따라 더 많은 더 작은 모양의 가격에,더 많은 음영을 지킵니다.

세부사항: 낮음, 중간 또는 높음

낮은 디테일은 이미지를 약간 흐리게 하고 곡선에 느슨하게 맞으며 작은 모양을 버리기 때문에 윤곽선이 매끄럽고 파일이 작습니다. 중간은 픽셀 정도의 곡선에 맞습니다. 높음은 픽셀을 밀접하게 따라가며 작은 모양을 유지하므로 얇은 획을 보존하면서도 노이즈도 포착합니다.

사진이 잘못되는 이유

사진은 사방이 부드러운 그라데이션과 질감을 가지고 있기 때문에 16 가지 색상에서도 수천 개의 불규칙한 패치로 분할됩니다. 각 패치는 자체 좌표가있는 경로가되며 SVG 는 포스터로 된 사본처럼 보이면서 PNG 크기의 몇 배에 달하는 추적의 한계이며 수정할 수있는 설정이 아닙니다.

개인 정보 보호 및 보안

  • PNG 는 이 브라우저 탭 안에서,백그라운드 워커에서 디코딩되고 추적됩니다. 이미지는 절대 업로드되지 않습니다.
  • imagetracerjs 라이브러리는 첫 번째 파일을 추가할 때만 이 사이트에서 로드됩니다.
  • SVG는 원본 PNG의 스크립트, 링크 또는 내장된 복사본 없이 추적된 경로로만 구축됩니다.
  • 일일 사용량 확인은 도구 이름,장치 식별자 및 로그인 토큰이 있는 경우 이를 전송합니다. 이미지 데이터는 포함되지 않습니다.
  • 일괄 처리 후 페이지는 파일 수, 총 바이트 및 출력 형식을 기록하며 파일 이름이나 픽셀은 기록하지 않습니다.

주요 특징

  • 2, 8 또는 16 의 색깔

    흑백 아트워크부터 음영 처리된 평면 그래픽까지

  • 낮음, 중간, 높음 디테일

    부드럽고 컴팩트한 윤곽선 또는 작은 모양의 긴밀한 추적

  • 간격 없는 모양

    모든 모양에 얇게 일치하는 윤곽선은 색상 사이의 솔기를 숨깁니다

  • SVG 미리보기 및 파일 크기

    설정을 변경할 때마다 업데이트되는 다운로드하기 전에 추적된 결과와 가중치를 확인하세요

Frequently Asked Questions

PNG 를 이 페이지에 놓으면 SVG 파일로 다운로드할 수 있는 채워진 모양으로 추적됩니다. 파일이 추가되는 즉시 추적이 시작되고 색상 또는 세부 정보 변경으로 다시 추적됩니다.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

png to svgconvert png to svgpng to svg converterfree png to svgpng to vectorvectorize pngpng logo to svgtrace png to svgconvert png to vector