Daha İyi Web Sitesi Performansı için GIF Dosya Boyutu Nasıl Azaltılır

Düşük GIF sadece bir geri dönüş yapıyor çünkü akıllı telefonların ve sınırlı bant genişliği kullanımının artmasıyla kullanıcılar neredeyse anında yükleme süreleri beklemektedir. Web görselleriniz ne kadar küçükse, resimleriniz ne kadar hızlı yüklenir ve ziyaretçileriniz o kadar mutlu olur. Ayrıca, birçok web sitesinin reklam banner'larının boyutuyla ilgili kısıtlamaları vardır.

GIF Resimleri ve Web

GIF görüntüleri tek boyutlu olarak kabul edilmemelidir, tüm çözümlere uygundur. GIF görüntüleri maksimum 256 renge sahiptir, yani dikkatli değilseniz ciddi görüntü ve renk bozulması bekleyebilirsiniz. GIF dosya formatı, birçok açıdan web'in en eski günlerine kadar uzanan eski bir formattır. GIF formatının tanıtılmasından önce, web görüntüleri siyah ve beyazdı ve RLE formatı kullanılarak sıkıştırıldı. İlk olarak 1987'de Compuserve formatı bir web görüntüleme çözümü olarak piyasaya çıktığında sahneye çıktı. O zaman, masaüstünde sadece renk ortaya çıkıyordu ve web'e telefon hattına bağlı modemler erişiyordu. Bu, görüntüleri bir telefon hattı üzerinden bir web tarayıcısına kısa bir sıra ile iletecek kadar küçük tutan bir görüntü formatına ihtiyaç duymaktadır.

GIF görüntüleri , bir logo veya çizgi çizimi gibi sınırlı bir renk paletine sahip keskin kenarlı grafikler için idealdir. Fotoğraflarda kullanılabilmelerine rağmen, azaltılmış renk paleti, görüntüye yapaylık katacaktır. Yine de, Glitch Art hareketi ve sinemagrafın yükselişi GIF formatında yenilenmiş bir ilgi uyandırdı.

Daha İyi Web Sitesi Performansı için GIF Dosya Boyutu Nasıl Azaltılır

Bu ipuçları, GIF'lerinizi mümkün olduğunca küçük hale getirmenize yardımcı olacaktır.

  1. Resmin çevresindeki fazladan alanı temizleyin. Görüntünüzün piksel boyutlarını azaltmak, dosya boyutunu küçültmenin en etkili yoludur. Photoshop kullanıyorsanız, Trim komutu bunun için iyi çalışır.
  2. Bir gif görüntüsü hazırladığınızda çıktı boyutlarını azaltmak isteyebilirsiniz.
  3. Görüntüdeki renk sayısını azaltın.
  4. Hareketli GIF'ler için, görüntüdeki kare sayısını azaltın.
  5. Photoshop CC 2017 kullanıyorsanız, Farklı Dışa Aktar menü öğesini kullanarak bir GIF dosyası oluşturabilirsiniz. Dosya> Dışa Aktar ... ' ı seçin ve menü açıldığında, GIF'i dosya formatı olarak seçin ve görüntünün fiziksel boyutlarını (Genişlik ve Yükseklik) azaltın.
  6. Adobe Photoshop Elements 14'ü kullanırsanız, Dosya> Web için kaydet'i seçin . Bu, Adobe Photoshop CC 2017, Dosya> Dışa Aktar> Web için Kaydet (Eski) öğesinde de bulunan Web İçin Kaydet iletişim kutusunu açacaktır. Açıldığında dithering uygulayabilir, görüntünün rengini ve fiziksel boyutlarını azaltabilirsiniz.
  7. Dithering kaçının. Dithering, bazı resimlerin daha iyi görünmesini sağlayabilir, ancak dosya boyutunu artıracaktır. Yazılımınız buna izin veriyorsa, fazladan bayt kaydetmek için daha düşük seviyede dithering kullanın.
  1. Bazı yazılımlar GIF'leri kaydetmek için "kayıp" bir seçeneğe sahiptir. Bu seçenek dosya boyutunu önemli ölçüde azaltabilir, ancak görüntü kalitesini de düşürür.
  2. Taramayı kullanma. Taramalı genellikle dosya boyutunu artırır.
  3. Hem Photoshop hem de Photoshop Elements size indirme süresini gösterir. Buna dikkat etmeyin. 56k modem kullanımına dayanmaktadır. Açılır menüden bir kablo Modemi seçerseniz daha geçerli bir numara görünecektir.

İpuçları:

  1. Kullanışlı olmayan animasyonlardan kaçının. Aşırı animasyon sadece web sayfanızın indirme süresini artırmaz, ancak çoğu kullanıcı dikkatini dağıtır.
  2. Düz renk ve yatay desenlerdeki büyük bloklarla GIF görüntüleri, renk geçişleri, yumuşak gölgeler ve dikey desenler ile görüntülerden daha iyi sıkıştırır.
  3. GIF'lerde renkleri düşürürken, sayı renkleri bu seçeneklerden mümkün olan en küçük değere ayarlandığında en iyi sıkıştırmayı elde edersiniz: 2, 4, 8, 16, 32, 64, 128 veya 256.

Tom Green tarafından güncellendi