Utama Reka Bentuk Grafik Cara Mengurangkan Saiz Fail GIF untuk Prestasi Laman Web yang Lebih Baik

Cara Mengurangkan Saiz Fail GIF untuk Prestasi Laman Web yang Lebih Baik



Apa yang Perlu Tahu

  • Pangkas ruang tambahan di sekeliling imej untuk mengurangkan dimensi pikselnya. Apabila anda menyediakan GIF, kurangkan dimensi outputnya.
  • Kurangkan bilangan warna dalam imej. Untuk GIF animasi, kurangkan bilangan bingkai.
  • Elakkan dithering dan interlacing. Jika perisian anda mempunyai pilihan lossy untuk menyimpan GIF, ini akan mengurangkan saiz fail dengan ketara.

Artikel ini menerangkan peraturan am yang perlu dipertimbangkan untuk mengurangkan saiz fail GIF di tapak web anda supaya imej dimuatkan dengan lebih cepat dan tapak web anda beroperasi dengan lebih cekap.

Cara Mengurangkan Saiz Fail GIF untuk Prestasi Laman Web yang Lebih Baik

Untuk menjadikan GIF anda secekap mungkin:

  1. Pangkas sebarang ruang tambahan di sekeliling imej. Mengurangkan dimensi piksel imej adalah cara paling berkesan untuk mengurangkan saiz fail. Jika anda menggunakan Photoshop, Potong arahan berfungsi dengan baik untuk ini.

  2. Apabila anda menyediakan imej GIF, kurangkan dimensi output. Setiap program penyuntingan grafik menawarkan arahan yang berbeza untuk mengubah saiz.

  3. Kurangkan bilangan warna dalam imej. GIF hanya memaparkan 256 warna, tetapi jika imej anda hanya mempunyai sedikit, maka kurangkan kiraan warna juga. Apabila mengurangkan warna dalam GIF, anda mendapat pemampatan terbaik apabila warna nombor ditetapkan kepada pilihan terkecil yang mungkin: 2, 4, 8, 16, 32, 64, 128 atau 256.

  4. Kurangkan bilangan bingkai dalam imej untuk GIF animasi. Elakkan animasi yang tidak berguna, secara umum. Animasi yang berlebihan menambah masa muat turun halaman web, dan ramai orang menganggapnya mengganggu.

    cara membuang video yang disukai dari youtube
  5. Jika anda menggunakan Photoshop , buat fail GIF dengan menggunakan Eksport Sebagai item menu. Pilih Fail > Eksport Sebagai . Apabila menu dibuka, pilih GIF sebagai format fail dan mengurangkan dimensi fizikal (lebar dan tinggi) imej.

  6. Jika anda menggunakan Elemen Adobe Photoshop, pilih Fail > Simpan Untuk Web . Proses ini membuka Simpan Untuk Web kotak dialog yang juga terdapat dalam Adobe Photoshop di Fail > Eksport > Simpan untuk Web (Legasi) . Apabila ia dibuka, gunakan dithering, kurangkan warna dan ubah suai dimensi fizikal imej.

    bagaimana untuk menyekat orang dalam dua minggu
  7. Elakkan dithering. Dithering mungkin menjadikan sesetengah imej kelihatan lebih baik, tetapi ia meningkatkan saiz fail. Jika perisian anda membenarkannya, gunakan tahap dithering yang lebih rendah untuk menjimatkan bait tambahan.

  8. Sesetengah perisian mempunyai pilihan lossy untuk menyimpan GIF. Pilihan ini boleh mengurangkan saiz fail dengan ketara, tetapi ia juga mengurangkan kualiti imej.

  9. Jangan gunakan jalinan. Jalinan biasanya meningkatkan saiz fail.

  10. Kedua-dua Elemen Photoshop dan Photoshop menunjukkan masa muat turun. Tidak menghiraukannya. Ia berdasarkan penggunaan modem 56k. Nombor yang lebih sah muncul jika anda memilih modem kabel daripada menu lungsur.

Imej GIF dan Web

Imej GIF bukan penyelesaian satu saiz untuk semua. Imej GIF mempunyai maksimum 256 warna, bermakna anda boleh menjangkakan kemerosotan imej dan warna yang teruk jika anda tidak berhati-hati.

Format fail GIF, dalam banyak aspek, ialah format lama yang kembali ke zaman terawal web. Sebelum pengenalan format GIF, imej web adalah hitam-putih dan dimampatkan menggunakan format RLE. GIF pertama kali muncul di tempat kejadian pada tahun 1987 apabila Compuserve mengeluarkan format sebagai penyelesaian pengimejan web. Pada masa itu, warna baru sahaja muncul pada desktop, dan web telah diakses oleh modem yang disambungkan ke talian telefon. Infrastruktur baharu ini mewujudkan keperluan untuk format imej yang memastikan imej cukup kecil untuk dihantar, melalui talian telefon, ke penyemak imbas web dalam masa yang singkat.

