Command Palette

Search for a command to run...

SV

SVG에서 PNG로 변환기

브라우저에서 1x, 2x 또는 4x에서 SVG 벡터 그래픽을 PNG로 변환하면 업로드가 필요하지 않습니다

SVGtoPNGConverts as soon as you add files
SVG scale

PNG is lossless and keeps transparency, so it is often larger than the same image as JPG or WebP.

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

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

SVG-PNG 변환기는 벡터 그래픽을 픽셀의 격자에 그리고 그 결과를 PNG 로 저장합니다. 확장 가능한 벡터 그래픽의 W3C 형식인 SVG 는 도형을 기하학으로 설명합니다: 경로,원, 그라데이션 및 텍스트. 이는 어떤 크기로든 로고를 선명하게 유지하지만 무언가가 로고를 그릴 때까지 픽셀이 없음을 의미합니다. 소셜 프로필 업로드,사무실 문서,이메일 서명,앱 스토어 목록 및 많은 콘텐츠 시스템이 픽셀을 원하므로 SVG 를 먼저 렌더링해야 합니다.

여기서 렌더링은 웹 페이지에서 SVG 를 그리는 것과 동일한 브라우저의 자체 SVG 엔진에 의해 수행됩니다. 크기는 파일에서 나옵니다. SVG 가 너비와 높이를 설정하면 mm,pt 또는 in 과 같은 단위가 픽셀로 변환되어 사용됩니다. viewBox 만 있으면 viewBox 크기가 사용되고 둘 다 없으면 1024 x 1024 로 그려집니다. 예를 들어 일반적인 24 x 24 아이콘 인 512 픽셀 아래에서 가장 긴 변이 나오는 SVG 는 벡터가 더 크게 그려져도 아무것도 잃지 않기 때문에 그 변이 512 픽셀이 될 때까지 비례하여 확대됩니다. 그런 다음 SVG 스케일 옵션은 크기에 1,2 또는 4 를 곱하고 각 파일의 행 아래에있는 메모는 크기가 사용된 것과 그 이유를 새 크기로 다시 변경합니다.

달리기는 다음과 같습니다. 너비 = "240"높이 = "80"을 선언하는 logo.svg 를 떨어 뜨리고 2x 를 선택합니다. 로고는 먼저 512 x 171 로 확대 된 다음 두 배로 확대되고 행의 썸네일을 클릭하면 1024x342 라는 캡션이 붙은 미리보기가 열리고 투명한 배경이 바둑판으로 표시됩니다. SVG 가 칠하지 않는 모든 것은 일반적으로 JPG 대신 PNG 를 선택하는 포인트 인 PNG 에서 투명하게 유지됩니다.

일부 SVG 콘텐츠는 이런 방식으로 그릴 수 없습니다. 이미지로 렌더링된 SVG 는 파일 외부의 어떤 것도 가져올 수 없으므로 URL 로 링크된 이미지와 웹 글꼴은 생략되고 SVG 내부의 스크립트는 실행되지 않습니다. 파일 자체에 포함된 이미지는 그려집니다. 애니메이션 SVG 는 단일 스틸 프레임이 되고,XML 오류가 있는 SVG 는 메시지와 함께 거부됩니다.

모든 것이 클라이언트 측에서 실행되고 아무 것도 업로드되지 않습니다. 50MB 이상의 SVG 파일은 거부되며 100 메가 픽셀 이상 또는 16384 픽셀보다 넓거나 높은 출력도 거부됩니다. 이 경우 일반적으로 더 작은 규모로 수정됩니다. 이 도구는 무료이며 가입이 없으며 일일 변환 제한이 있습니다.

