Kayıplı vs Kayıpsız Sıkıştırma: Her iki format için Başlangıç Kılavuzu
Dijital görüntüler web’in ayrılmaz bir parçasıdır ve bazı medya olmadan herhangi bir içerik oluşturmak zordur. Basit sessiz görüntüler, yazınıza ekstra bağlam sunmanın iyi bir yoludur.
Ancak, görüntüler optimizasyon olmadan dosya boyutunda çok büyük olabilir. Kayıplı vs kayıpsız sıkıştırma genel bir husustur, çünkü her biri görüntünün boyutunu azaltabilir, ancak dikkate alınması gereken kaliteli değiş tokuşlar vardır. Neredeyse her zaman resme biraz sıkıştırma uygulamanız gerekir. Bu, dosya boyutunu düşük tutarken kabul edilebilir olarak belirttiğiniz seviyede kaliteyi korur. Doğru sıkıştırma seviyesini seçmek nihai hedeflerinize ve gereksinimlerinize bağlı olacaktır.
Bu yazı için kayıplı ve kayıpsız sıkıştırma göreceğiz. Boyunca, “şekil” almak için görüntünün ihtiyaç duyduğu süreç, sıkıştırma nedir ve görüntünüzü optimize etmek için diğer birçok yönden bahsedeceğiz.
Dijital görüntü sıkıştırma söz konusu olduğunda, kayıplı ve kayıpsız arasındaki fark, aralarından seçim yapabileceğiniz birkaç farklı format vardır. Bazen bunun birçok faktöre bağlı olarak başka bir adı olacaktır. Ancak, temel düzeyde, iki tür bulacaksınız:
Kayıplı Sıkıştırma: Buradaki amaç, bir görüntü için mümkün olan en küçük dosya boyutunu sağlamaktır. Bu nedenle, görüntü kalitesi genellikle öncelik listesi altındadır.
Kayıpsız Sıkıştırma: Bu sıkıştırma formatı ile dosya boyutlarında önemli bir azalma bulacaksınız, ancak görüntüler eserler ve diğer sorunlar yaşamayacaktır.
Çoğu durumda, hangi formatın kullanılacağına dair kararınız nihai hedefinize yol açacaktır: küçük bir dosya mı istiyorsunuz, yoksa kaliteyi korumak için odaklanmanız mı? Kayıplı sıkıştırma, görüntülerden gereksiz olarak kabul edilen verileri kalıcı olarak siler. Bunu başarmak için birçok farklı teknik kullanır ve çok daha küçük bir dosya boyutu üretir. Kayıpsız sıkıştırma da verileri siler, ancak gerekirse orijinali geri yükleyebilir. Amaç, yüksek kaliteyi korumak, ancak dosya boyutunu azaltmaktır. Bunu başarmanın birkaç yolu vardır, ancak sonuçlar genellikle aynıdır. İhtiyaçlarınız için doğru seçenekleri bulmak için geri adım atalım ve genel olarak görüntülerin ve sıkıştırmanın temellerini gözden geçirelim. Kayıplı vs Kayıpsız Sıkıştırma- Görüntünüz için hangisi doğru? Yazılım ve web geliştirme gibi dijital görüntü öğelerini tweetlemek için tıklayın, kameradan web’e fotoğraf çekmek için genellikle bir “kazık” vardır.
Görüntü “ham” veriler olarak başlar (bu nedenle ham olarak adlandırılır). Bu uygulama koduna benzer: parçacıklar, çizgiler ve renkler, görüntü yer tutucuları, dinamik öğeler ve daha fazlası ile arka planlara çevrilen değerler. Görüntüler için RAW dosya, kamera üreticisine, düzenleme yazılımı, renk alanı algoritması ve daha fazlasına dayalı biraz farklı bir görüntü gösterimi sunar. Oradan, resimleri düzenler ve bunları birkaç dosya biçiminden biri olarak dışa aktarırsınız (daha sonra bunun hakkında daha fazla bilgi):
Birinci Yakalama’da ham dosyaları düzenleme örnekleri. Standart bir dijital görüntü oluşturan birkaç farklı öğe vardır:
Pancar Derinliği: Bu yön resimdeki renk bilgilerini belirler. Düşük bit derinliği sadece birkaç renk üretirken, yüksek bit derinliği aynı anda milyonlarca renk üretme potansiyeline sahiptir. Genel olarak, daha iyi.
Boyutlar: Bu, resim tarafından kullanılan fiziksel alandır. Örneğin, 1.000 piksel x 500 piksel bir görüntünün toplam boyutunu belirleyebilir.
Renk alanı: Bu, renklerin nasıl görüntülendiğini belirleyen bir algoritmadır. Her renk alanı farklı şekilde düzenlenir ve genellikle fotoğrafçı tercihlerine bağlıdır.
Bu öğeler, değişen kalitede son görüntüler üretmek için birleşir. Örneğin, yüksek bit derinliğe sahip yüksek çözünürlüklü büyük bir JPEG fotoğrafı en yüksek kalite ve keskinliği sunacaktır:
Yüksek kalitenin bir resmi. Tersine, büyük boyutlara sahip görüntüler ve birçok rengi gösterme yeteneği bile düşük çözünürlükte kötü görünebilir:
Düşük kaliteli görüntüler. Bu denge, sıkıştırma uygulamadan önce temel görüntüleri nasıl geliştirdiğinizdir. Ancak, görüntüler için kullandığınız formatın son kalitede büyük bir rolü vardır. Nasıl çalışır Web resimlerini optimize etmek Genel görüntü sıkıştırma nedeniyle, web için resimleri optimize etme şeklinize standart kurallar uygulayabilirsiniz. Bu kavramların çoğunu Kinsta blogunda başka yerlerde tartışıyoruz, ancak referanslar için kısa bir özet sağlamak daha iyidir: 72 ppi çözünürlük kullanın, çünkü bu web için bir standarttır. Arşivleme nedenleri için daha yüksek bir PPI/DPI kullanabilirsiniz, ancak web’de yayınlamanızı düşünüyoruz.
Resmi yayınlamadan önce bir sıkıştırma ve optimizasyon aracından geçirin.
Sıkıştırma ve optimizasyon, bu makalenin geri kalanı için geliştireceğimiz bir şey olsa da, size tutarlı sonuçlar verebilecek basit bir formattır.
Bunun için, kayıpsız ve kayıpsız sıkıştırmanın avantajlarına ve dezavantajlarına bakalım. Görüntü sıkıştırması, genel olarak web görüntüsünüze nasıl yardımcı olabilir, “sıkıştırma” minimum ve maksimum daha yakın olanı sıkar. Örneğin, sıkıştırma müzikteki en düşük hacmi arttırır ve en yüksek hacmi azaltır. Bu, ortalama seviyeyi kulağa zorlaştırır. Görüntüler için daha fazla sıkıştırma azaltılmış bir işlemdir. Bu, kaliteyi mümkün olduğunca yüksek korurken, dosya boyutunu azaltmak için resminizden veri toplamaya daha fazla önem verildiği anlamına gelir. Görüntü dosyası boyutlarını azaltmaya yardımcı olacak birçok farklı sahiplik algoritması vardır. Birçok durumda, bu belirli şirketlerin malıdır. Her biri benzersiz tanımlayıcılara sahip birçok standart sıkıştırma “kayıplı” ve “kayıpsız” standartlar bulacaksınız: kısa piksellerde sıkıştırma seçenekleri. Söylenen her şey, belirli formatlara özel olmayan görüntüleri uygulamak için birçok fayda vardır:
Dosya boyutunu düşük tutabilirsiniz, bu da sitenizin performansını artırır.
Uzantı ile site sunucunuzun yapacak daha az işi olacaktır, performansı etkileyecektir.
Küçük dosya boyutları sunucu emisyonlarını azaltmaya yardımcı olur. Böylece, sürdürülebilir ve etik bir geleceğe katkıda bulunmaya yardımcı olursunuz.
Tıpkı paylaşılabilecek görüntüler yapmak, çeşitli sıkıştırma değerleriyle oynamak, belirli şirketleri kullanmak ve doğru algoritmayı seçmek sizin için uygun sonuçları bulmakta çok önemlidir.
Kayıplı Sıkıştırma Kayıplı Sıkıştırma Artıları ve Eksileri Görüntü dosyasının boyutunu azaltır, diğer tüm yönleri neredeyse geçersiz kılar. Bu algoritmanın çalışma şekli verileri kalıcı olarak silmektir. Bu göründüğü gibi ona zarar verebilir. Çok fazla tartışmayacak olsak da, resimde kayıp veri sıkıştırmasının bir miktar silinmesinin görüldüğünü bilin. Fikir, daha hafif ağırlıklı yüksek kaliteli orijinal görüntülerin en iyi temsilini sunmaktır – ve bu, bazı verilerin başarılı olmayacağı anlamına gelir. Genel olarak, kayıplı sıkıştırma kullanmanın birkaç avantajı vardır: Bültenlere kaydolun
Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
Şimdi abone olun
Dosya boyutu küçük olacaktır – bazı durumlarda 10 kilobayt (KB) altında.
Artefaktlara rağmen birçok durumda kalite kaybı kabul edilecektir.
Bizi kayıplı sıkıştırma kullanımının negatif tarafına götürür – görüntü kalitesinin herhangi bir sıkıştırma miktarıyla azaltılacağı:
JPEG görüntüsü için sıkıştırma sürücüsü. Renk deseninin doğru şekilde görüntülenmediği renk bandını bulacaksınız ve bazı durumlarda kenarların netlik kaybı görülecektir. Daha az renge sahip görüntüler bundan daha az gösterilecektir, ancak netliği azaltmak kalacaktır. Ayrıca, görüntü bozulması sıkıştırma işleminin kalıcı bir özelliğidir. Bu, etkiyi daha sonra tersine çevirmenin bir yolu olmadığı anlamına gelir. Eksikliklerin yanı sıra, kayıplı sıkıştırma sitenizin web ve performansı için çok iyidir. Küçük dosya boyutları her zaman kaba görüntüler üretmez, ancak (elbette) aşırı şeyler yapabilir: çok sıkıştırılmış görüntü örnekleri. Ancak, kayıplı tek seçenek değildir. Kayıpsız sıkıştırma, kalitenin farkında olan site sahipleri için bir alternatiftir. Artıları ve Contra Sıkıştırma Kayıpsız Sıkıştırma Etikette yazılanları yapar: Görünür kaliteyi etkilemeden mümkün olduğunca çok sayıda görüntü dosyası boyutunun sıkıştırılması. Bu, gereksiz alan alabilen görüntü meta verilerini kaldırarak yapılır:
Görüntü meta veri. Kayıpsız sıkıştırma algoritmaları da piksel sırasının tekrarlanmasını arar, ardından görüntülemek için kısayolu kodlar. Örneğin, “komut satırının bariyer arayüzünü” alın. Kısıtlamayı bir kez belirleyeceksiniz, daha sonra yıldırım kayıpsız sıkıştırmanın aynı şekilde çalıştığı kadar hızlı bir şekilde ifade etmek için “CLI” (veya seçtiğiniz kısaltmayı) kullanacaksınız, çünkü çok zararlı olmadığı için. Meta verilerin çıkarılması tersine çevrilmese de, bazı sıkıştırma birçok kullanım için esnek bir algoritma haline getirecektir. Kayıpsız sıkıştırmanın kullanılmasının avantajları, kaliteyi korumak etrafında döner:
Kayıpsız sıkıştırma, diğer tüm algoritmalara kıyasla en iyi görüntü kalitesini korur. Kayıpsız arşivleme amacıyla çok iyidir. Örneğin, bir fotoğrafçı depolama kaynaklarını en fazla veriyi depolayan görüntülerle dengeleyebilir.
Kayıpsız, görsel sanat için tercih edilen bir sıkıştırma algoritmasıdır: fotoğraf, grafik tasarım, dijital sanat ve daha fazlası. Kayıpsız algoritmaları doğru derinlik ve çözünürlükle birleştirmek bir “bire bir” kopya üretebilir.
Bununla birlikte, kayıpsız sıkıştırmanın belirli bir nişe ne kadar iyi hizmet ettiği konusunda dikkate alınması gereken bir şey vardır: uygulama aralığı küçüktür. Bu, genel kullanılabilirliğini azaltır.
Sıkıştırma dosya boyutunu azaltsa da, kayıpsız algoritma görüntü verilerini kayıplı kadar değiştirmez. Bu nedenle, aşırı zayıflama sonuçlarından ziyade sadece küçük bir boyut azalması görebilirsiniz.
Sonra, bunu yapmanın en hızlı (ve potansiyel) yolunu göreceğiz.Kayıplı ve Kayıpsız Arasında Nasıl Seçilir Bu noktada, kayıplı ile kayıpsız sıkıştırma arasındaki farkı anlarsınız.Ancak, sitenizde hangi algoritmanın en iyi şekilde kullanılması gerektiğini hala bilemeyebilirsiniz.Dikkate alınması gereken iki durum vardır: Web’de çoğu kullanım durumunda, kayıplı sıkıştırma kullanım için kabul edilebilir.
Fotoğraf çekilen fotoğraf veya sanat sergilemek istiyorsanız, kayıpsız sıkıştırma size daha iyi yardımcı olacaktır.
Bu düşünce, JPEG, PNG veya GIF gibi standart bir web görüntü formatının kullanımına bağlıdır. Ancak, sıkıştırma ihtiyaçlarınız HEIC ve WebP gibi daha modern formatlardan farklı olabilir. Sitenizde fotoğrafçılık göstermedikçe, kayıplı sıkıştırmanın varsayılan seçiminiz olması gerektiğini söyleyeceğiz. WordPress, görüntüyü varsayılan olarak sıkıştırdı, bu da kayıplı sıkıştırmanın neredeyse tüm uygulamalar için uygun olduğunu gösteriyor. Görüntülerinizi optimize etmek için çevrimiçi sıkıştırma hizmetlerini kullanarak, görüntüleri sitenizde göstermeden önce sıkıştırmanın birçok yolu vardır. Örneğin, düzenleme aşamasında sıkıştırma uygulamayı seçebilirsiniz. Bu, ham formattan dönüşümün bir yan ürünü olabilir. Ancak, popüler bir seçim birçok çevrimiçi hizmetten biridir. Her biri bir algoritma ve kullanıcı arayüzü (UI) seçeneği sunacaktır. Dahası, çoğunun birkaç ücretsiz hizmeti var, en azından uygulamayı taahhüt etmeden önce denemek için. Makalemizdeki görüntü optimizasyonu ile ilgili bazı seçenekleri tartışıyoruz, ancak bu, Uygulama Programlama Arayüzüne (API) bağlı özel bir WordPress eklentisidir. İyi haber şu ki, bu eklentinin birçoğu çevrimiçi bir arayüz sağlıyor. Örneğin, kısa pikseli düşünün:
Kısa piksel arayüzü. Burada, görüntüyü yükleyiciye sürükleyeceksiniz, ardından uygulamanın sıkıştırmasını ve işlenmesini bekleyeceksiniz. Ancak, önce bir algoritma seçmelisiniz, çünkü işlem hemen başlayacaktır. Seçim basit: iki form kayıplı sıkıştırma (“kayıp” ve “parlak”) ve kayıpsız seçenekler. ShortPixel Arayüzü her algoritma arasındaki farkı açıklamak için iyi bir iş çıkarır ve saniyeler içinde görüntüleri indirebilirsiniz. Her ikisi de isteğinizi yerine getirebilse de, Imagify arayüzü kısa pikselden daha temiz ve daha profesyonel görünüyor. Burada üç “sıkıştırma seviyesi” de vardır – normal, agresif ve ultra: Imafy arayüzü. Burada küçük bir fark, Imafy’nin kayıpsız sıkıştırma ile başlaması ve ciddi artefaktları olan kayıplı algoritmalara çalışmasıdır. Ancak, başka çözümlerde bulamayacağınız başka seçenekler de vardır. Yeni başlayanlar için, görüntünüz için EXIF verilerini kaydedebilir ve hatta dönüşümden sonra boyutunu değiştirebilirsiniz. Bazen bu çok değerlidir, özellikle de exif verilerini silebilen veya görüntünün boyutunu nasıl değiştirdiğinizi sınırlayabilen bir sıkıştırma seviyesi uygulamak istiyorsanız. Aynı efsane gibi, Kraken de görüntünüzü bozabilir ve çeşitli sıkıştırma türlerini uygulayabilir. Çoğu kullanıcı kayıplı veya kayıpsız türü seçecektir.
Kraken arayüzü. Ancak, uzman modları da vardır:
