Cara menggunakan
- Seret GIF ke area seret-lepas, klik untuk memilih file, atau tempel gambar.
- Biarkan Konversi ke pada Format asli dan Lebar maks. pada Ukuran asli agar animasinya tetap terjaga.
- Periksa ukuran asli dan ukuran hasil enkode; GIF animasi cepat membengkak.
- Salin keluaran tag img atau CSS background-image, atau ambil versi data URI, Base64 mentah, atau Markdown.
Tentang format GIF
GIF (Graphics Interchange Format, tipe MIME image/gif) berasal dari tahun 1987. Setiap frame memakai palet berisi paling banyak 256 warna yang dikompresi secara lossless dengan LZW. Transparansinya bersifat semua atau tidak sama sekali: satu entri palet dapat ditandai transparan, tetapi tidak ada opasitas sebagian. Sebuah file dapat berisi banyak frame dengan jeda masing-masing dan jumlah pengulangan, itulah sebabnya GIF menjadi format untuk animasi pendek.
Base64 dari GIF diawali dengan R0lGODlh untuk versi GIF89a yang umum, atau R0lGODdh untuk GIF87a yang lebih lama.
Mempertahankan animasi
Jika Anda mempertahankan format asli, alat ini mengenkode byte file apa adanya. Karena itu, data URI-nya beranimasi persis seperti filenya, baik dipakai dalam tag <img> maupun sebagai latar belakang CSS.
Konversi ke PNG, JPEG, atau WebP, atau pengaturan Lebar maks., akan menggambar ulang gambar di browser, dan hanya frame pertama yang tersisa. Ini berguna jika Anda menginginkan pratinjau diam dari sebuah animasi, tetapi untuk versi beranimasi, biarkan kedua opsi tersebut tidak aktif.
Kapan data URI GIF masih masuk akal
- Spinner pemuatan kecil dan ikon status beranimasi di CSS.
- Piksel transparan 1x1 klasik yang dipakai sebagai
srcplaceholder. Ukurannya hanya beberapa puluh byte dan jauh di bawah 100 karakter Base64. - Gambar garis sederhana dengan sedikit warna, yang membuat GIF tergolong ringkas.
Animasi berukuran besar tidak cocok. GIF reaksi 2 MB berubah menjadi sekitar 2,7 MB teks yang tidak dapat di-cache secara terpisah; file video yang di-hosting atau WebP beranimasi jauh lebih ringan.
.loading {
background: url("data:image/gif;base64,R0lGODlh...") no-repeat center;
}
<img src="data:image/gif;base64,R0lGODlh..." width="32" height="32" alt="Loading">Pertanyaan yang sering diajukan
Apakah GIF saya tetap beranimasi setelah dienkode ke Base64?
Ya, selama Anda mempertahankan format asli dan tidak mengubah ukurannya. Base64 menyimpan file lengkap, termasuk semua frame dan pengaturan pengulangan.
Mengapa GIF saya berhenti bergerak setelah dikonversi?
Konversi ke PNG, JPEG, atau WebP, atau pengubahan ukuran, merender ulang gambar dari frame pertamanya. Alat ini tidak dapat membuat file PNG atau WebP beranimasi, jadi pertahankan GIF asli agar gerakannya tetap ada.