Pemapar & Editor SVG
Pratonton, sunting dan optimumkan fail SVG dalam talian. Pratonton masa nyata, penyuntingan kod dan alat pengoptimuman.
Apakah format SVG?
SVG (Scalable Vector Graphics) ialah format imej vektor berasaskan XML yang membolehkan penskalaan tanpa had tanpa kehilangan kualiti. Ia digunakan secara meluas untuk logo, ikon dan grafik web.
Apakah perbezaan antara SVG dan PNG?
SVG ialah format vektor yang menggunakan formula matematik untuk menggambarkan grafik dan boleh diskalakan tanpa had tanpa kehilangan kualiti. PNG ialah format raster yang terdiri daripada piksel yang menjadi kabur apabila dibesarkan. SVG sesuai untuk logo, ikon dan gambar rajah, manakala PNG lebih sesuai untuk foto.
Format fail apa yang boleh dilihat?
Alat ini memaparkan fail SVG. Anda boleh menampal kod SVG terus atau memuat naik fail .svg dari peranti anda.
Bolehkah saya menyunting kod SVG terus?
Ya, anda boleh menyunting kod sumber SVG dalam panel editor dan melihat perubahan dalam panel pratonton secara langsung.
Bagaimana pratonton masa nyata berfungsi?
Panel pratonton dikemas kini secara automatik semasa anda menaip dalam editor kod, menunjukkan dengan tepat bagaimana SVG anda akan dipaparkan dalam pelayar.
Bagaimana saya mengoptimumkan SVG saya?
Klik butang Optimumkan untuk mengalih keluar ruang putih yang tidak perlu, komen, metadata dan atribut berlebihan.
Bolehkah saya menukar warna dan gaya SVG?
Ya, anda boleh mengubah suai warna isi, warna strok, kelegapan dan atribut gaya lain secara langsung dalam kod SVG.
Adakah SVG menyokong animasi?
Ya, SVG menyokong animasi melalui SMIL (Synchronized Multimedia Integration Language) dan animasi CSS. Anda boleh mencipta kesan seperti pergerakan, perubahan warna dan transformasi bentuk terus dalam SVG.
Pelayar apa yang disokong?
Alat ini berfungsi dalam semua pelayar moden termasuk Chrome, Firefox, Safari dan Edge.
Bagaimana saya boleh mengesahkan sintaks SVG?
Alat ini secara automatik menyerlahkan ralat sintaks dalam kod SVG anda, membantu anda mengenal pasti dan membetulkan masalah serta-merta.
Bolehkah saya mengubah saiz SVG tanpa kehilangan kualiti?
Ya, SVG ialah format vektor yang boleh diskalakan ke sebarang saiz tanpa kehilangan kualiti atau menjadi piksel.
Adakah data SVG saya dihantar ke pelayan?
Tidak, semua pemprosesan berlaku secara tempatan dalam pelayar anda. Kandungan SVG anda tidak pernah meninggalkan peranti anda.
Cara Menggunakan Pemapar & Editor SVG
SVG Viewer & Editor memaparkan SVG serta-merta apabila anda menampal kodnya atau melepaskan failnya, dan membolehkan penyuntingan penanda dengan pratonton langsung. Semuanya berlaku setempat dalam pelayar anda.
- Tampal kod SVG ke dalam editor dengan petunjuk “Paste SVG code here or drag & drop a file...”, atau seret fail .svg ke halaman.
- Grafik dipaparkan serta-merta dalam pratonton langsung di sebelah kod.
- Sunting atribut seperti viewBox, width, height, fill atau data laluan terus dalam kod — pratonton dikemas kini semasa anda menaip.
- Betulkan masalah biasa di tempat, contohnya atribut xmlns yang hilang atau viewBox yang memotong grafik.
- Salin kod akhir apabila pratonton sudah memuaskan.
Jika pratonton kekal kosong, pastikan kod bermula dengan <svg dan merangkumi ruang nama xmlns — xmlns yang hilang ialah punca paling biasa.
Alat Berkaitan
- Pengoptimum SVG Optimumkan dan mampat fail SVG serta-merta dalam pelayar anda. Buang metadata, komen dan data editor, kurangkan saiz sehingga 60%.
- Penukar SVG ke PNG Tukar SVG ke PNG, JPEG, atau WebP serta-merta dalam pelayar anda. Sesuaikan skala, saiz, dan warna latar belakang. Percuma, privasi, tanpa muat naik.
- Kalkulator Chmod Kalkulator chmod dalam talian percuma untuk mengvisualisasikan dan mengira keizinan fail Linux dengan kotak tanda. Tukar serta-merta antara notasi angka (755, 644) dan simbolik (rwxr-xr-x). Menyokong keizinan khas seperti setuid, setgid, sticky bit.
- Jadual ASCII Rujukan pengkodan aksara ASCII lengkap dengan kod perpuluhan, heksadesimal, oktal, binari, entiti HTML dan penerangan aksara. Cari dan tapis serta-merta.
- Penguji Permintaan HTTP Uji API REST terus dalam pelayar anda. Hantar permintaan GET, POST, PUT, DELETE dengan pengepala, badan dan parameter tersuai. Lihat status, pengepala dan badan JSON respons serta-merta.
- Penjana .htaccess Jana peraturan .htaccess Apache untuk pengalihan, penulisan semula, header keselamatan, cache dan banyak lagi.
- Penjana Robots.txt Penjana robots.txt dalam talian percuma. Cipta dan sesuaikan fail robots.txt untuk mengawal perayapan enjin carian, menguruskan akses perayap, dan mengoptimumkan SEO laman web anda.
- Penjana Sitemap Penjana sitemap XML dalam talian percuma. Tambah URL, tetapkan keutamaan dan kekerapan, buat sitemap SEO serta-merta.