SVG 를 PNG 로 변환하는 방법

  1. SVG 파일을 추가하세요

    여기에 SVG 이미지 드롭 읽기 상자에 그들을 드롭하거나 업로드 클릭. 전체 아이콘 세트가 한 번에 들어갈 수 있으며,각 파일은 추가되는 즉시 변환을 시작합니다. 다른 형식의 파일은 그들을 위해 변환기에 대한 링크와 함께 외면된다.

  2. SVG 스케일을 조정합니다

    1x,2x 또는 4x 를 선택합니다. 1x 는 SVG 에서 설정된 크기를 사용하며,가장 긴 쪽이 그보다 작을 때 512 픽셀로 확대됩니다. 2x 및 4x 는 두 차원 모두 두 배 또는 네 배 크기로 고밀도 스크린과 인쇄에 적합하도록 스케일을 변경하면 추가된 모든 SVG 가 다시 변환됩니다.

  3. 각 결과를 확인하십시오

    모든 행에는 PNG 의 축소판,상태, SVG 와 PNG 를 비교하는 크기 선,픽셀 크기가 어떻게 계산되었는지 설명하는 메모가 표시됩니다. 축소판을 클릭하면 픽셀 크기가 큰 PNG 를 확인하고 이전과 이후 사이를 전환할 수 있습니다.

  4. PNG를 다운로드하세요

    행의 다운로드 아이콘을 눌러 하나의 파일을 저장하거나 목록 헤더의 모두 다운로드 (n 이미지) 를 눌러 세트를 converted-png.zip 으로 저장합니다. 이름을 공유하는 파일은 ZIP 에서 번호가 매겨집니다.

왜 SVG 를 PNG 로 변환하는가?

SVG 는 유지하기에 더 좋은 형식입니다. PNG 는 종종 넘겨주기에 더 좋은 형식입니다. 왜냐하면 훨씬 더 많은 곳에서 가져갈 수 있기 때문입니다.

래스터 이미지만 가져가는 업로드

프로필 사진,장터 목록,이메일 서명 빌더 및 많은 CMS 미디어 라이브러리는 JPG 및 PNG 를 허용하지만 SVG 는 허용하지 않습니다. 부분적으로는 SVG 에 스크립트가 포함될 수 있기 때문입니다. PNG 는 이러한 검사를 통과하고 로고가 필요로하는 투명한 배경을 유지합니다.

문서, 슬라이드 및 채팅

오피스 스위트,메시징 앱과 오래된 디자인 툴은 SVG 를 불균등하게 처리한다: 일부는 이를 거부하고,일부 드롭 그라데이션이나 글꼴은,일부는 전혀 아무것도 보여주지 않는다. PNG 는 어디에서나 동일하게 보인다. 왜냐하면 보이는 것은 이미 그려져 있기 때문이다.

앱 및 아이콘을 위한 고정 크기 자산

앱 스토어,런처 및 파비콘 세트는 정확한 픽셀 크기를 요구합니다. 여기에서 SVG 를 넉넉한 스케일로 렌더링한 다음 이미지 크기 조정기 로 크기를 조정하거나 PNG to ICO 변환기 로 PNG 를 파비콘으로 바꿉니다.

SVG 대 PNG: 사용할 항목

로고, 아이콘, 일러스트레이션에 대한 SVG와 PNG 비교
SVGPNG
이미지 유형벡터. 기하학으로 설명되는 모양.래스터. 픽셀의 고정 격자.
스케일링어떤 크기로도 날카 롭습니다.크기를 초과하여 확대하면 흐려지거나 픽셀화됩니다.
투명성칠하지 않은 것은 투명합니다.이 변환기에 의해 유지되는 전체 알파 채널입니다.
애니메이션CSS 또는 SMIL 로 가능.스틸 이미지. 애니메이션 SVG 는 여기서 하나의 프레임이 됩니다.
일반적인 파일 크기간단한 아이콘과 로고를 위한 작은 크기, 복잡한 예술 작품을 위한 대형.픽셀 치수로 성장하므로 4x 출력은 1x보다 훨씬 무겁습니다.
텍스트글꼴을 사용하거나 텍스트를 윤곽선으로 변환해야 합니다.픽셀로 구워져서 어디서나 똑같아 보입니다.
소프트웨어 지원모든 최신 브라우저. 고르지 사무실,채팅 및 업로드 도구에서.유니버설에 가깝다.
위한 최고의웹사이트, 소스 아트워크 및 크기가 자주 조정되는 모든 것.업로드, 문서, 앱 자산 및 공유.

PNG 크기가 어떻게 계산되는지

