Kayıplı Sıkıştırmayı Anlayın ve Ne Zaman Kullanılacağını
Hızlı yükleme süresi, sitenizin başarısı için çok önemlidir. Yavaş web siteleri okuyucuyu uzaklaştırabilir ve arama motoru sıralamanızda zarar verebilir. Neyse ki, görüntünüz için kayıplı sıkıştırma kullanmak gibi sitenizin hızını artırmanın birkaç yolu vardır. Bu yazıda, kayıplı sıkıştırmaya ve sitenizin performansını nasıl artırabileceğine daha yakından bakacağız. Ayrıca, görüntünüze kayıplı sıkıştırmanın nasıl uygulanacağını ve bu tekniğin artılarını ve eksilerini tartışacağız. Başlayalım! Kayıplı sıkıştırma nedir? Sıkıştırma dosya boyutunu azaltır. Görüntüleri sıkıştırdığınızda, dosyaları etkili bir şekilde daha küçük yaparsınız. Biri “kayıp” olarak adlandırılan çeşitli sıkıştırma türleri vardır.
Kayıplı sıkıştırma ile dosya boyutunu önemli miktarda azaltabilirsiniz. Ancak, bu işlem daha kötü görüntü kalitesi üretebilir. Bunun nedeni, sıkıştırmanın görüntü oluşturan bazı pikselleri ortadan kaldırmasıdır. Bildiğiniz gibi, sıkıştırılmış görüntüler orijinal kadar iyi görünmeyecektir. Kullandığınız sıkıştırma seviyesine bağlı olarak, görüntü kalitesinde bir azalma görebilirsiniz. Bazı örneklere bakalım. Bu, 2MB dosya boyutuna sahip orijinal görüntüdür:
Son olarak, görüntüyü 329kb dosya boyutu üreten yüzde 10’a sıkıştırdık: Gördüğünüz gibi, kalitedeki düşüş artık açıkça görülebilir. Bunun nedeni, resimden çok sayıda veri sildiğimizdir. Daha önce de belirttiğimiz gibi, sıkıştırılmış görüntüler sitenizi hızlandırmaya yardımcı olabilir. Bunu göstermek için, Lighthouse kullanarak farklı görüntü boyutlarıyla sayfa hız testi yaptık. Deniz feneri testi bir renk kodu verilir ve yükleme performansı için herhangi bir sayıda yeşil kabul edilebilir. Orijinal görüntüyü kullandığımızda bir sayfa performans puanı: Daha sonra hız testini yüzde 50’ye kadar sıkıştırılmış görüntülerle yeniden düzenliyoruz: Gördüğünüz gibi, performansta bir artış var. Son olarak, aynı sayfayı yüzde 10’a kadar sıkıştırdığımız fotoğrafları kullanarak test ettik: Gördüğünüz gibi, sayfa şimdi tam notlar alıyor. Bu test, küçük görüntü dosyalarının sitenizin performansını önemli ölçüde artırabileceğini göstermektedir. Çok sıkıştırılmış bir grafik sitenizin hızı için bir mucize yapabilse de, daha düşük kalitesinin markanız üzerinde olumsuz bir etkisi olabilir. Bu nedenle, gerçekten gerekmedikçe görüntüleri yüzde 50’den fazla azaltmamayı öneririz. Neden kayıplı sıkıştırma kullanmanız gerekiyor? Web sitenizde ne kadar çok veriye sahip olursanız, sayfanızı yüklemek için gereken süre o kadar uzun olur. Eklentiler, resimler, ses ve video gibi dosyalar, sitenizi yüklerken basınç ekleyebilir. Kayıplı Sıkıştırma, özellikle birçok resimli içeriğiniz varsa, sitenizi hızlandırmanıza yardımcı olabilir. Bu tür sıkıştırmayı Ortak Fotoğraf Uzmanları Grubu (JPEG) ve Grafik Kavşak Biçimi (GIF) dahil olmak üzere çeşitli dosya formatlarında kullanabilirsiniz. Ayrıca, video ve ses dosyalarına kayıplı sıkıştırma da uygulayabilirsiniz. Daha önce de belirtildiği gibi, kayıplı sıkıştırma, görüntünüzden verileri silerek çalışır, bu da boyut ve kalitede bir azalmaya yol açar. Bu yöntem, görüntü dosyasını kalitesini etkilemeden daha küçük hale getiren kayıpsız sıkıştırma ile tezat oluşturur. Bununla birlikte, kayıplı sıkıştırma kayıpsız sıkıştırmadan daha etkili olabilir. Bunun nedeni, görüntünüzden büyük miktarda veri silmesidir. Böylece, bu, depolamanızda biraz boşluğu boşaltabilir ve sitenizin hızını artırabilir. Çevrimiçi mağazalar veya büyük bloglar gibi birçok görüntü içeren bir siteniz varsa, kayıplı sıkıştırmayı kullanmayı düşünebilirsiniz. Bu sıkıştırma yöntemi, web sitenizdeki ürün görüntülerini, küçük resimleri, afişleri ve diğer JPEG dosyalarını optimize etmenize yardımcı olabilir. Sonuç olarak, sayfalarınız kullanıcılarınız için daha hızlı yüklenebilir, bu da oranı azaltmanıza ve daha fazla dönüşümü teşvik etmenize yardımcı olabilir.
Kayıplı sıkıştırma ayrıca görüntünüzün kalitesi ve boyutu üzerinde kontrol sağlar. Aslında, birçok görüntü optimizasyon aracı, dosyanız için sıkıştırma seviyesini seçmenizi sağlar. Bu şekilde, grafiklerinizin kalitesini azaltmadan site performansını artırmanıza yardımcı olan dengeli bir yaklaşım kullanabilirsiniz. Kayıplı Sıkıştırma Nasıl Uygulanacağı Görüntünüze, WordPress’in JPEG dosyalarını otomatik olarak yüzde 82’ye kadar sıkıştırdığını belirtmek önemlidir. Bu nedenle, web sitenize her yüklediğinizde, kayıplı bir sıkıştırma işleminden geçecektir. Bu otomatik sıkıştırma seviyesini Function.php dosyanızı düzenleyerek ayarlayabilirsiniz. Ancak, bu yöntem karmaşık olabilir ve sitenize yüklediğiniz görüntüleri sıkıştırmaz. Ayrıca, görüntünüzü optimize etmek için daha kolay (ve daha verimli) bir yol vardır. Bazı seçeneklere bakalım! 1. Görüntüyü Bir Fotoğraf Düzenleyicisi ile Sıkıştırın Seçim fotoğrafı düzenleme yazılımını kullanarak görüntünüzü kolayca sıkıştırabilirsiniz. Adobe Photoshop ve GIMP gibi popüler araçlar, kalite seviyesini görüntünüze uygulamanıza olanak tanır:
Veya bilgisayar işletim sisteminizde varsayılan fotoğraf düzenleyicisini kullanabilirsiniz. Windows kullanıcısıysanız, resminizi Microsoft Fotoğrafları’nda açın. Ardından, sağ üst köşedeki üç noktaya tıklayın ve gerilme çizilmiş menünün boyutunu değiştirmeyi seçin:
Bir sonraki açılır pencerede, özel boyutları belirtin:
Ardından, görüntü kalitenizi bir kaydırma kullanarak ayarlayabilirsiniz:
Hazır olduğunuzda, boyut olarak değiştirilen kopyayı kaydedin. Bu sıkıştırılmış görüntüyü ayrı bir dosya olarak kaydetmenizi öneririz. Bunun nedeni, kayıplı sıkıştırmanın değiştirilememesidir – orijinal grafiğe gelirseniz, değişikliği iptal edemezsiniz. 2. Görüntüyü WordPress eklentisi ile sıkıştırın Görüntünüzü sıkıştırmanın başka bir yolu bir görüntü optimizasyon eklentisi kullanmaktır. Bu yöntem zamanınızı kaydedebilir, çünkü eklenti sitenize yüklediğiniz görüntüleri otomatik olarak optimize edecektir. Kullanabileceğiniz güçlü optimizasyon eklentilerinden biri hayal etmektir: Eklentiyi sitenizdeki yükledikten ve etkinleştirdikten sonra, ücretsiz bir hesap oluşturmanız ve API anahtarınızı girmeniz istenecektir. Bittiğinde, Sıkıştırma Tercihlerinizi ayarlamak için Ayarlar> Hayal Etme Açabilirsiniz. Gördüğünüz gibi, üç seçenek var: Normal seçerseniz, eklenti görüntünüzde kayıpsız sıkıştırır. Bu yöntem sitenizi hızlandırmayabilir. Agresif tip kayıplı sıkıştırma üretecektir. Ancak, kalitede çarpıcı bir fark olmayacaktır. Son olarak, en güçlü kayıplı sıkıştırma seviyesi olan Ultra’ya sahibiz. Bu ayar görüntü kalitenizde önemli değişikliklere neden olabilir. En iyi sıkıştırma sonuçları için agresif seçmelisiniz. Imafy, WordPress’e yüklediğiniz her görüntünün orijinal boyutunu otomatik olarak optimize eder. Aşağı kaydırırsanız, sıkıştırmak istediğiniz diğer görüntülerin boyutunu seçme seçeneğini göreceksiniz, örneğin küçük resimler:Hazır olduğunuzda, Değiştir’i kaydet’i tıklayın. Sitenize yüklediğiniz her resim artık istediğiniz seviyeye otomatik olarak sıkıştırılacaktır. Kayıp Sıkıştırma Avantajları Gördüğümüz gibi, kayıplı sıkıştırma sitenizin performansını ve sayfa yükleme süresini artırabilir. Buna karşılık, performanstaki bu gelişme daha iyi kullanıcı deneyimi üretecektir. Bu aynı zamanda sitenizin arama motoru optimizasyonunu (SEO) artırmaya yardımcı olabilir. Disk alanınız ve bant genişliği sınırlarınız varsa kayıplı sıkıştırma da yararlı olabilir. Bu, web sitenizde depolanan veri miktarını azaltır. Neyse ki, görüntünüzü sıkıştırmak fazla çaba gerektirmez. Yüklediğiniz tüm görüntülerin boyutunu otomatik olarak azaltacak ücretsiz bir eklenti yüklersiniz. Bu nedenle, kayıplı sıkıştırma kullanmak, web sitenizin performansını bir bütün olarak iyileştirmenin hızlı ve kolay bir yolu olabilir. Kayıplı sıkıştırmanın zayıf yönleri Maalesef, kayıplı sıkıştırma kullanan bazı zayıflıklar var. Yeni başlayanlar için, sıkıştırılmış görüntüleri orijinal durumlarına geri yükleyemezsiniz. Grafiğinizi optimize ederken, orijinal dosyaya gelmediğinizden emin olmalısınız. Tartıştığımız gibi, kayıplı sıkıştırmanın görüntü kaliteniz üzerinde olumsuz bir etkisi olabilir. Bunun nedeni, dosyadaki verileri ortadan kaldırmasıdır. Bu nedenle, çarpıcı kalite farkı olmadığından emin olmak için ılımlı bir sıkıştırma seviyesi seçmelisiniz. Sonuç Görüntünüzdeki kayıplı sıkıştırma kullanmak WordPress sitenizi etkili bir şekilde hızlandırabilir. Bu teknik, görüntü dosyanızın boyutunu azaltır, böylece sayfanızı daha hızlı yükler.
