Resimlerimi web için nasıl optimize ederim?

Bana en sık sorulan sorulardan biri Gönderilerimde görselleri nasıl etkin bir şekilde kullanabilirim? veya bunun bir varyantı. Birçok acemi blogcu gönderilerinde mümkün olan en büyük resmi kullanmak ister, daha deneyimli blogcular daha küçük resimleri nasıl kullanacaklarını bilirler ancak yine de bu resimlerin nasıl daha hızlı yüklendiğini bilmek isterler. Bugün size bahsetmek istediğim şey bu: resimlerinizi (bu resimler fotoğraf olsun ya da olmasın) web için optimize etmek.

Gönderilere neden resim eklenir?

Elise Bauer’in makalesinde Blog Trafiği Nasıl Oluşturulur – İçindekiler blog yazarlarının görüntüleri basitçe “. . .insanlar onları istiyor. Grafikler ve fotoğraflar, noktalarınızı vurgulamanıza veya açıklamanıza yardımcı olabilir. Ayrıca metnin monotonluğunu kırıyorlar ve çevrimiçi okumadan yorgun düşen gözleri rahatlatıyorlar.” Blogunuzun nişi ne olursa olsun, bir noktada bir tür resim eklemek isteyeceksiniz. Bunu yaptığınızda, bu görüntülerin web için optimize edildiğinden emin olmak istersiniz.

“Optimize etmek” ile neyi kastediyorsunuz?

Bir görüntüyü web için optimize etmek, basitçe, dosyanın daha küçük olması ve daha hızlı yüklenmesi için verileri sıkıştırmak anlamına gelir. Örneğin, bir dijital fotoğraf çektiğinizde, o dijital dosyada fotoğrafı görüntülemek için gerekli olmayan çok fazla parazit vardır. Grafik düzenleme yazılımınızda (ör. Photoshop Elements veya Gimp) “Web için Kaydet”i seçerek bu gürültüyü giderebilir ve böylece dosyayı küçültebilirsiniz. Yazılımınızda bu seçenek yoksa, dosyayı doğru biçimde kaydedin: JPG, GIF veya PNG (aşağıda ele alınmıştır) ve bu biçimdeki en küçük dosya boyutunu seçin. Resimlerinizi optimize etmek, sitenizin indirme süresini optimize eder (yani, çok daha hızlı yüklenir). Okuyucularınız size teşekkür edecek.

Dosya ne kadar büyük olmalı?

1995 yılında web siteleri tasarlarken, her görüntünün dosya boyutunu 26k’nın altında tutmaya çalıştık. Tabii ki, o zamanlar çoğu insan İnternet’e çevirmeli bağlantı kullanıyordu. Geniş bantın bu kadar yaygın olduğu günümüzde, her görüntüyü 50 kilobaytın altında tutmak kabul edilebilir. Bazen bunun mümkün olmadığını anlıyorum. Bazı durumlarda daha büyük bir dosya göndermeye değer olabilir. Bir seçenek, görüntünün küçük resmini (belki 300 piksele 300 piksel veya daha küçük) oluşturmak ve onu daha büyük görüntüye bağlamak olabilir.

  Yararlı blog bağlantıları: bir yıllık TypePad kazanın, dijital kameranızı kullanma ipuçları, Photoshop eğitimi

JPG, GIF veya PNG kullanmalı mıyım? Ve fark nedir?

En yaygın üç resim formatı JPG, GIF ve PNG’dir. Bu dosya biçimlerinin her biri en iyi şekilde belirli bir görüntü türü için kullanılır: JPG fotoğraflar için kullanılır, PNG veya GIF diğer her şey için kullanılır. Neden? Niye? Çünkü bir JPG dosyası milyonlarca renk içerebilir, ancak GIF dosyaları yalnızca 8 bit görüntü olarak kaydedilebilir, bu da maksimum 256 renk içerdiği anlamına gelir. PNG dosyaları, GIF biçimini değiştirmek için oluşturulmuştur ve 8, 24 veya 64 bit görüntüler olarak kaydedilebilir ve bir GIF görüntüsünden yaklaşık %20 daha küçüktür. bunun hakkında daha çok şey okursun PNG resim formatının avantajları.

Devamını oku:

Bu makalenin bir versiyonu BlogHer.com’da yayınlandı.