Fotoğraflarınızı ve grafiklerinizi bırakın ve sayfalarınızın ihtiyaç duyduğu genişliklerde, kamera verisi kaldırılmış WebP, AVIF ve JPG kopyaları alın. Her birinin ne kadar küçüldüğünü görün, hepsini .zip olarak indirin ve srcset kodunu yapıştırın. Görselleriniz bu cihazdan hiç çıkmaz. Ücretsizdir.
Bir web sitesi için görseller adım adım nasıl optimize edilir
- Görselleri seçin veya sayfaya bırakın. JPG, PNG, WebP, AVIF ve GIF dosyaları çalışır.
- 480'den 2560'a kadar istediğiniz Genişlikleri işaretleyin. Görseller asla özgününden büyük yapılmaz.
- Biçimleri seçin: AVIF, WebP, bir JPG yedeği ve şeffaf görseller için PNG.
- Kaliteyi, sizes özniteliğini ve sitenizdeki Görsel klasörünü ayarlayın ve değiştirirseniz Bu ayarlarla yeniden yap'a basın.
- Önce ve Sonra'yı karşılaştırın, sonra Tümünü indir (.zip)'e basın.
- Her görselin resim kodunu kopyalayın ve sayfanıza yapıştırın.
Neden birkaç genişlik?
Bir telefonun büyük bir monitörle aynı 2000 piksellik fotoğrafa ihtiyacı yoktur. srcset ile birkaç genişlik listelersiniz ve tarayıcı o ekranda hâlâ keskin görünen en küçüğünü seçer. sizes özniteliği ona görselin ne kadar geniş gösterileceğini söyler, böylece sayfa yerleşimi bitmeden seçebilir.
AVIF, WebP veya JPG?
AVIF genellikle en küçüğüdür, WebP hemen arkasından gelir ve her güncel tarayıcıda çalışır ve JPG güvenli yedektir. Resim kodu onları o sırayla sunar, böylece her tarayıcı anladığı en iyisini alır. Şeffaf görseller şeffaflığın korunması için JPG yerine PNG yedeği alır. Bir biçim grileşmişse bu tarayıcı onu oluşturamaz; diğer biçimler yine çalışır.
Neler kaldırılır
Her görsel yeniden çizilir ve yeni kaydedilir, bu yüzden kamera ayrıntıları, GPS konumu, düzenleme geçmişi ve gömülü renk profilleri dışarıda bırakılır. Yan çekilen fotoğraflar önce dik çevrilir. 75 ile 82 civarı kalite fotoğraflar için iyi bir dengedir; keskin kenarlı grafikler biraz daha yüksekte daha iyi görünebilir.
Neden önemli
- Daha küçük görseller sayfaların, özellikle telefonlarda, daha hızlı yüklenmesini sağlar.
- Daha hızlı sayfaların kullanımı daha kolaydır ve aramada daha iyi sonuç verme eğilimindedir.
- Konum verisini kaldırmak fotoğraflarınızdaki insanların ve yerlerin gizliliğini korur.
- Doğru boyutlu görseller sizin ve ziyaretçileriniz için bant genişliği tasarrufu sağlar.
Kimler kullanır
Keskin görünen ve hızlı yüklenen resimler isteyen blog yazarları, dükkân sahipleri, fotoğrafçılar ve geliştiriciler. Belirli bir dosya boyutundaki tek görsel için görsel sıkıştırıcıyı, bir dosya türünü değiştirmek için görsel çeviriciyi kullanın.
Sorular
Hangi kaliteyi seçmeliyim?
Fotoğraflar için 75 ile 82 arası iyi bir dengedir. Keskin kenarlı grafikler için biraz yükseltin.
WebP varsa AVIF'e ihtiyacım var mı?
AVIF genellikle daha küçüktür ve picture kodu, onu gösteremeyen tarayıcılar için WebP ve JPG'ye geri döner.
Görsellerim yükleniyor mu?
Hayır. Tarayıcınızda işlenirler.