ubah saiz SVG
☞ berjalan sepenuhnya dalam pelayar anda — tiada apa-apa dimuat naikLepaskan SVG anda di sini
atau klik untuk pilih — SVG sahaja
Pratonton
OneImageTool
Alat Gambar Percuma
ubah saiz SVG
Berikan SVG lebar dan tinggi yang baharu — atau buang kedua-duanya terus supaya ia mengecil dan membesar mengikut bekasnya. Karyanya sendiri tidak pernah disentuh.
atau klik untuk pilih — SVG sahaja
Pratonton
tiada apa dilukis semula
Imej raster terpaksa dilukis semula pada saiz baharu, dan dalam prosesnya perincian hilang atau direka-reka. SVG sebaliknya membawa arahan lukisan, jadi mengubah saiz hanyalah nota tentang sebesar mana ia perlu dipaparkan. Setiap laluan, warna dan kecerunan dalam fail kekal seperti asal.
Nota itu ialah pasangan width dan height. viewBox di bawahnya mentakrifkan sistem koordinat dalaman dan dibiarkan begitu — dan itulah keseluruhan sebab bentuknya membesar dan bukannya terpangkas.
tiga langkah
Pilih fail .svg — ia kekal pada peranti anda.
Taip satu lebar, pilih peratusan, atau jadikan ia responsif.
Anda mendapat karya yang sama pada saiz yang anda minta.
jawapan pantas
Tidak. Tiada apa yang boleh kabur — fail itu menerangkan bentuk, bukan piksel, jadi ia dilukis semula pada apa jua saiz yang anda berikan. Ini benar pada 25% mahupun 400%.
Ia menjadikan SVG itu responsif. Tanpa atribut tersebut, pelayar bersandar pada viewBox untuk nisbah aspek dan membiarkan elemen itu memenuhi bekasnya, jadi anda menetapkan saiznya melalui CSS. Ini pilihan lazim bagi ikon dalam pustaka komponen.
Dalam kes itu, satu viewBox ditambah untuk anda. Tanpanya, SVG menganggap koordinatnya sebagai piksel biasa, jadi menukar lebarnya akan memangkas lukisan atau menambah ruang kosong dan bukannya menskalakannya. viewBox yang ditambah sepadan dengan saiz asal, jadi tiada apa yang beranjak.
Hampir tidak — hanya dua nombor yang berubah. Jika anda mahukan fail yang lebih kecil, lalukannya melalui pengoptimum SVG, yang membuang metadata editor dan koordinat berketepatan berlebihan.
Tidak. Fail itu dihurai dan ditulis semula dalam pelayar anda.