Pengembang / Inspeksi SVG

Penampil SVG: Periksa, Ubah Ukuran, dan Salin SVG

Lihat kode SVG secara lokal dengan kontrol zoom dan latar belakang. Periksa ukuran dan token warna, edit lebar dan tinggi, perbaiki viewBox, lalu download atau salin data URI.

Penampil SVG: Periksa, Ubah Ukuran, dan Salin SVG: Membaca ukuran SVG, viewBox, jumlah elemen, ukuran dalam byte, dan penggunaan warna secara eksplisit. Setelah sanitasi, alat ini hanya mengedit atribut ukuran root yang diminta. Jika viewBox tidak ada, viewBox dapat diisi berdasarkan ukuran sumber; mode responsif mempertahankan viewBox dan menghapus atribut lebar serta tinggi. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Kategori
Tools developer
Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan
Penampil dan pengubah ukuran SVGPemrosesan lokal

Berjalan sepenuhnya di browser Anda

Pilih atau letakkan SVG

Viewport SVG dan viewBox

viewBox terdiri dari empat angka: x minimum, y minimum, lebar, dan tinggi. Lebar dan tingginya harus positif. Spesifikasi: https://www.w3.org/TR/SVG2/coords.html

Ukuran dan pratinjau lokal

Panjang absolut dikonversi menggunakan 96 piksel CSS per inci. Zoom pratinjau dan latar belakang tidak mengubah markup yang diekspor. Aturan pemrosesan gambar SVG: https://www.w3.org/TR/SVG2/conform.html

Cara menggunakannya

  1. Jatuhkan file SVG atau tempel kodenya untuk memeriksa pratinjau yang sudah disanitasi.
  2. Atur ukuran dengan opsi penguncian rasio, sesuaikan viewBox, atau hapus ukuran untuk penggunaan responsif.
  3. Download SVG, salin kodenya, atau salin data URI yang telah dienkode.

Privasi & batasan

SVG diproses secara lokal dan dirender sebagai gambar terisolasi. Skrip, event handler, dan resource eksternal dihapus.

Alat terkait

SVG ke PNGSVG CleanerEditor SVG

Pertanyaan umum

Apakah mengubah viewBox mengubah karya gambar?

Perubahan ini mengubah area koordinat yang terlihat. Gunakan viewBox yang ada jika hanya ingin mengubah ukuran tampilan; viewBox yang berbeda dapat memotong atau menggeser gambar yang terlihat.

Apa yang terjadi jika ukuran tidak ada?

Penampil menggunakan ukuran viewBox, lalu fallback 300 × 150 piksel. Panjang fisik absolut menggunakan 96 piksel per inci; panjang relatif memerlukan halaman yang memuatnya agar dapat ditentukan secara tepat.

Mengapa mode responsif menghapus lebar dan tinggi?

viewBox mempertahankan sistem koordinat, sementara tata letak di sekitarnya mengatur ukuran tampilan.

Apakah saya bisa menyalin data URI?

Ya. Data URI berisi SVG keluaran yang telah disanitasi dengan pengodean URI.

Alat gratis · berjalan di browser anda · tanpa perlu akun