Skip to content
⚡
ToolK.ioBlogTutorial

Dibina dengan Next.js. Tiada data disimpan. 100% dalam pelayar.

TentangHubungiTerma PerkhidmatanDasar PrivasiNotis Undang-undang
© 2026 ToolK.io — Hak cipta terpelihara.
Pembangun

Pengoptimum SVG

Kurangkan saiz fail SVG dengan membuang kod yang tidak perlu

Paparan :
Asal: 3.1 KBDioptimumkan: 1.5 KB−50%
SVG Masukan
SVG Dioptimumkan
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 160" width="240" height="240" xml:space="preserve" ><defs><linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%" ><stop offset="0%" stop-color="#6366f1" stop-opacity="1" /><stop offset="100%" stop-color="#8b5cf6" stop-opacity="1" /></linearGradient><linearGradient id="accent" x1="0%" y1="0%" x2="0%" y2="100%" ><stop offset="0%" stop-color="#c084fc" stop-opacity="1" /><stop offset="100%" stop-color="#6366f1" stop-opacity="1" /></linearGradient></defs><rect width="240" height="160" rx="16" ry="16" fill="url(#bg)" /><rect x="20" y="24" width="60" height="8" rx="4" ry="4" fill="#ffffff" fill-opacity="0.9" /><rect x="20" y="42" width="120" height="6" rx="3" ry="3" fill="#ffffff" fill-opacity="0.3" /><rect x="20" y="56" width="90" height="6" rx="3" ry="3" fill="#ffffff" fill-opacity="0.3" /><rect x="20" y="78" width="80" height="32" rx="8" ry="8" fill="url(#accent)" /><rect x="28" y="90" width="64" height="8" rx="4" ry="4" fill="#ffffff" fill-opacity="0.9" /><circle cx="190" cy="60" r="30" fill="#ffffff" fill-opacity="0.1" /><circle cx="190" cy="60" r="18" fill="#ffffff" fill-opacity="0.15" /><path d="M190 45a8 8 0 0 1 8 8c0 6-8 15-8 15s-8-9-8-15a8 8 0 0 1 8-8z" fill="#ffffff" fill-opacity="0.8" /><circle cx="190" cy="53" r="3" fill="#6366f1" /><rect x="20" y="128" width="200" height="6" rx="3" ry="3" fill="#ffffff" fill-opacity="0.15" /><rect x="20" y="140" width="140" height="6" rx="3" ry="3" fill="#ffffff" fill-opacity="0.1" /></svg>
Pratonton

Tentang Pengoptimum SVG

SVG Optimizer mengurangkan saiz fail SVG dengan membuang metadata, komen, dan kod berlebihan yang tidak perlu sambil mengekalkan kualiti visual. Ia berjalan dalam pelayar, percuma, dan tidak menyimpan data. Sempurna bagi pembangun web yang mengoptimumkan masa muat halaman dan mengurangkan lebar jalur.

Soalan lazim

Bagaimana untuk mengoptimumkan fail SVG?
Muat naik fail SVG atau tampalkan kod SVG ke dalam editor. Alat akan secara automatik membuang elemen yang tidak perlu dan mengoptimumkan kod, menunjukkan saiz fail asal dan yang dioptimumkan. Muat turun SVG yang dibersihkan atau salin kod yang dioptimumkan.
Adakah data SVG saya dihantar ke pelayan?
Tidak, pengoptimuman berjalan sepenuhnya dalam pelayar. Fail dan kod SVG anda tidak pernah dihantar ke mana-mana pelayan. Pemprosesan berlaku secara setempat pada peranti, mengekalkan aset reka bentuk anda sepenuhnya peribadi.
Apa yang dibuang pengoptimum dari SVG?
Alat ini membuang metadata editor, komen, elemen tersembunyi, nilai lalai, atribut yang tidak perlu, dan pembungkus kumpulan yang berlebihan. Ia juga mengoptimumkan data laluan dan nombor. Penampilan visual SVG dikekalkan sementara saiz fail dikurangkan dengan ketara.

Alat berkaitan