SVG (Scalable Vector Graphics) adalah format SVG yang biasa digunakan untuk ikon, logo, diagram. Panduan ini mencakup pilihan kompatibilitas, kompresi, transparansi, dan konversi.
| Fitur | Dukungan |
|---|---|
| Transparansi | alpha |
| Animasi | native_or_css_script |
| Kegunaan primer | logos, icons, diagrams, charts, responsive graphics |
Ekstensi
.svg
Kompresi
text_or_gzip
Dukungan peramban
modern_major
Penemu
W3C SVG Working Group
Organisasi penemu
W3C
Tahun asal
2001
Resolution independent
Text based
CSS/script capable
Poor fit for photos
Requires sanitization for untrusted uploads
SVG adalah format vektor berbasis teks untuk logo, ikon, diagram, bagan, dan grafik responsif. Skalanya rapi karena mendeskripsikan bentuk, bukan piksel tetap, namun harus dibersihkan saat menerima unggahan yang tidak tepercaya.
SVG dikembangkan oleh W3C sebagai bahasa grafik vektor berbasis XML untuk web.
Rasterisasi SVG ke PNG ketika kompatibilitas piksel tetap diperlukan. Pilih dimensi keluaran, skala, warna latar belakang, dan penanganan font dengan hati-hati.
SVG tetap tajam pada ukuran apa pun hingga di-raster. Output PNG/JPG adalah snapshot piksel tetap dari instruksi vektor.
SVG dapat berisi metadata, referensi yang disematkan, skrip, tautan, dan teks. Sanitasi SVG yang tidak tepercaya dan blokir pemuatan sumber daya eksternal selama konversi.
Dukungan browser dan editor vektor yang kuat; rendering bervariasi berdasarkan font dan fitur.
format slug
svg
inventor
W3C SVG Working Group
strengths
Resolution independent, Text based, CSS/script capable
use cases
logos, icons, diagrams, charts, responsive graphics
weaknesses
Poor fit for photos, Requires sanitization for untrusted uploads
color depth
Vector color model; rasterization target determines pixel depth.
compression
text_or_gzip
origin year
2001
standard owner
W3C
browser support
modern_major
metadata support
XML metadata, RDF, title, desc
software support
Strong browser and vector-editor support; rendering varies by fonts and features.
animation support
native_or_css_script
compression method
XML text; optional gzip for SVGZ
best source formats
eps, pdf, ai
best target formats
png, pdf, jpg
transparency support
alpha
inventor organization
W3C
Dukungan transparansi SVG adalah: alpha. Pilih format target dengan dukungan alfa jika latar belakang transparan penting.
Konversikan SVG ketika format lain lebih cocok dengan kompatibilitas, ukuran file, transparansi, metadata, atau kebutuhan pengeditan.
Font yang hilang, aset eksternal, CSS, atau fitur SVG yang tidak didukung dapat mengubah hasil raster.
SVG adalah markup dan mungkin berisi skrip atau referensi eksternal. SVG yang tidak tepercaya harus dibersihkan sebelum dirender.
Gunakan ukuran tampilan akhir atau ekspor pada 2x/3x untuk layar dengan kepadatan tinggi.
Gunakan SVG jika didukung untuk logo yang dapat diskalakan; gunakan PNG sebagai cadangan untuk alur kerja raster tetap.
W3C - official_spec
MDN Web Docs - browser_documentation