Ana Grafik Tasarım Daha İyi Web Sitesi Performansı İçin GIF Dosya Boyutu Nasıl Azaltılır

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



Bilinmesi gereken

  • Piksel boyutlarını azaltmak için görüntünün etrafındaki fazladan alanı kırpın. GIF'i hazırlarken çıktı boyutlarını azaltın.
  • Görüntüdeki renk sayısını azaltın. Animasyonlu GIF'ler için kare sayısını azaltın.
  • Titreme ve taramadan kaçının. Yazılımınızın GIF'leri kaydetme konusunda kayıplı bir seçeneği varsa, bu, dosya boyutunu önemli ölçüde azaltacaktır.

Bu makalede, görsellerin daha hızlı yüklenmesini ve web sitenizin daha verimli çalışmasını sağlamak amacıyla web sitenizdeki GIF'lerin dosya boyutunu küçültmek için göz önünde bulundurulması gereken genel kurallar açıklanmaktadır.

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

GIF'inizi olabildiğince verimli hale getirmek için:

  1. Görüntünün etrafındaki fazladan alanı kırpın. Bir görüntünün piksel boyutlarını azaltmak, dosya boyutunu küçültmenin en etkili yoludur. Photoshop kullanıyorsanız, Kırpma komut bunun için iyi çalışıyor.

  2. GIF görseli hazırlarken çıktı boyutlarını azaltın. Her grafik düzenleme programı, yeniden boyutlandırma için farklı komutlar sunar.

  3. Görüntüdeki renk sayısını azaltın. GIF'ler yalnızca 256 renk görüntüler, ancak görselinizde yalnızca birkaç renk varsa yine de renk sayısını azaltın. GIF'lerdeki renkleri azaltırken, renk sayısı şu 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.

  4. Animasyonlu GIF'ler için görüntüdeki kare sayısını azaltın. Genel olarak işe yaramaz animasyonlardan kaçının. Aşırı animasyon, web sayfasının indirme süresini uzatır ve birçok kişi bunu dikkat dağıtıcı bulur.

    internette doğum günü nasıl bulunur
  5. Eğer kullanırsan Photoshop kullanarak bir GIF dosyası oluşturun. Farklı Dışa Aktar menü seçeneği. Seçme Dosya > Farklı Dışa Aktar . Menü açıldığında öğesini seçin. GIF dosya formatı olarak kullanın ve görüntünün fiziksel boyutlarını (genişlik ve yükseklik) azaltın.

  6. Adobe Photoshop Elements kullanıyorsanız, Dosya > Web İçin Kaydet . Bu süreç açılır Web İçin Kaydet Adobe Photoshop'ta da bulunan iletişim kutusu Dosya > İhracat > Web için Kaydet (Eski) . Açıldığında renk taklidi uygulayın, rengi azaltın ve görüntünün fiziksel boyutlarını değiştirin.

    xbox one'ı kurmak ne kadar sürer
  7. Titreme yapmaktan kaçının. Titreme bazı resimlerin daha iyi görünmesini sağlayabilir ancak dosya boyutunu artırır. Yazılımınız buna izin veriyorsa, fazladan bayttan tasarruf etmek için daha düşük düzeyde bir renk taklidi kullanın.

  8. Bazı yazılımların GIF'leri kaydetmek için kayıplı bir seçeneği vardır. Bu seçenek dosya boyutunu önemli ölçüde azaltabilir ancak görüntü kalitesini de azaltır.

  9. Geçmeli kullanmayın. Tarama genellikle dosya boyutunu artırır.

  10. Hem Photoshop hem de Photoshop Elements indirme süresini gösterir. Buna dikkat etmeyin. 56k modem kullanımına dayanmaktadır. Açılır menüden bir kablolu modem seçerseniz daha geçerli bir sayı görünür.

GIF Görselleri ve Web

GIF görüntüleri her duruma uygun tek çözüm değildir. GIF görsellerinde maksimum 256 renk bulunur; bu, dikkatli olmazsanız ciddi görüntü ve renk bozulmaları bekleyebileceğiniz anlamına gelir.

GIF dosya formatı birçok açıdan webin ilk günlerine kadar uzanan eski bir formattır. GIF formatının kullanıma sunulmasından önce web görselleri siyah beyazdı ve RLE formatı kullanılarak sıkıştırılmıştı. GIF'ler ilk kez 1987 yılında Compuserve'nin bu formatı bir web görüntüleme çözümü olarak piyasaya sürmesiyle ortaya çıktı. O zamanlar masaüstünde renk yeni yeni ortaya çıkıyordu ve web'e telefon hattına bağlı modemler aracılığıyla erişiliyordu. Bu yeni altyapı, görüntülerin bir telefon hattı aracılığıyla bir web tarayıcısına kısa sürede iletilebilecek kadar küçük olmasını sağlayan bir görüntü formatına olan ihtiyacı yarattı.

