Hareketli GIF Nasıl Sıkıştırılır

Yayınlanan: 2022-01-21

Web sitenizi daha hızlı performans için optimize etmek her zamankinden daha önemli. Web sitesi kullanıcıları sorunsuz bir kullanıcı deneyimi bekler ve SERP'ler hızlı yüklenen siteleri tercih eder. Sonuç olarak, site performansı için GIF'ler de dahil olmak üzere resimlerinizi optimize etmeniz gerekir. Puanlarınızı iletmek ve şaka yapmak için GIF'leri kullanan türden biriyseniz, bunları nasıl sıkıştıracağınızı bilmeniz gerekir. Dikkatli değilseniz dosyalar çok büyük olabilir, bu nedenle görüntü optimizasyonu için önemli bir faktör, animasyonlu bir GIF'in nasıl sıkıştırılacağını öğrenmektir.

GIF'inizi sıkıştırmak için atmanız gereken adımları gözden geçireceğiz. Ayrıca, seçeneklerinizin neler olduğunu bilmeniz için kullanabileceğiniz bir dizi sıkıştırma aracını da paylaşacağız.

Hareketli GIF nedir?

GIF, statik veya hareketli bir görüntü olabilir. Sosyal medyada veya Facebook Messenger, Slack veya Skype gibi mesajlaşma uygulamalarında çok zaman harcadıysanız, muhtemelen çok sayıda animasyonlu GIF görmüş ve göndermişsinizdir. Videoların aksine, animasyonlu GIF'ler statik görüntülerin bir derlemesidir. (Nasıl Yapılır Geek, onlara sevdiğim bir ifade olan "flipbook'lar" olarak atıfta bulunur.)

Animasyonlu GIF'ler esasen birden çok statik GIF görüntüsü içerir. Kareler birleştirildiğinde ve sırayla oynatıldığında hareket ediyor gibi görünürler. Tek bir animasyonlu GIF oluşturan teknik olarak birçok bireysel dosya olduğundan, her GIF oldukça fazla yer kaplayabilir.

Ancak sınırlamalar var. Bir GIF yalnızca 256 rengi destekler ve renk kombinasyonları JPEG'ler kadar zengin renklere sahip görüntüleri taklit etmeye çalıştığından, bu her dosyanın boyutunu etkiler. (Bir JPEG görüntüsü, 16,7 milyon tonu destekler.) Sonuç olarak, animasyonlu bir GIF'in dosya boyutu genellikle oldukça büyüktür ve bu büyük miktarda renk bilgisini tek başına tutar. Web sitenizde büyük veya yavaş yüklenen GIF'leri barındırmak, web sitesi performansında sorunlar yaratabilir.

Animasyonlu GIF'i Neden Sıkıştırmalıyım?

Animasyonlu GIF'ler gibi büyük dosyalar web sitenizin performansını ve yükleme süresini yavaşlatabileceğinden, bunları mümkün olduğunda sıkıştırmak istersiniz. Yine de bunu bir boşlukta yapmayın. GIF'leri sıkıştırmayı sitenizin optimizasyon stratejisinin bir parçası olarak düşünmek önemlidir (bu, resimlerin ve diğer grafik öğelerin sıkıştırılmasını da içermelidir).

Bir WordPress web sitesi sahibiyseniz, sitenizin yüklenme süresini ve performansını etkileyebilecek birkaç faktör vardır. Bunlardan bazıları resimlerinizi, WordPress eklentilerinizi ve site revizyonlarınızı içerir. Sitenizde kullandığınız GIF'ler bu yapbozun bir başka büyük parçasıdır.

Animasyonlu GIF'ler genellikle 1 MB'tan büyüktür, bu da web sitenizin yükleme süresinin önemli ölçüde etkilenebileceği anlamına gelir. İlerledikçe, sıkıştırma işlemi boyunca animasyonlu GIF'inizi aldıktan sonra dosya boyutunda meydana gelen önemli değişikliği göreceksiniz.

Hareketli GIF Nasıl Sıkıştırılır

Animasyonlu bir GIF'in nasıl sıkıştırılacağını öğrenmek kolay ve hızlıdır. Bunu nasıl yapacağınızla ilgili adımlarda size yol göstereceğiz. İlk olarak, mevcut GIF sıkıştırma seçeneklerinden bazılarından bahsedelim.

ezgif

Ezgif, animasyonlu bir GIF'in nasıl sıkıştırılacağını öğrenmeyi kolaylaştıran ücretsiz bir sıkıştırma aracıdır. Dosyalarınızı sadece birkaç basit adımda yüklemek ve sıkıştırmak için bu tarayıcı tabanlı aracı kullanın. Araç, kayıplı sıkıştırma kullanarak çalışır; bu, dosya boyutunu bilgi kaybetmeden küçültebileceğiniz anlamına gelir. Ayrıca rengi biraz azaltarak, animasyonun kendisinden uzaklaşmadan fazla kareleri kaldırarak ve görüntünün bazı öğelerini şeffaf hale getirerek GIF boyutunu küçültür.

Tüm bunlar, kullanıcılarınızın yüklemesi için önemli ölçüde daha az veri olacağı anlamına gelir.

