SVG Itu Apa? Panduan Ringkas Format Vektor
SVG itu apa? Artikel ini menjelaskan cara kerja gambar vektor SVG dalam bahasa mudah, perbezaannya dengan PNG/JPG, kelebihan dan kekurangannya, kegunaan biasa, serta cara membuka dan menyuntingnya, sambil mengesyorkan alat imej ke SVG percuma.
1. SVG itu apa?
SVG ialah singkatan Scalable Vector Graphics (Grafik Vektor yang Boleh Diskalakan), format grafik vektor terbuka berasaskan XML yang piawaiannya ditetapkan oleh W3C. Berbeza dengan PNG dan JPG yang mencatat imej sebagai himpunan piksel, SVG menggunakan formula matematik untuk menggambarkan bentuk: satu garis lurus, satu bulatan, satu lengkung Bézier — semuanya ditulis dalam fail sebagai koordinat dan arahan laluan.
Inilah sebabnya SVG tidak pernah menjadi kabur apabila diperbesar: pelayar hanya melukis semula formula pada saiz baharu, bukan meregangkan piksel. Itulah makna perkataan "vektor".
2. SVG berbanding PNG / JPG
| Perkaraian | SVG | PNG / JPG |
|---|---|---|
| Cara menyimpan imej | Laluan matematik (vektor) | Grid piksel (bitmaps) |
| Apabila diperbesar | Diskalakan tanpa had tanpa herotan | Muncul bergerigi dan kabur |
| Saiz fail | Sangat kecil untuk grafik mudah (beberapa KB) | Membesar mengikut resolusi |
| Kebolehan sunting | Teks boleh disunting, warna ditukar, dianimasikan | Perisian penyunting imej diperlukan |
| Paling sesuai untuk | Ikon, logo, ilustrasi, carta | Foto, pencahayaan kompleks |
3. Kegunaan biasa SVG
- Ikon laman web dan logo: satu SVG sesuai untuk semua ketumpatan skrin, kekal tajam pada skrin Retina;
- Ilustrasi dan carta: pustaka visualisasi data seperti ECharts dan Recharts menghasilkan SVG secara bawaan;
- Cetakan dan ukiran: mesin ukir laser, pemotong vinil dan pencetak UV umumnya menerima laluan SVG;
- Animasi: laluan SVG boleh dikawal terus oleh CSS / SMIL / JavaScript, lalu kesan lukisan garis dan kesan lain menjadi mungkin.
4. Bagaimana membuka dan menyunting SVG?
Pelayar moden (Chrome / Edge / Firefox / Safari) boleh membuka SVG secara terus; perisian reka bentuk seperti Illustrator, Figma dan Inkscape (percuma) boleh menyuntingnya. Jika mahu sekadar menukar warna, membuang latar atau mengelap sebahagian gambar, gunakan Penyunting SVG Dalam Talian PolySVG — tanpa perisian yang perlu dipasang.
5. Bagaimana cara menukar PNG / JPG saya kepada SVG?
Gunakan alat imej ke SVG PolySVG: selepas bitmap dimuat naik, model milik sendiri akan melengkapkan kuantisasi warna, penjejakan kontur dan pemasangan lengkung secara automatik, jadi dalam beberapa saat anda mendapat SVG yang boleh disunting, lengkap dengan pembuangan latar sekali klik. Seluruh proses percuma dan tanpa pendaftaran.
Ringkasan: SVG ialah format "melukis dengan formula", jadi ia sesuai untuk ikon, logo dan segala grafik yang perlu diskalakan; untuk kandungan foto, JPG atau WEBP kekal lebih sesuai.
Soalan lazim
Fail SVG dibuka dengan apa?
Mana-mana pelayar moden boleh membuka dan melihat pratonton secara terus. Untuk menyunting gunakan Illustrator, Figma, Inkscape, atau penyunting dalam talian PolySVG tanpa pemasangan apa-apa.
Bolehkah SVG ditukar kepada PNG?
Boleh. Penyunting PolySVG boleh mengeksport SVG kepada PNG pada sebarang resolusi, dan tangkapan skrin pelayar atau eksport perisian reka bentuk memberi hasil serupa.