Ubah HTML ke GIF
Render file HTML dengan mesin browser lalu simpan sebagai GIF, untuk tempat yang masih meminta format itu: tanda tangan email, forum lama, kolom CMS versi lama. Anda memilih lebar jendela dan apakah hasilnya satu gambar panjang atau rangkaian frame seukuran halaman.
Dokumen ke Gambar
atau jatuhkan file DOC, DOCX, DOCM … di sini ·
Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit
File diproses di server kami dan dihapus setelah 30 menit.
Konversi semua halaman, hanya halaman pertama (untuk thumbnail atau sampul), atau satu rentang.
Halaman atau slide yang dikonversi, mis. 1-3, 5, 8-10.
Khusus file HTML: lebar jendela peramban yang dipakai untuk merender halaman. 1280 px setara laptop biasa; 390 px menampilkan tata letak seluler.
85 menjaga teks tetap tajam dengan ukuran sedang. Nilai lebih rendah menghasilkan file lebih kecil tetapi mengaburkan teks kecil.
Cara menggunakan alat ini
- 1
Unggah file HTML
Tambahkan file .html, .htm, atau .mhtml, hingga 20 per batch dan masing-masing 95 MB. Menyimpan halaman sebagai Halaman Web, Satu File membuat gambar dan gayanya ikut tersimpan.
- 2
Pilih lebar dan tata letak
Lebar halaman HTML bernilai 1280 px; pakai 600 px untuk template email. Gambar berisi satu gambar panjang, yaitu satu GIF diam; ubah menjadi satu per halaman untuk frame seukuran halaman yang tampil bergantian.
- 3
Konversi ke GIF
Tekan Konversi ke GIF. Jika GIF akan diletakkan di atas latar berwarna, aktifkan Latar transparan di Pengaturan lanjutan.
HTML ke GIF menangkap tampilan halaman, bukan gerakannya: browser menggambar halaman pada lebar pilihan Anda, dan hasilnya berupa satu GIF diam atau sekumpulan frame seukuran halaman dalam satu file.
Cara kerja konversi HTML ke GIF
Pertama, HTML ditata seperti halaman web biasa, pada Lebar halaman HTML yang Anda atur, dari 320 hingga 3840 px. Gaya dan gambar di dalam file diterapkan; font yang tidak dapat dijangkau diganti dengan font yang mirip. Lalu halaman yang sudah dirender ditangkap.
Jika Gambar diatur ke satu gambar panjang, seluruh halaman dari header sampai footer menjadi satu GIF diam. Jika diatur ke satu per halaman, halaman dipotong menjadi bagian seukuran halaman, dan bagian-bagian itu menjadi frame dalam satu GIF yang menampilkannya berurutan, praktis untuk mempratinjau newsletter panjang atau landing page bermacam bagian tanpa menggulir.
Format inilah yang menentukan batasnya. CompuServe memperkenalkan GIF pada 1987, dan revisi GIF89a pada 1989 menambahkan jeda antar-frame serta satu warna transparan, yang sampai sekarang didukung semua penampil. Setiap frame dibatasi pada palet 256 warna, sehingga konverter memetakan warna halaman ke palet terbaik yang bisa ditemukannya. Teks, ikon, tombol, dan warna merek yang datar tampil bersih; foto dan bayangan lembut paling banyak kehilangan kualitas.
Batas GIF yang penting untuk halaman web yang dirender
- Warna per frame
- 256
- Transparansi per piksel, tanpa tepi lembut
- Hidup/mati
- Halaman ditangkap, bukan direkam
- Diam
- File HTML per batch, masing-masing 95 MB
- 20
Ubah HTML ke GIF: apa yang bisa diharapkan
MitosGIF dari sebuah halaman menampilkan efek hover dan animasinya.
FaktaStatus interaktif dan gerakan perlu dipicu oleh orang atau skrip. Tangkapan menampilkan halaman dalam keadaan diam.
MitosGIF adalah format gambar terkecil untuk halaman web.
FaktaUntuk halaman berisi foto, JPG atau WebP biasanya jauh lebih kecil. GIF hanya unggul pada grafik sederhana dan datar.
MitosGIF akan mengambil halaman dari alamat situs webnya.
FaktaKonverter bekerja pada file HTML yang Anda unggah. Simpan dulu halaman dari browser Anda, sebaiknya sebagai satu file MHTML.
MitosSemakin banyak frame, semakin tajam GIF-nya.
FaktaFrame menambah durasi dan ukuran file, bukan detail. Ketajaman ditentukan oleh lebar halaman dan palet warna.
HTML
HyperText Markup Language
HTML adalah bahasa markup untuk web, pertama kali dideskripsikan oleh Tim Berners-Lee pada awal 1990-an dan kini dikelola oleh WHATWG sebagai living standard. File HTML mendeskripsikan judul, paragraf, tautan, tabel, gambar, dan formulir, sedangkan gaya tampilannya biasanya berasal dari CSS. Setiap browser dapat merendernya, dan HTML juga digunakan untuk template email serta halaman web yang disimpan. Satu file HTML sering bergantung pada gambar dan stylesheet eksternal, sehingga tampilannya bisa rusak jika dipindahkan sendirian.
- Kompresi
- –
- Transparansi
- –
- Animasi
- –
- Diperkenalkan
- 1993 · Tim Berners-Lee; maintained by WHATWG
GIF
Graphics Interchange Format
GIF diperkenalkan oleh CompuServe pada 1987 dan masih menjadi format yang paling luas didukung untuk animasi pendek yang berulang. Format ini lossless (tanpa kehilangan kualitas), tetapi terbatas pada palet 256 warna per frame, sehingga foto dan gradien memperlihatkan banding dan dithering. GIF hanya mendukung transparansi aktif/nonaktif (1-bit), yang meninggalkan tepi bergerigi pada bentuk melengkung. GIF animasi sering kali jauh lebih besar daripada klip yang sama dalam MP4 atau WebP. Semua browser, aplikasi obrolan, dan platform sosial dapat memutar GIF.
- Kompresi
- Lossless
- Transparansi
- Ya
- Animasi
- Ya
- Diperkenalkan
- 1987 · CompuServe
Orang memilih GIF untuk halaman yang dirender saat tujuannya hanya menerima GIF, seperti tanda tangan email atau platform lama, atau saat mereka ingin beberapa frame halaman dikemas dalam satu file yang berputar tanpa pemutar video.
Pertanyaan seputar HTML ke GIF
Bisakah animasi CSS diubah menjadi GIF animasi lewat HTML ke GIF?
Tidak. Halaman dirender sekali lalu ditangkap, sehingga transisi CSS, animasi keyframe, video, dan efek berbasis skrip membeku pada saat itu. Untuk menangkap gerakan, rekam layar saat halaman berjalan lalu konversi rekamannya dengan video ke GIF.
Mengapa gradasi dan foto tampak berbintik di GIF hasil HTML?
Setiap frame GIF hanya bisa memakai paling banyak 256 warna. Halaman dengan gradasi halus, bayangan, atau foto memiliki ribuan warna, sehingga warnanya didekati dengan dithering yang tampak sebagai bintik atau pita. Desain datar dan teks tetap rapi; untuk halaman yang kaya foto, HTML ke PNG mempertahankan setiap warna.
Mengapa tepi GIF transparan dari halaman HTML tampak bergerigi?
Transparansi GIF hanya hidup atau mati per piksel, tanpa opasitas sebagian. Tepi anti-alias yang dicampur dengan latar akan menjadi warna padat atau hilang, sehingga bisa meninggalkan lingkaran terang di latar gelap. Biarkan latar putih jika GIF memang akan diletakkan di atas putih.
Apakah tanda tangan email HTML yang disimpan sebagai GIF berfungsi di semua aplikasi email?
GIF diam tampil di hampir semua klien email, karena itulah tanda tangan bertahun-tahun memakai format ini. GIF animasi kurang andal: Outlook klasik untuk Windows versi 2007 hingga 2013 hanya menampilkan frame pertama, jadi letakkan konten penting di frame pertama.
Bagaimana membuat GIF dari HTML cukup kecil untuk aplikasi chat?
Gunakan Lebar halaman HTML yang lebih sempit, atau konversi halaman pertama saja. Jika hasilnya masih melebihi batas, kompres GIF untuk Discord memperkecilnya mendekati batas unggahan.