Konverter online gratis GIF ke SVG

Apa itu format GIF

GIF, atau Graphics Interchange Format, adalah format raster yang menyimpan setiap frame sebagai gambar terindeks dengan hingga 256 warna. GIF menggunakan kompresi LZW lossless, mendukung transparansi satu bit, dan dapat menyimpan beberapa frame dengan informasi waktu untuk animasi.

Browser web, aplikasi perpesanan, alat screen capture, dan editor gambar umumnya menggunakan file GIF. Logo, ikon, diagram, pixel art, dan animasi pendek merupakan konten GIF yang umum. GIF memiliki dimensi piksel tetap, sehingga pembesaran menghasilkan tepi bergerigi; paletnya yang terbatas juga membuatnya tidak sesuai untuk sebagian besar foto.

Apa itu format SVG

SVG, atau Scalable Vector Graphics, adalah format berbasis XML yang menjelaskan path, bentuk, teks, gradien, dan elemen gambar lainnya secara matematis. Browser dan aplikasi vektor dapat merender elemen-elemen ini dalam berbagai ukuran tanpa kehilangan resolusi yang terkait dengan gambar raster.

SVG cocok untuk logo, ikon, diagram, peta, ilustrasi, artwork cetak, dan path untuk plotter pemotong. Struktur berbasis teksnya dapat diedit di Inkscape atau editor teks, diberi gaya dengan CSS, dan disematkan dalam HTML. SVG juga dapat berisi GIF asli sebagai bitmap yang disematkan; hal ini mempertahankan piksel di dalam container SVG, tetapi tidak membuat gambar tersebut dapat diskalakan atau digunakan sebagai path pemotongan.

Cara mengonversi GIF ke SVG

Untuk mendapatkan hasil vektor yang sebenarnya, gunakan bitmap tracing di editor vektor desktop seperti Inkscape:

1. Buka file dengan File → Open. GIF animasi tidak dikonversi sebagai animasi lengkap melalui tracing biasa; pilih atau ekstrak frame yang Anda perlukan.
2. Pilih bitmap yang diimpor, lalu pilih Path → Trace Bitmap.
3. Gunakan Brightness cutoff untuk artwork hitam-putih. Untuk logo atau ilustrasi dengan warna datar, pilih Multiple scans → Colors. Lebih banyak scan dapat mempertahankan lebih banyak warna, tetapi juga menghasilkan lebih banyak path dan node.
4. Sesuaikan ambang batas, jumlah scan, dan opsi pembersihan sambil memeriksa pratinjau, lalu klik Apply. Inkscape menempatkan path hasil tracing di atas bitmap asli.
5. Pindahkan artwork hasil tracing menjauh dari GIF atau hapus bitmap asli. Periksa tepi dan node pada zoom tinggi, lalu gunakan File → Save As dan pilih Plain SVG jika kompatibilitas dengan program lain penting.

Untuk melakukan konversi tanpa menginstal software, unggah file ke 101convert.com dan pilih SVG. Periksa file yang diunduh setelahnya: konversi otomatis mungkin melakukan tracing pada gambar, mempertahankan GIF sebagai bitmap yang disematkan, atau hanya memproses satu frame animasi.

Untuk mengekstrak frame tertentu sebelum melakukan tracing, gunakan FFmpeg, contohnya:

ffmpeg -i input.gif -frames:v 1 frame.png

Perintah ini mengekstrak frame pertama. Untuk frame lainnya, tentukan timestamp-nya dan tambahkan nilai -ss yang sesuai sebelum file input, lalu lakukan tracing pada PNG yang dihasilkan di Inkscape.

Batasan kualitas dan kompatibilitas

Tracing tidak dapat mengembalikan detail yang telah hilang akibat pengurangan palet GIF, dimensi kecil, atau kompresi. Artwork dengan warna datar dan batas yang tajam menghasilkan path yang lebih bersih dibandingkan foto, gradien, ilustrasi bertekstur, dan screenshot anti-alias. Foto yang dikonversi menjadi path dapat menghasilkan SVG yang terlalu besar, sulit diedit, dan memiliki hasil visual yang buruk.

Gunakan jumlah scan terendah yang tetap mempertahankan bentuk yang diperlukan. Jumlah scan yang berlebihan dapat menghasilkan ribuan node, memperbesar ukuran file, dan memperlambat rendering. Gunakan Path → Simplify dengan hati-hati karena fitur ini dapat membulatkan sudut atau menghapus detail kecil.

Tracing tidak secara otomatis mempertahankan animasi GIF. Setiap frame harus dikonversi secara terpisah, lalu dirangkai menggunakan animasi SVG, JavaScript, atau aplikasi lain. Dukungan browser dan editor vektor terhadap SVG cukup luas, tetapi mesin pemotong dan program lama mungkin hanya menerima kumpulan fitur SVG yang terbatas. Hapus filter dan efek yang tidak didukung, lalu konversi teks menjadi path jika software penerima tidak dapat menggunakan font atau jika bentuk huruf yang persis diperlukan.