Görüntü dosyası türlerinde ustalaşmak ister misiniz?
Bu infografik sadece bunu yapmanıza yardımcı olacak! JPG, GIF ve PNG dosyalarını neden ve ne zaman kullanacağınızı öğrenin.
Yanlış dosya türünü kullanın ve şunlara sahip olabilirsiniz:
- Amatör gibi görünmenizi sağlayan bulanık görüntüler.
- Görüntüleyenlerin tıklamasını sağlayan yavaş yüklenen bir web sayfası.
- Özenle hazırlanmış arka plan üzerinde çirkin bir kutuda bir logo.
Büyük dosya boyutları web sitenizin yüklenme süresini yavaşlatır. İstatistikler bunu kanıtlıyor karınızı etkiler. Ancak tüm dosyalarınızı sıkıştıramazsınız; görüntü kalitesini de korumak istersiniz.
Infographic tarafından WhoIsHostingThis kurtarmak için!
- JPG kullan birçok renk tonuna sahip ve hızlı yüklenmesi gereken web sitesi grafikleri için.
- GIF kullan animasyonlar için.
- PNG-8 kullan küçük bir dosya boyutu istediğinizde birkaç düz tonlu görüntüler için.
- PNG-24 kullan yüksek kalite ve boyut istediğinizde sorun olmaz.
Bu infografik aslında Photoshop'ta PNG-8 olarak yeniden kaydettiğim 1.8 MB'lık bir JPG idi.
Şimdi fark edilebilir bir kalite kaybı olmayan 459KB - çünkü birkaç düz (gölgeli değil) renkten oluşuyor.
(Makale grafikten sonra dosyalarınızı nasıl kaydedeceğinizle ilgili ayrıntılarla devam eder).
NOT: Aşağıdaki bağlantılar satış ortağı bağlantıları olabilir, yani bir satın alma işlemi yaparsanız bir başvuru ücreti alabilirim. Bloguma desteğiniz ve sağladığım değerli ücretsiz bilgiler için teşekkürler!
Görüntü Dosyası Türlerini Kaydetme
Görüntü düzenleyicilerinin çoğu size en azından JPG veya PNG olarak kaydetme seçeneği sunar - yoksa küçük veya büyük dosya türleri olarak tanımlayabilirler.
Belirtilmezse, PNG büyük dosya türüdür (PNG-24). Bunlar sosyal medya için kaydetmek için iyi (ve genellikle tercih edilir), ancak web sitenizin yüklenmesini yavaşlatır. Görüntüleri her iki şekilde de kaydetmek isteyebilirsiniz. Veya web sitenize yüklemeden önce büyük dosyayı kaydedebilir ve çevrimiçi bir görüntü optimize edici kullanabilirsiniz. İyi bir seçenek: compressor.io.
PNG-24, en yüksek kaliteyi istiyorsanız Facebook için kaydetmek için en uygun biçimdir. JPG'ler Facebook'ta oldukça kötü görünüyor. Hakkında daha fazla bilgi fotoğrafları Facebook için optimize etme.
PicMonkey'de Görüntüleri Kaydetme
PicMonkey en iyi çevrimiçi fotoğraf düzenleyicisidir. PicMonkey tasarımlarınızı kaydetmek için bir PicMonkey üyeliğine ihtiyacınız vardır.
Kaydolmak için de 7 günlük ücretsiz deneme başlat veya PicMonkey Premium sürümüne yükseltin.
Bir hesabınız olduğunda, ihracat üst araç çubuğunda, Dışa Aktar sayfasından bilgisayarınıza kaydedin.
Tıklama Kayıt etmek bunun yerine görüntünüzü bilgisayarınıza değil Hub'ınıza kaydeder.
Dışa Aktar ekranında aşağıdakileri yapabilirsiniz:
- Dosya adınızı değiştirin. Resim dosyanıza yeni bir ad verin. Dosya adı Kutu.
- Dosya türünüzü seçin. Dosya adı kutusunun sağındaki kutu .png ve .jpg arasında seçim yapmanızı sağlar. Dosya türünüzü değiştirmek için kutudaki oku tıklayın.
- Kalite seviyesini belirtin. Resminizi .jpg olarak kaydediyorsanız, “Kalite” altında çözünürlük ve dosya boyutu arasında farklı dengeler sunan üç seçeneğiniz vardır. Açıklamasını görmek için bir seçeneği tıklayın ve ihtiyaçlarınıza en uygun olanı seçin.
- Görüntü boyutlarınızı değiştirme. Resminizin belirli bir boyutta olmasını istiyorsanız, Genişlik ve yüksekliği (piksel olarak) Boyutlar'ın altındaki kutulara yerleştirin. Görüntünüzü piksel yerine yüzdeleri kullanarak ayarlamak için boyut kutularının sağındaki kutuda bulunan işarete de tıklayabilirsiniz.
- Dosya boyutunuzu not edin. Resminizin dosya boyutu yeşilin üzerinde görüntülenir Bilgisayarıma kaydet buton. Kalite düzeyinizi veya boyutlarınızı değiştirirseniz, dosya boyutu ekranı buna göre ayarlanır.
Görüntü boyutları özelliği çok kullanışlı! Web siteniz için dosyaları, sitenizde görünmelerini istediğiniz boyutta kaydedin. Bu kendi başına size bir bant genişliği tasarrufu sağlayabilir.
Resminizi kaydetmeye hazırsanız, yeşili tıklayın Bilgisayara aktar buton. Düzenlemeye devam etmek istiyorsanız tıklayın İptal etmek ya da X sağ üst köşede.
Ardından geri dönüp orijinal görüntünüzü sosyal medya için daha büyük bir dosya boyutunda dışa aktarabilirsiniz.
Kontrol et burada en uygun sosyal medya boyutları.
Photoshop'ta Görüntüleri Kaydetme
Çevrimiçi fotoğraf editörleri dosya boyutu üzerinde size tonlarca kontrol sağlamaz görüntülerinizi kaydederken. Bunun için ihtiyacınız var Photoshop!
- İçindeki optimizasyon özelliklerini kullanabilirsiniz. Kayıt etmek Web için Ve Cihazlar Farklı dosya formatlarında ve farklı dosya özniteliklerine sahip optimize edilmiş görüntüleri önizlemek için iletişim kutusu.
- Görüntünün birden çok sürümünü aynı anda görüntüleyebilir ve görüntüyü önizlerken optimizasyon ayarlarını değiştirebilirsiniz. Bu şekilde, ihtiyaçlarınıza en uygun ayar kombinasyonunu seçebilirsiniz.
- Ayrıca saydamlık ve paspas belirtebilir, renk taklidini kontrol etmek için seçenekler belirleyebilir ve görüntüyü belirtilen piksel boyutlarına veya orijinal boyutun yüzdesine göre yeniden boyutlandırabilirsiniz.
Bu, her iki dosya boyutu üzerinde de optimum kontrol sağlar ve resminizin çevrimiçi görünme şekli.
Photoshop'unuz varsa ve dosyaları kaydetmek için en iyi uygulamalar hakkında daha fazla ayrıntı istiyorsanız, Adobe'den kepçe alın.
Eğer sen yok Photoshop var - düşündüğünüz kadar pahalı değil! Masaüstü, mobil ve web için Photoshop CC plus Lightroom'u yalnızca 9,99 ABD Doları karşılığında alırsınız. Yıllık taahhüt yoktur. İstediğiniz zaman iptal edebilirsiniz.
Google'dan Görseller mesajını optimize etme
Bu kural, PageSpeed Insights, sayfadaki görüntülerin görsel kalitelerini önemli ölçüde etkilemeden dosya boyutlarını azaltmak üzere optimize edilebileceğini algıladığında tetiklenir.
GIF ve PNG için Google, PNG'nin daha iyi görsel kalite ile daha iyi sıkıştırma oranı elde ettiğini söylüyor.
- Orijinal animasyonlu veya küçük değilse (birkaç yüz bayttan az) GIF'i her zaman PNG'ye dönüştürün.
- Hem GIF hem de PNG için, tüm pikseller opaksa alfa kanalını kaldırın.
Yukarıda belirttiğim gibi, JPG'ler tonlu görüntüler için en iyi sonuçları verir.
Görüntüleri optimize etmek çoğu zaman en büyük bayt tasarrufu ve performans iyileştirmelerinden bazılarını sağlayabilir! Hepsini al buradan Google'dan öneriler.
Görüntü Dosyası Türleri Sonuç
JPG, GIF, PNG-8 ve PNG-24'ü ne zaman kullanacağımızı inceledik.
PicMonkey ve Photoshop'ta görüntü dosya türlerinizi nasıl kaydedeceğinizi ele aldık.
Ve size resim dosya boyutlarınızı optimize ettiğinizde Google'ın ne kadar sevdiğine dair bir ipucu verdim.
Öyleyse yap!
Bir yorumda bana bildirin: Hangi yöntemi kullanacaksınız?
Emin olun Infographic'yi sabitle böylece her zaman doğru olanı seçebilirsiniz görüntü dosyası türleri fotoğraflarınız ve grafikleriniz için.