GIF görüntüleri, logo veya çizgi çizimi gibi sınırlı renk paletine sahip keskin kenarlı grafikler için idealdir. Fotoğraflar için GIF formatı kullanılabilse de, azaltılmış renk paleti görüntüde kusurlar oluşmasına neden olur. Yine de Glitch Sanat hareketi ve yükselişi sinemagraf GIF formatına olan ilginin yenilenmesine yol açtı.

SSS
  • Discord için bir emoji GIF'in boyutunu nasıl ayarlayabilirim?

    Discord'a bir GIF yüklerken gerekirse görüntüyü otomatik olarak 128x128 piksele ayarlayacaktır. Discord, 8MB'a kadar (veya Nitro aboneliğiyle daha fazla) görsellerin ve diğer dosyaların paylaşılmasına izin verirken, emojilerin boyut sınırı 256kb'dir.

  • Kaliteyi kaybetmeden bir GIF'i nasıl sıkıştırırım?

    Kaliteyi etkilemeden bir GIF'i sıkıştırmanın en basit yolu, Dosya Gezgini'nin kendi sıkıştırma özelliğini kullanmaktır. WinZip gibi bazı üçüncü taraf sıkıştırma yazılımları, genel görsel kalitelerini düşürmeden GIF'leri sıkıştırmak için de kullanılabilir.

    televizyonuma nasıl starz alırım
  • Birden fazla GIF'i tek bir GIF'te nasıl birleştiririm?

    Photoshop gibi görüntü düzenleme yazılımını kullanarak Dosya > İçe aktarmak > Video Karelerinden Katmanlara ve birleştirmek istediğiniz tüm GIF'leri seçin. İlk GIF'teki animasyon karelerinin tümünü seçin ve ardından bunları seçerek kopyalayın. Pencere > Animasyon . Daha sonra bir sonraki GIF'e geçin, önceki GIF'i nereye eklemek istediğinizi seçin ve kopyalanan karelere yapıştırın. Eklemek istediğiniz diğer GIF'lerle tekrarlayın, ardından işiniz bittiğinde bitmiş birleştirmeyi dışa aktarın.

Ilginç Haberler

Editörün Seçimi

VS Code vs. Visual Studio – Fark Nedir?
VS Code vs. Visual Studio – Fark Nedir?
Bir geliştirici olarak iki efsanevi araçtan en az birini mutlaka kullanmışsınızdır: Visual Studio Code (VS Code) ve normal Visual Studio. Her ikisi de teknoloji devi Microsoft'un buluşlarıdır ancak her birinin benzersiz avantajları ve dezavantajları vardır.
Nvidia GeForce 3D Vision incelemesi
Nvidia GeForce 3D Vision incelemesi
Birkaç erken uygulamalı seansın ve 3D: Yakınınızdaki Bir Ekrana Gelme özelliğimizdeki coşkulu bir önizlemenin ardından, nihayet bu hafta oyuncuları aşırı hızlanmaya göndermek için eksiksiz bir GeForce 3D Vision kiti geldi. Demet
Etiket Arşivi: KB3176938
Etiket Arşivi: KB3176938
Windows 10'da Office 2019 Yeni Bağlam Menüsü Öğelerini Kaldırma
Windows 10'da Office 2019 Yeni Bağlam Menüsü Öğelerini Kaldırma
Windows 10'da Office 2019 Yeni Bağlam Menüsü Öğeleri Nasıl Kaldırılır Office 2019'u yüklediğinizde, Windows 10'da Dosya Gezgini'nin Yeni bağlam menüsüne bir dizi giriş ekler. Bunları orada görmekten memnun değilseniz, işte size kolay onlardan kurtulmanın yolu Reklam Dosya Gezgini
CAP Dosyası Nedir?
CAP Dosyası Nedir?
Bazı CAP dosyaları paket yakalama dosyalarıdır. Genellikle paket algılayıcıları tarafından toplanan ham verileri tutar. Birini nasıl açacağınız ve dönüştüreceğiniz aşağıda açıklanmıştır.
Nintendo Switch Fortnite Görünümüne Nasıl Sahip Çıkılır?
Nintendo Switch Fortnite Görünümüne Nasıl Sahip Çıkılır?
Konsol pazarındaki tüm büyük oyuncular, sistemlerinin Fortnite sürümlerini yayınladı. Bu özel sürümler, başka türlü elde edemeyeceğiniz bir Fortnite şekerleri paketi içerir, bu da onları koleksiyoncu öğeleri yapar.
Spellbreak'te Görünen Adınızı Nasıl Değiştirirsiniz?
Spellbreak'te Görünen Adınızı Nasıl Değiştirirsiniz?
Spellbreak, PUBG, Apex Legends ve Fortnite gibi daha tanıdık oyunlara kıyasla önemli bir bükülme ile genişleyen türe giren en yeni battle royale oyunlarından biridir. Spellbreak'de her oyuncu güçlü büyüler kullanan bir büyücüyü kontrol eder