SVG 압축하는 방법
세 단계, 약 10초. 아무것도 업로드되지 않습니다.
- 1
SVG 놓기 또는 붙여넣기
파일, 폴더를 추가하거나 SVG 코드를 붙여넣으세요.
SVGicon.svg - 2
정밀도 설정
24 px 그리드 아이콘에는 소수 1자리가 적합합니다. 세밀한 그림은 높이세요.
1 - 3
복사 또는 다운로드
압축된 코드를 복사하거나 파일을 하나씩 또는 ZIP으로 다운로드하세요.
SVGicon.svg−62%
더 많은 무료 도구
브라우저에서 바로 아이콘을 변환, 최적화, 패키징하세요. 아무것도 업로드되지 않습니다.
- 변환SVGicon.svg벡터PNGicon.png512 × 512SVG를 PNG로원하는 크기의 선명한 PNG, 하나든 수백 개든.도구 열기
- 트레이싱PNGheart.png64 × 64 pxSVGheart.svg패스 1개PNG를 SVG로PNG나 JPG를 깔끔한 벡터로 트레이싱.도구 열기
- 파비콘PNGlogo.png1024 pxICOfavicon.ico4가지 크기PNG를 ICO로16부터 256 px가 들어 있는 파비콘 .ico 파일.도구 열기
- 앱 아이콘SVGlogo.svg모든 크기ZIPicons.zip파일 14개파비콘 & 앱 아이콘웹사이트, Chrome, iOS, Android 세트.도구 열기
- 코드SVGbell.svg
<svg
viewBox="0 0 24"
<path d="M4…"
</svg>
24 × 24TSXBell.tsxexport function
Icon(props) {
return <svg
{...props}/>
타입 지정 propsSVG를 React로타입 지정 JSX 컴포넌트, 바로 붙여넣기.도구 열기 - 최적화SVGlogo.svg
4.2 KBSVGmin.svg−74%
1.1 KBSVG 최적화보이는 변화 없이 더 작은 SVG 파일.도구 열기 - 스프라이트SVG24 icons파일 24개SVGsprite.svg
<svg>
<symbol id="home"
<symbol id="star"
<symbol id="menu"
파일 1개SVG 스프라이트많은 아이콘을 sprite.svg 파일 하나에.도구 열기 - 스티커JPGcat.jpg사진WEBPcat.webp512 × 512스티커 메이커WhatsApp과 Telegram 스티커 파일.도구 열기
- 애니메이션SVGbell.svg정적GIFbell.gif60 fps아이콘 애니메이터애니메이션 SVG, Lottie, GIF, Telegram 스티커.도구 열기
- 변환SVGicon.svg벡터JPGicon.jpg512 × 512SVG를 JPG로원하는 크기의 플랫 JPG 이미지.도구 열기
- 변환SVGicon.svg벡터WEBPicon.webp512 × 512SVG를 WebP로벡터에서 작은 WebP 이미지로.도구 열기
- 변환PNGphoto.png사진WEBPphoto.webp−64%PNG를 WebP로웹용으로 이미지 줄이기.도구 열기
- 변환PNGphoto.png사진JPGphoto.jpg더 작게PNG를 JPG로더 작은 사진, 흰색 또는 색상 배경.도구 열기
- 변환JPGphoto.jpg사진PNGphoto.png무손실JPG를 PNG로사진에서 무손실 PNG로.도구 열기
- 변환WEBPimage.webp이미지PNGimage.png무손실WebP를 PNG로어디서나 열리는 PNG 파일.도구 열기
- 변환ICOfavicon.ico4가지 크기PNGfavicon.png256 × 256ICO를 PNG로파비콘에서 아이콘 추출.도구 열기
- 트레이싱JPGlogo.jpg64 × 64 pxSVGlogo.svg패스 1개JPG를 SVG로사진과 로고를 벡터로 트레이싱.도구 열기
- 코드SVGbell.svg
<svg
viewBox="0 0 24"
<path d="M4…"
</svg>
24 × 24VUEIcon.vueexport function
Icon(props) {
return <svg
{...props}/>
size propSVG를 Vue로size prop이 있는 단일 파일 컴포넌트.도구 열기 - 코드SVGbell.svg
<svg
viewBox="0 0 24"
<path d="M4…"
</svg>
24 × 24SVELTEIcon.svelteexport function
Icon(props) {
return <svg
{...props}/>
size propSVG를 Svelte로size prop이 있는 Svelte 컴포넌트.도구 열기 - 코드SVGbell.svg
<svg
viewBox="0 0 24"
<path d="M4…"
</svg>
24 × 24TSXIcon.tsxexport function
Icon(props) {
return <svg
{...props}/>
react-native-svgSVG를 React Native로타입 지정 react-native-svg 컴포넌트.도구 열기 - 코드SVGbell.svg
<svg
viewBox="0 0 24"
<path d="M4…"
</svg>
24 × 24CSSicon.cssexport function
Icon(props) {
return <svg
{...props}/>
한 줄SVG를 데이터 URI로CSS와 img 태그용 인라인 SVG.도구 열기 - 변환SVGicon.svg벡터PDFicon.pdf벡터SVG를 PDF로선명하게 인쇄되는 벡터 PDF.도구 열기
- 변환PNGphoto.png사진PDFphoto.pdfA4PNG를 PDF로한 페이지에 한 장, A4 또는 Letter.도구 열기
- 변환JPGphoto.jpg사진PDFphoto.pdfA4JPG를 PDF로사진을 인쇄 크기의 PDF 페이지로.도구 열기
- 변환JSONloader.jsonLottieGIFloader.gif20 fpsLottie를 GIF로.json 또는 .lottie 파일로 만드는 애니메이션 GIF.도구 열기
- 파비콘TXT“IH”
IH
글자ICOfavicon.ico4가지 크기텍스트를 파비콘으로이니셜을 favicon.ico와 앱 아이콘으로.도구 열기 - 파비콘TXT🚀
🚀
이모지ICOfavicon.ico4가지 크기이모지를 파비콘으로어떤 이모지든 클릭 한 번으로 파비콘으로.도구 열기 - 변환JSONloader.jsonLottieMP4loader.mp4H.264Lottie를 MP4로.json 또는 .lottie 파일로 만드는 MP4 동영상.도구 열기
- 애니메이션SVGbell.svg정적JSONbell.jsonLottieSVG를 Lottie로모든 SVG 아이콘으로 만드는 애니메이션 Lottie 파일.도구 열기
- 애니메이션SVGbell.svg정적GIFbell.gif애니메이션GIF 메이커SVG 아이콘으로 만드는 애니메이션 GIF.도구 열기
- 스티커JPGcat.jpg사진WEBPcat.webp512 × 512이미지를 스티커로사진과 PNG를 WhatsApp과 Telegram 스티커로.도구 열기
- 스티커TXT“OMG!”
OMG!
글자WEBPomg.webpOMG!
512 × 512텍스트를 스티커로WhatsApp과 Telegram용 글자 스티커.도구 열기 - 스티커TXT😂
😂
이모지WEBPemoji.webp😂
512 × 512이모지를 스티커로캡션이 있는 큰 이모지 스티커.도구 열기 - 보기SVGicon.svg
코드SVGPreview모든 크기SVG 뷰어SVG 코드 열기, 검사, 편집.도구 열기 - 검사URLexample.com
example.com
웹사이트ICOReport✓ favicon.ico✓ apple-touch-icon! maskable icon
8개 항목 검사파비콘 검사기모든 사이트의 파비콘과 앱 아이콘 확인.도구 열기
SVG 압축 FAQ
아직 궁금하신가요? 라이선스를 읽거나 문의하세요.
둘 다 SVGO를 사용합니다. 압축은 가장 작은 파일을 위해 더 엄격한 설정(소수 1자리, 한 줄)으로 시작하고, 최적화는 기본적으로 소수 2자리를 유지합니다.
아이콘은 소수 1자리에서 거의 바뀌지 않습니다. 세밀한 그림이 어긋나면 정밀도를 높이세요.
CSS나 스크립트가 id를 사용한다면 id 유지를 켜세요. class는 유지됩니다.
아니요. SVGO는 브라우저에서 실행됩니다.