GIF Kompresörü

GIF Compressor, kullanıcıların bir seferde en fazla 20 dosyayı toplu olarak sıkıştırmasına olanak tanıyan başka bir ücretsiz, tarayıcı tabanlı sıkıştırıcıdır. Toplu sıkıştırırsanız, işlem tamamlandığında indireceğiniz bir ZIP dosyası alırsınız. Ezgif gibi, GIF Compressor'ın kullanımı ücretsizdir.

Sıkıştır veya Öl

Compress or Die, GIF'lerinden küçük ama yüksek kaliteli avatarlar oluşturmak isteyen kullanıcılar için özel olarak hazırlanmış ücretsiz bir GIF sıkıştırıcıdır. Site, kullanıcıların kendi dosyalarını yüklemelerine, sürükleyip bırakmalarına, resim URL'sine yapıştırmalarına, bir Base64 Veri URI'si kullanmalarına veya bir Photoshop-JSX Komut Dosyası kullanmalarına olanak tanır. Ezgif ve GIF Compressor 50MB'a kadar olan resimlere izin verirken, Compress or Die sadece 8MB'a kadar olan resimleri destekler. Bu nedenle, son derece ayrıntılı animasyonlu GIF'lerden yararlanıyorsanız, bu sizin için iyi bir seçim olmayacaktır.

Ezgif ile Animasyonlu GIF Nasıl Sıkıştırılır

Ezgif, muhtemelen çoğu insanın kullanması için en iyi seçenektir, bu nedenle siteniz için görselleri hazırlamak için uygulamanız gereken tüm adımlara bir göz atacağız.

Öncelikle yeni bir tarayıcı penceresi açın ve https://ezgif.com/optimize adresine gidin. Ardından, bilgisayarınızdan yüklemek istediğiniz resmi seçin . Alternatif olarak, zaten çevrimiçi olarak bir yerde sakladıysanız, resim URL'sini yapıştırabilirsiniz. (Bu durumda, bu aracı kullanmanın tüm faydalarını göstermek için Giphy'den bir resim kaydettim.)

Yükle 'yi tıklayın ve dosyanız yüklendikten sonra pencerede görünecektir. Artık görüntüyü nasıl ve ne kadar sıkıştırmak istediğinizi seçerek optimize edebilirsiniz. Bu makalenin amaçları doğrultusunda, Kayıplı GIF'i seçtim ve 200'lük bir sıkıştırma seviyesi seçtim (bu araç için mümkün olan en ağır).

GIF'i Optimize Et'i tıkladığınızda, orijinalin altında görüntülenen optimize edilmiş GIF'i göreceksiniz. Optimize edilmiş görüntü ayrıntıları ve bilgileri hemen kullanıma sunulacaktır.

Renk ve kalite biraz düşmüş olsa da, değişiklik orijinal biçiminde neredeyse 5 MB olan bir GIF'i kullanmayı garanti etmek için yeterli değildi. Sıkıştırıldığında, dosya boyutu 1.58 MB'a düştü. Bu %70'lik bir azalma . Bu gerçekten etkileyici. Ancak, yukarıda bahsettiğimiz gibi, 1.5MB bile oldukça ağır bir dosyadır.

Bu nedenle, GIF'i düzenlemeye devam etmek için yerleşik araçları kullanmanızı öneririz. Resmin altında bulunan menüyü kullanarak bilgisayarınıza kaydedebilirsiniz. Ek olarak, dosya boyutu (ve kalite) gereksinimlerinize bağlı olarak, Ezgif üzerinden tekrar çalıştırabilir veya zaten sıkıştırılmış dosyadaki sıkıştırma araçlarından başka birini deneyebilirsiniz. Bunu her yaptığınızda kalite düşme eğilimindedir, ancak bunun uygun olduğu seviye içeriğinize bağlıdır.

Animasyonlu bir GIF'in sıkıştırdığınızda bile bir JPEG, SVG veya WebP dosyasına rakip olmayacağını unutmayın. İnternetteki mutlak en küçük, en hızlı görüntülere ihtiyacınız varsa, animasyonlardan tamamen vazgeçmelisiniz.

Çözüm

Web sitenizi optimum performans için optimize etmeye çalışırken GIF sıkıştırmasını aklınızda bulundurun. GIF'lerin genellikle beklediğinizden çok daha büyük olduğunu ve sitenizi optimize ederken onları ihmal etmemeniz gerektiğini unutmayın. Tüm bunları göz önünde bulundurarak, animasyonlu bir GIF'i nasıl sıkıştıracağınızı (ve işi hangi araçların yaptığını) bilirsiniz, bu nedenle siteniz şimdi daha da hızlı yüklenir.

Web sitenizde herhangi bir medya türü kullandığınızda, ticari kullanım için uygun şekilde lisanslandığından emin olmak isteyeceğinizi unutmayın. Buna GIF'ler de dahildir - sadece güvende olmak için.

Animasyonlu bir GIF'i sıkıştırmak için favori aracınız nedir? Yorumlarda ne kullanmamız gerektiğini bize bildirin!

Muchomoros / Shutterstock.com üzerinden Öne Çıkan Görsel