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 Batch Menukar Fail Media dalam VLC
Cara Batch Menukar Fail Media dalam VLC
Berbagai jenis fail media yang tersedia untuk PC, komputer riba, dan peranti mudah alih adalah rahmat dan kutukan. Ia bagus kerana setiap ceruk khusus di luar sana mempunyai format yang tersedia untuk mengoptimumkannya untuk dimainkan semula pada semua
Cara Memperluas Sel secara Excel secara automatik
Cara Memperluas Sel secara Excel secara automatik
Semasa bekerja dengan lembaran kerja Excel, anda selalunya perlu menyesuaikan ukuran sel. Bergantung pada seberapa banyak data yang mereka simpan, anda dapat menyesuaikan lebar dan ketinggiannya. Kerana helaian Excel terdiri daripada baris dan lajur, berubah
Cara Menunjukkan Laluan Semasa di Bar Tajuk Pencari
Cara Menunjukkan Laluan Semasa di Bar Tajuk Pencari
Finder di OS X adalah aplikasi lalai untuk menyemak imbas fail Mac anda, tetapi kadangkala sukar untuk menjejaki direktori yang anda lalui, terutamanya ketika berurusan dengan sarang folder dan fail yang rumit. Pengguna Mac lama tahu bahawa ada satu cara untuk melihat peta lokasi semasa anda yang berterusan di Finder - iaitu dengan mengaktifkan Path Bar - tetapi ada juga kaedah tersembunyi lain yang mungkin disukai oleh beberapa pengguna.
Cara Muat Turun Imej secara Automatik dalam Outlook
Cara Muat Turun Imej secara Automatik dalam Outlook
Jika anda menggunakan Outlook untuk menyemak e-mel anda, anda tahu bahawa anda perlu memuat turun setiap imej secara manual. Outlook tidak akan memuat turun foto dalam e-mel anda secara automatik, jadi anda perlu mengklik di tempat yang tertera
Cara Membetulkan Tiada Muzik Tersedia dalam Gelendong Instagram
Cara Membetulkan Tiada Muzik Tersedia dalam Gelendong Instagram
Sejak diperkenalkan pada 2020, Reels telah menjadi salah satu ciri Instagram yang paling menarik. Kandungan bentuk pendek ini mudah dihadam, menarik dan boleh menjangkau banyak pengguna dalam masa yang singkat. Tidak hairanlah platform ini telah dimulakan baru-baru ini
Cara Melihat Cap Masa dalam Mesej untuk macOS
Cara Melihat Cap Masa dalam Mesej untuk macOS
Ingin mengetahui dengan tepat kapan mesej dihantar atau diterima di aplikasi Mesej untuk macOS? Apple menyembunyikan maklumat itu secara lalai, tetapi inilah cara untuk mengungkapkannya berdasarkan per-mesej untuk iMessage dan SMS.
Cara Membuat Undian secara Slack
Cara Membuat Undian secara Slack
Ada sebab yang baik mengapa kebanyakan perniagaan tidak bergantung pada aplikasi sembang seperti Facebook Messenger, WhatsApp, dll untuk keperluan perniagaan mereka. Alternatif seperti Slack menawarkan pengalaman yang lebih profesional, dengan faedah pengurusan dan penjadualan yang luas. Sebagai tambahan kepada