Saat kalian mengalami kesulitan saat mengunggah file SVG ke WordPress, jangan panik, ya. Hal itu terjadi karena WordPress sama sekali tidak mendukung format SVG. Okay, kalau begitu simak yuk Mengenal File SVG dan Cara Aman Menambahkannya ke WordPress

Apa Itu SVG?

Scalable Vector Graphics atau SVG adalah format gambar vektor berbasis teks XML. Biasanya kan gambar-gambar yang dilihat di internet dalam format, seperti JPG dan PNG. Kedua format ini dibuat dari sejumlah ‘kotak’ berukuran sangat kecil yang disebut piksel. Nah, sedangkan format SVG bergantung pada XML markup untuk menggambarkan garis, bentuk, dan atribut gambar lainnya.

Meski sudah ada sejak tahun 90-an, SVG baru dikenal belakangan ini. 

Oia, keunggulan lain jika memilih SVG adalah format ini didukung di banyak platform. Silakan bisa dilihat bagaimana browser major, seperti Chrome, Firefox, Safari, dan Chrome untuk Android menggunakan file ini.

Hanya saja, jika saat ini kalian menggunakan IE8 atau versi Chrome dan Safari sebelum di-update, mungkin akan mengalami beberapa kendala karena tiga browser tersebut tidak lagi mendukung file SVG. Seharusnya tak jadi masalah karena sebagian besar orang tidak lagi sering menggunakan Internet Explorer.

Mengapa Harus Menggunakan File SVG?

Masih banyak orang yang belum familiar dengan SVG karena format ini tidak dibuat serupa grafis berbasis piksel. Namun, bukan berarti lantas tidak perlu menggunakannya. File SVG punya banyak manfaat lho untuk website Anda.

Alasan pertama mengapa menggunakan SVG adalah skalabilitas. Pada dasarnya SVG berbasis vektor, kualitas gambarnya akan tetap sama meskipun resolusi layar di tiap perangkat berbeda.

Gambar JPG akan terlihat buram atau kurang jelas di perangkat tertentu karena ukurannya yang tidak terlalu besar. Namun, gambar SVG akan tetap terlihat tajam di semua jenis perangkat. Bahkan kalian bisa memperbesar (zoom in) dan memperkecil (zoom out) gambar sesuka hati tanpa khawatir kualitasnya akan ikut berkurang. 

SVG juga diminati karena ukuran filenya yang kecil. Karena alasan inilah, ruang penyimpanan atau storage di web kalian tidak akan cepat ‘habis’. Selain itu, kecilnya ukuran format SVG juga memberi kesempatan bagi website untuk loading lebih cepat. Satu kekurangannya, yakni jika membuat gambar yang sangat mendetail lalu mengubah atau mengonversikannya ke SVG, ukurannya akan lebih besar dari JPG, atau PNG, atau ketika keduanya digabungkan.

Kok bisa? Hal ini dikarenakan ukuran file SVG bergantung pada kompleksitas gambar. Semakin mendetail suatu gambar, semakin besar ukuran filenya. Oleh karena itu, format SVG lebih cocok untuk gambar logo dan ikon. Jadi, bila Anda ingin menampilkan gambar beresolusi tinggi di situs, kami sarankan menggunakan file JPG dan PNG.

Keunggulan selanjutnya adalah format ini di-indeks oleh Google. Semua gambar yang dibuat dengan format ini akan muncul di halaman hasil Pencarian Gambar Google. Tentu saja hal ini akan membawa pengaruh positif untuk SEO di situs kalian.

SVG Tidak Menjadi Bagian dari Inti WordPress

Timbul pertanyaan penting nih, mengapa SVG lantas belum banyak digunakan, ya? Mengapa WordPress justru ‘mempersulit’ pengunggahan gambar berformat SVG?

Alasan utama mengapa WordPress tidak menjadikan SVG bagian dari intinya (file default) adalah karena risiko keamanan yang diberikannya.

Pada dasarnya, SVG adalah file teks. Orang-orang bisa dengan mudah mengeksploitasi gambar SVG dengan memasukkan kode berbahaya. Alhasil, situs kalian akan lebih rentan terhadap serangan injection yang dapat menyebabkan peretasan situs. 

Dalam menggunakan file SVG, kehati-hatian kalian benar-benar dituntut, lho. Jika kalian ingin mengunggah SVG ke WordPress, silakan lakukan dengan cara yang benar.

Untuk mencegah adanya kode yang tidak diinginkan, solusinya adalah dengan ‘membersihkan’ file SVG. Proses ini akan menghapus kode dan error yang mencurigakan sehingga gambar lebih aman dipasang di situs kalian. 

Ditambahkannya SVG ke fitur inti WordPress atau tidak kini masih dalam pembahasan hingga saat ini. Kalian harus kreatif dan mencari opsi dari source lain jika memang ingin mengunggah SVG ke WordPress.

Cara Aman Upload SVG ke WordPress

Cara terbaik dan paling aman untuk mengunggah file SVG ke WordPress adalah dengan menggunakan Safe SVG. Safe SVG adalah plugin yang secara otomatis akan ‘membersihkan’ (sanitize) file SVG yang diunggah.

Caranya adalah dengan menghapus kode atau hal lain yang membahayakan keamanan situs. Selain itu, sebelum dionlinekan, plugin ini akan menampilkan gambar SVG di pustaka media sehingga kalian bisa menambahkannya ke postingan dengan mudah.

Plugin WordPress ini menyediakan versi premium dengan fitur pembatasan user. Dengan adanya fitur ini, user yang kalian izinkan saja yang bisa mengunggah gambar SVG. Fitur ini juga sangat berguna bila ada banyak orang atau admin yang berkontribusi di website kalian. Cukup berikan akses ke user yang memang dipercaya.

Di versi premiumnya juga terdapat optimasi server SVGO. Plugin ini bisa ditemukan di repositori WordPress atau melalui dashboard admin WordPress.

Oia, tak perlu melakukan berbagai pengaturan dan penyesuaian ketika menginstall dan mengaktifkan plugin ini. Unggah saja gambar berformat SVG dan plugin akan membersihkannya secara otomatis.

Di bawah ini ada contoh proses mengunggah gambar SVG sebelum menginstall plugin Safe SVG. Seperti yang kalian lihat, WordPress tidak mengizinkan unggahan tersebut karena alasan keamanan.

Namun, setelah menginstall Safe SVG, gambar berformat SVG dapat diunggah tanpa kesulitan berarti. Kalian bahkan bisa melihat preview gambar SVG.

Yeayy! Kini upload gambar SVG ke WordPress jadi lebih mudah.

Ada satu pesan penting, nih. Meski plugin ini menjamin keamanan pengunggahan SVG, kalian tetap harus hati-hati, ya. Apabila ingin menampikan gambar SVG gratis, selalu cek resource-nya lebih dulu. Selalu lindungi website kalian, ya 🙂

Setelah semua langkah di atas sudah dilakukan maka langkah selanjutnya adalah optimasi performa website. Oleh karena itu, penting untuk menggunakan layanan website berkualitas, mulai dari domain, hosting, dan layanan pendukung lainnya. Nah, untuk mendapatkan itu semua, silakan berkunjung ke Jetorbit untuk mencari sesuai kebutuhan kalian. Selain itu, kami juga menyediakan VPS dan bisa kalian cek di sini.

Stay safe and keep healthy 🙂