Apa tipe MIME file .svg?
Tipe MIME (media type) untuk file gambar SVG dengan ekstensi .svg adalah image/svg+xml. SVG berupa teks, jadi gzip/Brotli bisa memperkecil ukurannya dengan baik. Menyajikan SVG hasil unggahan pengguna dari domain utama itu berisiko karena SVG bisa memuat script, jadi gunakan domain terpisah atau sanitasi file unggahan.
Header Content-Type
Content-Type: image/svg+xml; charset=utf-8Tipe berbasis teks sebaiknya menyertakan charset agar browser mendekode karakter dengan benar.
Konfigurasi server
| Server | Konfigurasi |
|---|---|
Nginx (mime.types atau types {}) | image/svg+xml svg; |
Apache (.htaccess) | AddType image/svg+xml .svg |
IIS (web.config) | <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> |
| Node.js / Express | res.type('svg') atau res.setHeader('Content-Type', 'image/svg+xml; charset=utf-8') |
| Amazon S3 | Atur Content-Type: image/svg+xml pada objek (metadata), atau berikan --content-type image/svg+xml ke aws s3 cp |
Apakah file .svg perlu dikompres?
Ya. SVG berupa teks, jadi mengaktifkan gzip atau Brotli untuk image/svg+xml biasanya menghemat 50–80% ukuran transfer. Pastikan daftar kompresi server kamu menyertakan tipe ini, lalu cek dengan tes kompresi website.
Mengapa tipe MIME penting
Browser memutuskan apa yang dilakukan dengan sebuah respons (tampilkan, jalankan, putar, atau unduh) berdasarkan header Content-Type, bukan ekstensi file. Dengan X-Content-Type-Options: nosniff, tipe yang salah membuat stylesheet dan script langsung diblokir. Untuk unggahan, jangan pernah percaya tipe yang dikirim klien; periksa isi file (magic bytes-nya) di server.
Pencarian tipe MIME
Cari semua ekstensi file dan tipe MIME yang umum, lengkap dengan header Content-Type yang siap disalin.
Pertanyaan yang sering diajukan
Apa tipe MIME untuk .svg?
image/svg+xml.Bagaimana cara mengatur Content-Type untuk .svg di Nginx?
image/svg+xml svg; ada di blok types (biasanya di /etc/nginx/mime.types), lalu muat ulang Nginx.