Penampil & Editor SVG
Pratinjau, edit dan optimalkan file SVG online. Pratinjau real-time, pengeditan kode dan alat optimasi.
Apa itu format SVG?
SVG (Scalable Vector Graphics) adalah format gambar vektor berbasis XML yang memungkinkan penskalaan tak terbatas tanpa kehilangan kualitas. Ini banyak digunakan untuk logo, ikon, dan grafik web.
Apa perbedaan antara SVG dan PNG?
SVG adalah format vektor yang menggunakan rumus matematika untuk menggambarkan grafik dan dapat diskalakan tanpa batas tanpa kehilangan kualitas. PNG adalah format raster yang terdiri dari piksel yang menjadi buram saat diperbesar. SVG ideal untuk logo, ikon, dan diagram, sementara PNG lebih cocok untuk foto.
Format file apa yang bisa dilihat?
Alat ini menampilkan file SVG. Anda bisa menempelkan kode SVG langsung atau mengunggah file .svg dari perangkat Anda.
Bisakah saya mengedit kode SVG langsung?
Ya, Anda bisa mengedit kode sumber SVG di panel editor dan melihat perubahan di panel pratinjau secara real-time.
Bagaimana pratinjau real-time bekerja?
Panel pratinjau secara otomatis diperbarui saat Anda mengetik di editor kode, menunjukkan dengan tepat bagaimana SVG Anda akan dirender di browser.
Bagaimana cara mengoptimalkan SVG saya?
Klik tombol Optimalkan untuk menghapus spasi yang tidak perlu, komentar, metadata, dan atribut redundan, mengurangi ukuran file.
Bisakah saya mengubah warna dan gaya SVG?
Ya, Anda bisa memodifikasi warna isi, warna goresan, opacity, dan atribut gaya lainnya langsung di kode SVG.
Apakah SVG mendukung animasi?
Ya, SVG mendukung animasi melalui SMIL (Synchronized Multimedia Integration Language) dan animasi CSS. Anda dapat membuat efek seperti gerakan, perubahan warna, dan transformasi bentuk langsung di dalam SVG.
Browser apa yang didukung?
Alat ini berfungsi di semua browser modern termasuk Chrome, Firefox, Safari, dan Edge.
Bagaimana saya bisa memvalidasi sintaks SVG?
Alat ini secara otomatis menyoroti kesalahan sintaks dalam kode SVG Anda, membantu Anda mengidentifikasi dan memperbaiki masalah segera.
Bisakah saya mengubah ukuran SVG tanpa kehilangan kualitas?
Ya, SVG adalah format vektor yang dapat diskalakan ke ukuran berapa pun tanpa kehilangan kualitas atau menjadi piksel.
Apakah data SVG saya dikirim ke server?
Tidak, semua pemrosesan terjadi secara lokal di browser Anda. Konten SVG Anda tidak pernah meninggalkan perangkat Anda.
Cara Menggunakan Penampil & Editor SVG
SVG Viewer & Editor menampilkan SVG seketika saat Anda menempelkan kodenya atau menjatuhkan filenya, dan memungkinkan penyuntingan markup dengan pratinjau langsung. Semua terjadi lokal di browser Anda.
- Tempel kode SVG ke editor dengan petunjuk “Paste SVG code here or drag & drop a file...”, atau seret file .svg ke halaman.
- Grafis langsung dirender di pratinjau langsung di samping kode.
- Sunting atribut seperti viewBox, width, height, fill, atau data path langsung di kode — pratinjau diperbarui saat Anda mengetik.
- Perbaiki masalah umum di tempat, misalnya atribut xmlns yang hilang atau viewBox yang memotong gambar.
- Salin kode akhir begitu pratinjaunya sudah pas.
Jika pratinjau tetap kosong, pastikan kode dimulai dengan <svg dan menyertakan namespace xmlns — xmlns yang hilang adalah penyebab paling umum.
Alat Terkait
- Pengoptimal SVG Optimalkan dan kompres file SVG secara instan di browser Anda. Hapus metadata, komentar, dan data editor, kurangi ukuran hingga 60%.
- Konverter SVG ke PNG Konversi SVG ke PNG, JPEG, atau WebP secara instan di browser Anda. Sesuaikan skala, ukuran, dan warna latar belakang. Gratis, pribadi, tanpa unggah.
- Kalkulator Chmod Kalkulator chmod online gratis untuk memvisualisasikan dan menghitung izin file Linux dengan kotak centang. Konversi instan antara notasi numerik (755, 644) dan simbolik (rwxr-xr-x). Mendukung izin khusus seperti setuid, setgid, sticky bit.
- Tabel ASCII Referensi pengkodean karakter ASCII lengkap dengan kode desimal, heksadesimal, oktal, biner, entitas HTML, dan deskripsi karakter. Cari dan filter secara instan.
- Penguji Permintaan HTTP Uji API REST langsung di browser Anda. Kirim permintaan GET, POST, PUT, DELETE dengan header, body, dan parameter kustom. Lihat status, header, dan body JSON respons secara instan.
- Generator .htaccess Buat aturan .htaccess Apache untuk redirect, rewrite, header keamanan, caching, dan lainnya.
- Generator Robots.txt Generator robots.txt online gratis. Buat dan sesuaikan file robots.txt untuk mengontrol perayapan mesin pencari, mengelola akses crawler, dan mengoptimalkan SEO situs Anda.
- Generator Sitemap Generator sitemap XML online gratis. Tambah URL, atur prioritas dan frekuensi, buat sitemap SEO secara instan.