Lompat ke konten

Cara mengubah website menjadi GIF yang bergulir

Buat GIF animasi dari halaman web yang bergulir, langsung dari URL, dan jaga ukuran berkasnya tetap kecil untuk email, dokumen, dan README. Kapan memakai GIF, dan kapan MP4 adalah pilihan yang lebih baik.

Aviral LakhanpaulDiperbarui 2 menit baca

Jawaban singkatnya

Tempel URL halaman ke alat yang bisa mengekspor GIF, seperti Website Scroll Video, jaga guliran di bawah 20 detik pada 720p atau 1080p dan 24 fps atau kurang, lalu ekspor. GIF adalah pilihan yang tepat di tempat video tidak bisa diputar, seperti email dan sebagian dokumen; di tempat lain, MP4 atau WebM dari guliran yang sama lebih tajam dan berkali-kali lebih kecil.

Kapan GIF adalah format yang tepat

GIF adalah format lama dengan palet 256 warna per bingkai dan kompresi yang tidak pernah dirancang untuk foto bergerak. Guliran website modern, dengan gradasi dan gambarnya, nyaris merupakan kasus terburuk baginya. Format ini bertahan karena bisa diputar hampir di mana saja, tanpa pemutar, tanpa klik, dan tanpa aturan putar otomatis.

  • Pakai GIF di email ke klien atau newsletter, di README atau issue GitHub, di dokumen dan wiki yang tidak bisa menyematkan video, dan di aplikasi obrolan yang menampilkan pratinjau GIF langsung di percakapan.
  • Pakai MP4 atau WebM di situsmu sendiri, di postingan media sosial, di portofolio, dan di mana pun tag <video> bisa dipakai. Gerakan yang sama, warna lebih baik, ukurannya hanya sebagian kecil.

Buat GIF-nya

  1. Tempel URL-nya

    Di beranda, tempel alamatnya dan tunggu halaman termuat. Banner cookie dan widget obrolan disingkirkan sebelum apa pun direkam.

  2. Pilih GIF sebagai format

    Setelan yang tidak bisa ditampung GIF otomatis dibatasi: paling tinggi 24 fps, paling tinggi 1080p, dan paling lama 20 detik.

  3. Buat pendek dan pelan

    Pangkas guliran ke bagian halaman yang penting dan jaga geraknya tetap lambat. Pada 24 fps, guliran yang cepat membuat teks mengabur, dan di GIF hal itu lebih mudah terlihat penonton daripada di video.

  4. Lihat pratinjau, lalu ekspor

    Pratinjaunya gratis. Ekspor jika sudah pas, dan GIF terunduh seperti berkas lainnya.

Menjaga berkas tetap kecil

Ukuran GIF bertambah dengan setiap piksel, setiap bingkai, dan setiap warna yang berubah. Kira-kira menurut besarnya pengaruh:

Yang membuat GIF bergulir lebih besar
SetelanBerkas lebih kecilAlasannya
Resolusi720p, bukan 1080pKurang dari separuh jumlah piksel per bingkai
Durasi6 sampai 10 detikSetiap detik berarti 24 bingkai penuh lagi
Laju bingkai24 fps atau lebih rendahGIF praktis tidak punya kompresi gerak
LatarWarna polos, tanpa butiranButiran film dan foto mengubah setiap piksel di setiap bingkai
HalamanRentang guliran lebih pendekGerakan per bingkai lebih sedikit, piksel baru lebih sedikit

Cara lain membuat GIF website

  • Rekam layar lalu ubah rekamannya ke GIF dengan konverter atau alat seperti ffmpeg. Bisa untuk halaman privat; guliran hanya serata tanganmu.
  • Perekaman lewat skrip dengan Puppeteer atau Playwright, mengambil tangkapan layar selagi halaman bergulir lalu merangkainya. Kendali penuh, tetapi ada kode yang harus dirawat.
  • Alat URL-ke-GIF online gratis. Ada beberapa, dengan setelan lebih sedikit; halaman alternatif membandingkan yang juga bisa membuat video.

Coba di situsmu sendiri

Tempel tautan dan lihat pratinjau guliran secara gratis. 51 kredit gratis saat mendaftar, tanpa kartu, dan tanpa watermark di apa pun yang kamu ekspor.

Pencarian terbaru

    Pertanyaan, terjawab

    Jawaban singkat untuk hal yang biasanya ditanyakan berikutnya.

    Kontak
    Bagaimana cara membuat GIF dari website yang bergulir?

    Tempel URL-nya ke alat URL-ke-video yang bisa mengekspor GIF, buat gulirannya pendek, lalu ekspor. Atau rekam layarmu selagi skrip menggulir halaman, lalu ubah rekamannya ke GIF.

    Kenapa GIF website saya begitu besar?

    GIF menyimpan hampir setiap bingkai secara utuh, jadi resolusi, durasi, dan laju bingkai saling berlipat ganda. Turunkan ke 720p, buat di bawah sepuluh detik, dan hindari latar berupa foto atau berbutir.

    Apakah GIF bisa diputar di email?

    Di sebagian besar aplikasi email, bisa, dan itulah alasan utama memilihnya. Beberapa aplikasi desktop hanya menampilkan bingkai pertama, jadi pastikan bingkai pertama sudah cukup jelas dengan sendirinya.

    Baca juga

    Logo Website Scroll Video, tombol putar di atas halaman web dalam jendela browser.

    Lebih sedikit waktu merekam. Lebih banyak waktu berkarya.

    Otomatiskan perekaman situs dengan gerak yang bisa disesuaikan, kendali yang cerdas, dan pilihan ekspor yang dirancang untuk kreator masa kini.

    Coba sekarang

    Bantu membuat video kamu berikutnya lebih baik

    Cookie analitik menunjukkan halaman mana yang membantu dan di mana orang tersendat, jadi kami tahu apa yang perlu diperbaiki dan dibuat berikutnya. Apa yang kami kumpulkan

    Halaman yang kamu rekam dan video yang kamu buat tidak pernah ikut di dalamnya, dan tidak ada yang dipakai untuk iklan.