Imej GIF sesuai untuk grafik bermata tajam dengan palet warna terhad, seperti logo atau lukisan garisan. Walaupun format GIF boleh digunakan untuk gambar, palet warna yang dikurangkan memperkenalkan artifak ke dalam imej. Namun, yang Pergerakan Seni Glitch dan kebangkitan cinemagraph telah mencetuskan minat baharu dalam format GIF.

Soalan Lazim
  • Bagaimanakah cara saya mengukur GIF emoji untuk Discord?

    Apabila memuat naik GIF ke Discord, ia akan melaraskan imej secara automatik kepada 128x128 piksel jika perlu. Walaupun Discord membenarkan perkongsian imej dan fail lain sehingga 8MB (atau lebih dengan langganan Nitro), had saiz untuk emoji ialah 256kb.

  • Bagaimanakah cara saya memampatkan GIF tanpa kehilangan kualiti?

    Cara paling mudah untuk memampatkan GIF tanpa menjejaskan kualiti ialah menggunakan ciri pemampatan File Explorer sendiri. Sesetengah perisian pemampatan pihak ketiga, seperti WinZip , juga boleh digunakan untuk memampatkan GIF tanpa mengurangkan kualiti visual keseluruhannya.

    buat graf dalam dokumen google
  • Bagaimanakah cara saya menggabungkan berbilang GIF ke dalam satu GIF?

    Menggunakan perisian penyuntingan imej seperti Photoshop, pilih Fail > Import > Bingkai Video ke Lapisan dan pilih semua GIF yang anda mahu gabungkan. Pilih semua bingkai animasi dalam GIF pertama, kemudian salinnya dengan memilih Tingkap > Animasi . Seterusnya, beralih ke GIF seterusnya, pilih tempat yang anda ingin masukkan GIF sebelumnya, kemudian tampal dalam bingkai yang disalin. Ulang dengan GIF lain yang ingin anda tambahkan, kemudian eksport penggabungan siap apabila anda selesai.

Artikel Yang Menarik

Pilihan Editor

Cara Mengetahui Umur Komputer Anda
Cara Mengetahui Umur Komputer Anda
Sama ada anda cuba menentukan keserasian perisian atau komponen gantian, mengetahui umur komputer anda adalah penting. Teknologi mempunyai kecenderungan untuk maju lebih cepat daripada jangkaan, biasanya menyebabkan banyak komputer lama menjadi usang. Jika anda mahu
Cara Menyambung ke Penghala Anda
Cara Menyambung ke Penghala Anda
Adakah anda merasa tertekan semasa peranti anda tidak menyambung ke penghala anda? Bagaimana dengan bila anda perlu menunggu selama beberapa hari sehingga penyedia dapat menghantar seseorang untuk melihatnya? Mungkin membantu sekiranya anda tahu
Bintang YouTube terkaya di dunia PewDiePie memaki hamun perkauman semasa siaran langsung
Bintang YouTube terkaya di dunia PewDiePie memaki hamun perkauman semasa siaran langsung
PewDiePie, bintang YouTube berbayar tertinggi di dunia dengan lebih dari 57 juta pelanggan, telah dibantah membuat cercaan kaum semasa siaran, dan bukan untuk pertama kalinya. Penyiar, yang nama sebenarnya adalah Felix Kjellberg,
Skype untuk Web: Perkongsian Skrin di Penyemak Imbas Chrome
Skype untuk Web: Perkongsian Skrin di Penyemak Imbas Chrome
Microsoft telah meluncurkan versi pratonton dari perkhidmatan Skype untuk Web mereka, yang membawa perkongsian Skrin ke Chrome. Ciri baru tersedia di Skype untuk Web pada versi Chrome 72+. Aplikasi Skype Preview baru mempunyai antara muka pengguna yang sangat lancar. Ia mengikuti trend moden reka bentuk minimalis rata dengan ikon glyph
Cara Membetulkan Skrin TV Dengan Talian
Cara Membetulkan Skrin TV Dengan Talian
Garis skrin TV mungkin penyelesaian mudah bergantung pada puncanya, kerana terdapat banyak sebab yang mungkin muncul. Cuba langkah penyelesaian masalah yang terbukti ini.
Cara memuat turun Kodi pada tablet Android atau Telefon Pintar dengan Cara Mudah
Cara memuat turun Kodi pada tablet Android atau Telefon Pintar dengan Cara Mudah
Kodi adalah salah satu perisian streaming yang paling serba boleh - jika terkenal - yang boleh anda muat turun, dan ia tersedia untuk semua perkara, dari MacBook dan PC hingga Chromecasts dan Amazon Fire TV Sticks. Tetapi bagaimana dengan telefon pintar atau tablet anda?
16 Program Legit Di Mana Anda Boleh Mengkaji Produk dan Menyimpannya
16 Program Legit Di Mana Anda Boleh Mengkaji Produk dan Menyimpannya
Daftar untuk syarikat ujian produk ini di mana anda akan dapat menyemak produk dan menyimpannya. Termasuk petua dan kiat untuk mendapatkan lebih banyak produk.