SVG에는 고정된 픽셀 크기가 없으므로 변환기는 세 단계로 하나를 결정하고 결과를 각 파일 아래의 메모에 보고합니다.

  1. 루트 svg 요소에서 크기 읽기: 둘 다 설정되어 있으면 너비와 높이, 둘 중 하나만 설정되어 있으면 그 중 하나에 viewBox 비율을 더하고, 둘 다 설정되어 있지 않으면 viewBox만, viewBox가 없으면 1024 x 1024 백분율과 em 값은 무시됩니다.
  2. 가장 긴 변이 512 픽셀 미만일 경우 비례적으로 도면을 확대하여 가장 긴 변이 512 가 되도록 합니다.
  3. 선택한 척도로 양변에 곱합니다: 1, 2 또는 4.
각 SVG 척도의 PNG 크기 예
SVG가 선언합니다1x2배4배
폭="24" 높이="24"512x5121024x10242048x2048
viewbox="0 0 800 600"만 해당됩니다800x6001600x12003200x2400
폭="210mm" 높이="297mm"794x11231588x22463176x4492
너비, 높이 또는 보기 상자 없음1024x10242048x20484096x4096

출력은 100 메가 픽셀과 양쪽에 16384 픽셀로 캡핑됩니다. 5000 x 5000 SVG 는 1x 와 2x 에서 괜찮지만 4x 에서는 너비가 20000 픽셀이 될 것이며 메시지와 함께 거부됩니다. 더 낮은 스케일을 선택하면 변환됩니다.

개인 정보 보호 및 보안

  • SVG 가 그려지고 PNG 는 이 브라우저 탭 안에 저장됩니다. 클라이언트 쪽. 파일은 절대 업로드되지 않습니다.
  • SVG 는 이미지로 렌더링되므로 그 안에 있는 스크립트는 실행되지 않고 외부 파일에 대한 링크는 가져오지 않습니다. 여기서 알 수 없는 소스에서 SVG 를 열면 네트워크에 도달하지 않습니다.
  • 브라우저는 자체 내장 엔진으로 SVG를 렌더링하기 때문에 WebAssembly 디코더가 포함되지 않습니다.
  • 일일 제한 검사는 서명된 경우 도구 이름,장치 식별자 및 계정 토큰을 보냅니다. 일괄 처리 후에는 파일 개수,총 바이트 및 출력 형식만 기록되며 파일 이름이나 내용은 기록되지 않습니다.
  • 변환된 PNG 는 탭을 제거하거나 모두 지우기 를 누르거나 페이지를 닫을 때까지 탭의 메모리에 있습니다. 서버에 복사본이 보관되지 않습니다.

주요 특징

  • 1x, 2x 및 4x 출력

    고밀도 화면과 인쇄물에서 선명한 결과를 얻으려면 하나의 SVG를 자체 크기나 이중 또는 4중 해상도로 렌더링하세요.

  • 작은 아이콘들이 쓸만하게 나옵니다

    24 x 24 또는 이와 유사한 것으로 선언된 SVG는 우표로 바뀌는 대신 스케일링 전에 가장 긴 면이 512픽셀로 확대됩니다.

  • 투명성이 유지됩니다

    SVG가 칠하지 않는 영역은 투명하게 유지되며 행 축소판과 그 뒤에 있는 미리보기는 바둑판에 위치하여 볼 수 있습니다.

  • 실제 단위를 읽습니다

    px, pt, pc, in, cm 및 mm의 너비는 픽셀로 변환되고 누락된 너비 또는 높이는 뷰박스로 다시 떨어집니다.

Frequently Asked Questions

이 페이지에 SVG 파일을 삭제하고 1x,2x 또는 4x 를 선택하십시오. 브라우저는 각 SVG 를 그려 추가되는 즉시 PNG 로 저장하고,규모를 변경할 때마다 다시 저장하며,모든 행에 다운로드 아이콘과 전체 세트에 대한 ZIP 이 있습니다.

Comments

0 comments

0/2000 characters

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

svg to pngconvert svg to pngsvg to png converterfree svg to png convertersvg to png transparentsvg to png high resolutionsvg to png 2xexport svg as pngbatch convert svg to pngsvg icon to png