SVG 뷰어 및 최적화 도구
브라우저에서 SVG 코드를 실시간으로 미리보기하고, 색상 일괄 변경, XML 압축·정리 및 고해상도 PNG/WebP 내보내기를 수행하세요.
실시간 미리보기 대화형 색상 팔레트 변경 원클릭 압축 및 코드 정렬 1x / 2x / 4x 고해상도 PNG·WebP Data URI 및 Base64 복사 100% 브라우저 로컬 처리
배율:
SVG 코드
572 B실시간 미리보기
감지된 색상:
SVG 검수, 색상 편집 및 변환을 한곳에서
AI가 생성한 SVG 코드나 디자인 아이콘을 즉시 실무용 이미지 자산으로 변환하세요.
실시간 미리보기
투명 격자, 밝은 배경, 어두운 배경 전환과 부드러운 확대/축소를 지원합니다.
대화형 색상 팔레트 변경
SVG에 사용된 모든 HEX 색상을 자동 추출하여 클릭 한 번으로 색상을 바꿀 수 있습니다.
원클릭 압축 및 코드 정렬
주석과 불필요한 공백, 메타데이터를 제거해 파일 크기를 줄이거나 들여쓰기를 정리합니다.
1x / 2x / 4x 고해상도 PNG·WebP
발표 자료와 문서에 적합한 선명한 고해상도 래스터 이미지를 생성합니다.
Data URI 및 Base64 복사
CSS background-image에 바로 사용할 수 있는 문자열을 즉시 복사합니다.
100% 브라우저 로컬 처리
모든 작업은 브라우저 내에서 처리되며 서버로 파일이 전송되지 않습니다.
관련 게시물
이미지 변환
온라인에서 SVG를 PNG로 변환하는 방법
SVG를 PNG로 내보내야 하는 경우, 선명한 크기를 고르는 방법, 로고와 아이콘이 흐려지는 문제를 피하는 방법을 설명합니다.
•6 분 분량
Developer Tools
온라인에서 Mermaid 다이어그램 렌더링 및 내보내기: AI 코드를 선명한 SVG·PNG로 변환
브라우저에서 Mermaid 순서도, 시퀀스 다이어그램, ERD를 실시간 미리보기하고 문법 오류를 수정해 깔끔한 SVG 또는 PNG로 내보내는 방법.
•5 분 분량
Developer Tools
온라인에서 SVG 코드 미리보기, 실시간 색상 변경 및 최적화 방법
브라우저에서 SVG 코드를 즉시 렌더링하고, 컬러 피커 드래그로 색상을 실시간 변경하며, XML 압축 및 2x/4x 고해상도 PNG 내보내기를 수행하는 가이드.
•5 분 분량
자주 묻는 질문
가장 자주 묻는 질문에 대한 답변을 확인하세요.