画像

SVG最適化・プレビュー

不要な情報を削りData URIも生成

SVGを最適化

357 B → 218 B (−38.9%)

入力

最適化後のSVG

<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#2563eb" /><path d="M40 62 L54 76 L82 46" stroke="#fff" stroke-width="10" fill="none" /></svg>

CSS data URI

data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='52' fill='%232563eb' /%3E%3Cpath d='M40 62 L54 76 L82 46' stroke='%23fff' stroke-width='10' fill='none' /%3E%3C/svg%3E