Bir sonraki yazıda nasıl olduğuna bir göz atacağız. görüntüleri WebP formatına dönüştür. Kendinizi web sayfaları oluşturmaya adarsanız, web sitenizin performansını optimize etmek için en iyi uygulamalardan birinin sıkıştırılmış resimler kullanmak olduğunu zaten bileceksiniz. Bu yazıda, WebP formatının nasıl kullanılacağını göreceğiz. Bununla birlikte, web sayfalarımızda kullanmak üzere sıkıştırılmış ve kaliteli görüntüler oluşturabiliriz.
WebP, web'deki görüntüler için son derece kayıpsız ve kayıplı sıkıştırma sunan nispeten yeni bir görüntü formatıdır. Bu format google tarafından tasarlandı. Kullanmak için, Gnu / Linux, Windows ve Mac OS X için önceden derlenmiş yardımcı programları indirmeniz gerekecektir.
WebP, PNG ve JPEG dosyaları için kayıpsız ve kayıplı sıkıştırma sağlayan yeni bir görüntü formatıdır. Bu formatla % 34'e kadar daha küçük bir görüntü boyutu elde edeceğiz. Bu Google Chrome ve Opera ile uyumlu. Bu biçimin Tarayıcı Aracısı tarafından desteklenip desteklenmediğini belirlemek için Nginx ve Apache kullanabilir ve ardından görüntüyü orijinal görüntü yerine yeni bir biçimde sunabiliriz. Bu dosya biçimi ayrıca, resim boyutlarında büyük küçülmelere yol açabilecek animasyonlu görüntüleri de destekler.
WebP formatıyla, web yöneticileri ve web geliştiricileri şunları yapabilir: daha küçük, daha zengin görüntüler oluşturun Web'i daha hızlı hale getiren.
WebP aracını Ubuntu'ya yükleyin
Neyse ki, webp paketi resmi Ubuntu depolarında bulunur. APT paket yöneticisini kullanarak kurabiliriz. Sadece bir terminal açmamız (Ctrl + Alt + T) ve içine yazmamız gerekecek:
sudo apt install webp
Ayrıca Ubuntu ve diğer Gnu / Linux dağıtımlarını da seçebiliriz. google deposundan webp paketini indirin. Bunun için şu komutu kullanacağız wget bir terminal açarak (Ctrl + Alt + T) ve yazarak:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
Yapacağımız bir sonraki şey, dosyayı çıkarmak ve çıkarılan paketin dizinine aşağıdaki gibi taşımaktır:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Yerleşik araçlar
Yukarıdaki ekran görüntüsünde görebileceğiniz gibi, paket önceden derlenmiş bir kitaplık içerir (libwebp) aşağıda listelenen çeşitli web yardımcı programlarını eklemek için:
- anim_diff → Bu, animasyon görüntüleri arasındaki farkı göster.
- anim_dump → Bu, animasyon görüntüleri arasındaki farkı boşaltın.
- cwebp → Bu, webp kodlaması.
- dwebp → Bu, webp kod çözme.
- gif2webp → Bir araç GIF görüntülerini webp'ye dönüştür.
- img2webp → Araçlar bir görüntü dizisini animasyonlu bir web dosyasına dönüştürme.
- vwebp → Bu bir webp dosya görüntüleyici.
- webpinfo → Bu araç, bir dosya hakkında bilgi görüntü webp.
- webpmux → Bir mux aracı webp'den.
Önceki araçlardan herhangi biri için tüm seçenekleri herhangi bir argüman olmadan çalıştırarak veya -uzun yardım bayrağı. Örneğin:
cwebp -longhelp
Son olarak, önceki programları mutlak yollarını yazmadan çalıştırmak istiyorsak, sadece dizini eklememiz gerekecek. ~ / libwebp-0.6.1-linux-x86-32 / bin bizim için ~ / .Bashrc dosyamızdaki PATH ortam değişkeni. Bunu yapmak için terminalde çalıştıracağız (Ctrl + Alt + T):
vi ~/.bashrc
Dosyanın son kısmında şunları ekleyeceğiz:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Bittiğinde, sadece dosyayı kaydetmemiz ve kapatmamız gerekecek. Ayrıldıktan sonra yeni bir terminal penceresi açacağız ve tüm web programlarını sistemdeki diğer herhangi bir komut gibi çalıştırabileceğiz.
Bir görüntüyü webp'ye dönüştürme
Bir görüntüyü webp'ye dönüştürmek için şunları yapabiliriz: cwebp aracını kullan. İçinde parametre -q çıktı kalitesini tanımlar ve -o çıktı dosyasını belirtir. İşte bir örnek:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Dönüştürülmüş bir görüntüyü görüntüleyin
Dönüşüm bittiğinde, yapabiliriz vwebp aracını kullanarak webp görüntüsünü görüntüleyin. Yakalamada görebileceğiniz gibi, aynı görüntünün jpeg formatındakine göre belirli farklılıkları vardır.
vwebp ubunlog.webp
WebP, Google'ın interneti daha hızlı hale getirmek için devam eden çabalarından kaynaklanan birçok üründen yalnızca biridir. Bu görüntü formatı hakkında daha fazla bilgi edinmek istiyorsak, ziyaret et WebP proje web sitesi.