PNG'den WebP'ye Dönüştürücü Ücretsiz , şişirilmiş bir web sitesi faturalar, yavaş sayfalar ve rahatsız ziyaretçiler konusunda ders verene kadar basit gibi görünen bir iş yapar. Bir PNG görüntüsü yüklersiniz, WebP kalitesini seçersiniz ve dönüştürülen sonucu indirirsiniz. Pratik amaç açıktır: Genellikle gerekenden çok daha ağır olan bir dosyayı alın ve onu genellikle daha küçük dosya boyutuna sahip ve desteklendiğinde şeffaflığı koruyan web dostu bir görüntüye dönüştürün. Bu, simgeler, arayüz grafikleri, kesilmiş ürün görselleri, hafif çizimler, logolar, kaplamalar ve tasarımcıların ve site sahiplerinin sanki depolama ve bant genişliği gökten gelen mistik bir hediyeymiş gibi dışa aktarmaya devam ettiği diğer tüm görsel nesneler için önemlidir.
İyi bir PNG'den WebP'ye dönüştürücünün amacı mucizeler yaratmak değildir. Mantıklı bir ticaret yapmaktır. PNG, kayıpsız ayrıntılara veya gerçek alfa şeffaflığına ihtiyaç duyduğunuzda mükemmeldir, ancak aynı zamanda insanlar ona dünyadaki her görsel sorun için evrensel bir çözüm gibi davranmaya başladıkları anda absürt derecede büyük olma konusunda dikkate değer bir yeteneğe de sahiptir. WebP, birçok günlük durumda, web dağıtımı için daha verimli bir format sunar. Yani asıl soru "PNG'yi WebP'ye dönüştürebilir miyim?" değil. Elbette yapabilirsin. Yararlı soru şudur: "Bu görüntü PNG olarak yaşamaya devam mı etmeli, yoksa kötü optimize edilmiş tasarım dışa aktarımının sakin küstahlığıyla baytları mı boşa harcıyor?"
Bu ayrım başlangıçtan itibaren anlaşılmaya değer çünkü pek çok kişi resim formatlarını çocukların mutfak çekmecelerini kullandığı gibi kullanıyor: her şey bir yere gidiyor, kimse nedenini bilmiyor ve sonunda ayağımıza ağır bir şey düşüyor. PNG ve JPEG farklı öncelikler için oluşturulmuştur. JPEG, fotoğrafları ilk web'i pratik hale getirecek kadar agresif bir şekilde sıkıştırabildiği için ünlü fotoğraf makinesi haline geldi. PNG farklı bir mizaçla geldi. Kayıpsız sıkıştırma ve zengin renk ve şeffaflık için daha iyi destek ile GIF'e patentsiz bir alternatif olarak tasarlandı. Sade bir dille söylemek gerekirse PNG, ayrıntıları tam olarak koruyordu ve şeffaflığı, eski web formatlarının yönetmekte zorlandığı saygınlıkla ele alıyordu. Bu, arayüz grafikleri, logolar, diyagramlar, metin ağırlıklı varlıklar ve kaba eserlerin gün ışığında utanç verici görüneceği her şey için onu popüler hale getirdi.
PNG'nin hikayesi, ortalama "çevrimiçi dönüştürücü" paragrafının kabul etmeye cesaret ettiğinden çok daha ilginç. Adın anlamı Taşınabilir Ağ Grafikleri 'dir ve kulağa oldukça saygın geliyor, ancak topluluk ayrıca PNG'nin GIF Değil arka adını da benimsedi, çünkü görünüşe göre mühendisler, tehlikeye atılmış bir görevliyi değiştirirken biraz kuru isyandan hoşlanıyorlar. PNG, 1990'ların ortasında GIF patent durumunun insanları anlaşılır derecede huysuz hale getirmesinden sonra ortaya çıktı. Format, hukuk, sıkıştırma ve web yayıncılığını tek bir keyifli idari güveçte karıştıran bir soruna pratik bir yanıt haline geldi. Başka bir deyişle PNG, internetin daha iyi bir görüntü formatı istemesi ve sıkıştırma algoritmalarının lisanslama konusunda rahatsızlık yaratabileceğinin hatırlatılmasından özellikle hoşlanmaması nedeniyle doğdu.
Bu tarihsel köken, PNG'nin neden bu kadar sadakat kazandığını açıklıyor. Kayıpsızdı. Güvenilirdi. Pürüzlü kenarların bir tasarım tercihi olduğunu iddia etmek yerine şeffaflığı düzgün bir şekilde ele aldı. Uzun yıllar boyunca birisi net kenarlar, temiz metin, düz grafikler veya alfa şeffaflığı istediğinde bu, onurlu bir cevap haline geldi. Sorun, insanların her şey için bu onurlu biçimde tasarlanmış formatı kullanmaya başlamasıyla başladı. PNG olarak dışa aktarılan devasa ekran görüntüleri. PNG olarak dışa aktarılan büyük fotoğraf afişleri. Ürün resimleri PNG olarak kaydedildi çünkü bir zamanlar birileri "kalite" kelimesini duymuş ve daha zor sorular sormayı bırakmıştı. Web sitelerinin tamamı gereksiz bayt kütlesine sahip müzelere dönüştü. Güzel, evet. Verimli, tam olarak değil.
Daha sonra Google tarafından 2010 yılında tanıtılan WebP geldi; web'e, önlenebilir hatalar yapan pahalı insanlarla dolu bir oda için ayrılan ifadeyle baktı. WebP'nin arkasındaki fikir gizemli değildi. Sayfalar çok fazla görüntü ağırlığı taşıyordu. Mobil tarama önemliydi. Performans önemliydi. Hem arama görünürlüğü hem de kullanıcı sabrı hıza önem veriyordu. Resim formatlarının tarihi mobilyalar gibi davranmayı bırakması gerekiyordu. WebP, birçok sıradan web durumu için kayıplı ve kayıpsız sıkıştırma, şeffaflık desteği ve daha verimli dağıtım ile modern bir yol sundu. Bu son kısım önemli. WebP tüm eski formatları uygarlıktan silmek için gelmedi. Atıkların savunulmasını zorlaştırmak için geldi.
PNG'den WebP'ye dönüştürmenin anlamlı bir iş akışı haline gelmesinin nedeni budur. WebP kutsal olduğu için değil. PNG'nin aniden "kötü" hale gelmesinden değil. Bu, optimizasyon kılığına girmiş çocukça bir düşünce olurdu. Gerçek sebep daha incelikli. Bir format mükemmel olabilir ama yine de belirli bir dağıtım bağlamı için yanlış seçim olabilir. Net ve şeffaf bir PNG, kaynak varlık olarak mükemmel olabilir ve yine de son web görüntüsü olarak çok ağır olabilir. Bir ürün kesmesi şeffaflığa ihtiyaç duyabilir ancak orijinal dışa aktarımın tam bayt yükünü gerektirmeyebilir. Bir kullanıcı arayüzü öğesi, özellikle şablonlar, koleksiyonlar, kategori sayfaları ve yavaş yüklenen arayüzler arasında tekrarlandığında, sayfa yüklemesini iyileştirmek için yeterli ağırlıktan tasarruf ederken, dönüştürmeden sonra aynı görünebilir. Web, ancak çoğaltıldığında pahalı hale gelen küçük verimsizliklerle doludur. Görüntüler bu numaranın ustalarıdır.
Burada ayrıca birçok öğreticinin peri masalını mahvettiği için kaçındığı yararlı bir teknik ders de var. Şeffaflık dekoratif bir onay kutusu değildir. Formatların nasıl davrandığını ve insanların bunları neden seçtiğini değiştirir. JPEG şeffaflığı desteklemez. PNG'de var. WebP bunu yapabilir. Bu, bazı iş akışlarında PNG'den WebP'ye, JPG'den WebP'ye dönüşümden çok daha ilgi çekici bir dönüşüm yolu haline gelir. İnsanlar "Modern bir görüntü formatına ihtiyacım var ama şeffaf arka planı kaybedemem" derken aslında PNG ve WebP'nin yetişkinler gibi pazarlık etmeye başladığı, JPEG'in ise kibarca davet edilmeden dışarıda kaldığı bölgeyi tam olarak tanımlıyorlar. WebP'nin web grafikleri için cazip hale gelmesinin bir nedeni de budur. Geliştiricilere, alfa desteğinden hemen ödün vermeden ve eski beyaz kutular ve görsel uzlaşma çağına geri dönmeden daha küçük dosyaları hedeflemenin bir yolunu verdi.
Yine de dürüstlük önemlidir. PNG'yi WebP'ye dönüştürmek her zaman doğru hareket değildir. Özellikle mutlak kayıpsız aslına uygunluğun dosya boyutundan daha önemli olduğu durumlarda, bazı görsellerin PNG olarak bırakılması daha iyi olur. Bazı varlıklar zaten küçük olduğundan aradaki fark önemsizdir. Bazı tasarım dışa aktarımları kötü hazırlanmış ve dönüşüm yalnızca sorunları yeniden paketliyor. Beceriksiz bir kaynak dosya, uzantısı değiştiği için asil hale gelmez. Sıkıştırma ağırlığı azaltabilir. Yargıyı onaramaz. Görüntü büyük boyutluysa, kötü kırpılmışsa, saçma boyutlarda dışa aktarılmışsa veya yanlış düzen için seçilmişse, format dönüştürme yalnızca temizlik ekibinin kötü kararların zaten geçit töreni yaptıktan sonra gelmesinden ibarettir.
Bu, görüntü optimizasyonunda saklı olan daha büyük derstir. İnsanlar formatları suçlamayı seviyor çünkü teknik ve dolayısıyla muhteşem hissettiriyor. Ancak birçok performans felaketi daha basit günahlardan kaynaklanır. Küçük bir ekran yuvası için büyük bir kaynak görüntü kullanma. SVG veya HTML'nin işi daha iyi yapacağı yerde raster metin gönderme. Varlıkları web için yeniden boyutlandırmaya gerek kalmadan doğrudan tasarım yazılımından yükleme. Her sayfayı bir poster gibi, her kullanıcıyı da fiber internete bağlı bir geniş bant tutkunu gibi ele almak. Sonra birisi bir dönüştürücü keşfeder, kilobaytların bir kısmını tıraş eder ve buna strateji adını verir. Yararlı, evet. Tamamlandı, hayır. Dosya formatı bir kaldıraçtır. Boyutlar, bağlam, önbelleğe alma, işaretleme ve sınırlama hala önemlidir.
Peki iyi bir PNG'den WebP'ye dönüştürücü ne öğretmelidir? Görüntü optimizasyonunun formatlara tapmaktan ziyade sunuma saygı göstermekle ilgili olduğunu öğretmelidir. İnsanlara PNG'nin mükemmel nedenlerle oluşturulduğunu, şeffaflığın gerçek teknik değer olduğunu, WebP'nin web'in daha verimli ve modern bir seçeneğe ihtiyaç duyması nedeniyle var olduğunu ve daha küçük dosyaların bir yaşam tarzı aksesuarı değil pratik bir gelişme olduğunu hatırlatmalıdır. Aynı zamanda web siteleri hakkında kalıcı bir gerçeği de sessizce ortaya çıkarmalıdır: birçok sayfa, internetin zor olması nedeniyle değil, aşırı büyük varlıkların, bir dışa aktarma düğmesi göründüğü anda bir şekilde israf şairleri haline gelen mükemmel derecede zeki insanlar tarafından yüklenmeye devam etmesi nedeniyle yavaştır.
Bu dönüştürücünün en az teatral, en saygın şekilde kullanışlı olmasının nedeni budur. Bir PNG görüntüsü almanıza, bir WebP kalite düzeyi seçmenize ve gerçek dağıtım için oluşturulmuş gerçek bir WebP çıktı dosyası oluşturmanıza olanak tanır. Kehanet yok. Mucize macun yok. Her görüntünün daha güzel ve ahlaki açıdan daha üstün hale gelirken küçülüp yok olacağına dair hiçbir kahramanlık iddiası yoktur. PNG'nin gerçekten daha hafif bir gezgine ihtiyaç duyan bir sayfada rahat ama aşırı beslenmiş bir aristokrat gibi davranmaya başladığı durumlar için sadece daha temiz bir dosya formatı seçimi.