SVG 생성기 및 최적화 프로그램

사용방법

SVG 생성기 및 최적화 프로그램 사용 방법

01
도구를 선택하세요
검색 가능한 사이드바에서 생성기, 편집기 또는 프로세서를 선택하세요. 총 14개의 SVG 유틸리티입니다.
02
조정 또는 붙여넣기
생성기의 슬라이더와 색상을 조정하거나 SVG 마크업을 프로세서에 붙여넣으세요.
03
실시간 미리보기
벡터는 전환 가능한 배경으로 즉시 렌더링됩니다. 프로세서는 바이트 저장 전/후를 보여줍니다.
04
내보내다
원시 SVG, 데이터 URI 또는 CSS 배경으로 복사하거나 최적화된 .svg 파일을 다운로드하세요.

사용 사례

일반적인 사용 사례

—랜딩 페이지 히어로 섹션을 위한 웨이브 및 블롭 구분선 만들기
—웹사이트를 위한 원활한 SVG 배경 패턴 생성
—프로덕션으로 배송하기 전에 아이콘을 최적화하고 축소하세요.
—Illustrator 또는 Inkscape 내보내기에서 편집기 잔해물을 정리하세요.
—단 몇 초 만에 브랜드 팔레트에 맞게 SVG 색상을 다시 지정할 수 있습니다.
—여러 아이콘을 재사용 가능한 단일 SVG 스프라이트로 묶음

개요

대부분의 사이트에 없는 14가지 SVG 도구

SVG Forge는 완전한 벡터 작업대입니다. 파도, 얼룩, 이음매 없는 패턴, 다각형, 나선 및 별을 생성합니다. 원시 경로를 편집하고 viewBox를 계산합니다. SVG를 스프라이트로 최적화, 축소, 정리, 단순화, 색상 변경 또는 번들링합니다. 각 생성기에는 실시간 미리보기와 제어 기능이 있습니다. 각 프로세서는 크기 저장 전/후를 보여줍니다. 대부분의 도구 사이트에서 무시하는 격차를 해소합니다. 즉, 전용 고품질 SVG 유틸리티를 한 곳에 모아 놓은 것입니다.

원하는 방식으로 복사, 삽입, 다운로드

모든 결과는 원시 SVG 마크업, 바로 붙여넣을 수 있는 데이터 URI 또는 CSS 배경 규칙으로 복사하고 .svg 파일로 다운로드할 수 있습니다. 생성기는 빠른 탐색을 위해 무작위화 및 재설정을 지원하며 프로세서는 절약된 바이트 수를 정확하게 보고합니다. 모든 것이 브라우저에서 로컬로 실행되므로 작품이 업로드되지 않습니다.

특징

01: 하나의 스튜디오에 14개의 SVG 생성기 및 프로세서
02: 파도, 얼룩, 패턴, 다각형, 나선형 및 별 제작자
03: 크기를 줄여주는 SVG 최적화 프로그램, 축소기 및 클리너
04: 경로 편집기, viewBox 계산기 및 경로 단순화기
05: 색상 교체 및 다중 아이콘 스프라이트 생성기
06: SVG, 데이터 URI 또는 CSS로 복사 및 .svg 다운로드
07: 로컬 우선 — 작품이 브라우저를 떠나지 않습니다.

FAQ

자주 묻는 질문

어떤 SVG 도구가 포함되어 있나요?+

14개: 파동, 얼룩, 패턴, 다각형, 나선형 및 별 생성기; 경로 편집기 및 ViewBox 계산기; 옵티마이저, 축소기, 클리너, 경로 단순화기, 색상 대체기, 스프라이트 생성기 등이 모두 하나의 인터페이스에 포함되어 있습니다.

무료로 SVG 파일을 최적화하려면 어떻게 해야 합니까?+

최적화 도구를 열고 SVG 마크업을 붙여넣은 다음 소수점 정밀도, 주석 및 메타데이터 제거, 공백 축소 등의 옵션을 선택하세요. 이 도구는 원본 바이트 크기와 최적화된 바이트 크기 및 저장된 비율을 표시한 다음 결과를 복사하거나 다운로드할 수 있습니다.

SVG 웨이브나 블롭을 어떻게 만드나요?+

Wave 또는 Blob 생성기를 사용하여 슬라이더(진폭, 주파수, 복잡성, 대비)와 색상을 조정하면 벡터가 실시간으로 업데이트됩니다. 무작위화를 눌러 변형을 탐색한 다음 SVG를 복사하거나 다운로드하세요.

SVG를 CSS 배경이나 데이터 URI로 얻을 수 있나요?+

예. 모든 생성기 출력은 원시 SVG, 압축 데이터 URI, 바로 붙여넣을 수 있는 CSS 배경 이미지 규칙 등 세 가지 내보내기 탭과 원클릭 .svg 다운로드를 제공합니다.

SVG 클리너는 무엇을 제거합니까?+

벡터 편집기가 추가하는 XML 선언, DOCTYPE, 주석, <metadata> 및 편집기별 네임스페이스(Inkscape 및 Sodipodi)를 제거하여 깨끗하고 이식 가능한 마크업을 남깁니다. 선택적으로 ID 속성을 제거할 수도 있습니다.

내 SVG가 서버에 업로드됩니까?+

아니요. 모든 생성 및 처리는 클라이언트 측 JavaScript를 사용하여 브라우저에서 로컬로 실행됩니다. 귀하의 아트웍과 마크업은 기기 외부로 절대 나가지 않으므로 비공개적이고 즉각적입니다.