Cuma , Aralık 9 2016
Home / Resim Optimizasyonu / Resim Optimizasyonu Nedir? Resim Optimizasyonu Nasıl Yapılır?
Resim Optimizasyonu Nedir
Resim Optimizasyonu Nedir

Resim Optimizasyonu Nedir? Resim Optimizasyonu Nasıl Yapılır?

Resim Optimizasyonu Nedir?, WordPress resim optimizasyonu BiELOF.com sitemizde Resim Optimize? Resim optimizasyonu nasıl yapılır, Google Görsellerde Çıkmak, Resim sıkıştırma nasıl yapılır konularına değinilmiştir.

Resim Optimizasyonu Nasıl Yapılır?

Resim optimizasyonu sadece dosya boyutu düşürmeyle veya alt etiketi eklemeyle olmaz. Seo resim optimizasyonu aynı zamanda görsellerde kullanılan resimlere doğru link yapısı, doğru isim vermek, Tema kullanımı önemi ve Görsellerde Çıkmak birbirine bağlantılıdır.

İnternet web tarayıcıları tarafından yaygın olarak desteklenmekte olan dosya türlerini tercih etmelisiniz, Google Chrome, İnternet Explorer, Opera, Safari, Mozilla, Firefox v.b. gibi web tarayıcıları JPEG, GIF, PNG ve BMP resim biçimlerini destekler. Aynı zamanda kullanılan görsellerin dosya adı uzantısının dosya türü ile uyumlu olmasına da dikkat etmelisiniz.

Resim Optimizasyonu Nedir?

Resim optimizasyonu nedir? derseniz en basit açıklaması; görsellerin kalitesinin düşürülerek veya korunarak dosya boyutunun olabilecek en düşük seviyeye indirilmesidir. Yapılan işlemler sayesinde web sitesinin daha hızlı açılması amaçlanır.

Resim optimizasyonu işlemi yapan birçok site, program ve wordpress eklentisi bulunmaktadır.

Resim Optimize

Sitenizde kullanacağınız materyalleri fotoğraf, resim optimize ederek; Yandex, Yahoo, Bing ve Google görsel arama sonuçlarında üst sıralarda olurum diye düşünüyorsanız yanılıyorsunuz.

Birçok yapılan işlemi tek bir konuya bağlamanız yanlış olur. Sadece boyutları değiştirerek, dosya boyutunu küçülterek, özgün resim ekleyerek arama motorlarında görsellerde üst sırada çıkmak yeterli değildir. Bielof.com web sitemde bazı konulara canım istediği zaman değineceğim.

GIF, PNG, BMP ve JPEG resim biçimlerinin birbirine göre avantaj ve dazavantajları vardır.

Resim Sıkıştırma Nasıl Yapılır?

Resim sıkıştırma nasıl yapılır? Tabiiki programlarla.

Bu programlar amatörce kullanılan programlarla yapılamaz. Örneğin “Paint programı” resim sıkıştırması farklıdır, başka programların resimleri sıkıştırması farklıdır.

Bana göre en iyi resim sıkıştırma programı bugüne kadar devamlı kullandığım Photoshop programıdır. Hem görsel fotoğraf ve resimlerinizi en iyi şekilde sıkıştırdığı gibi sizlere birçok kayıt seçeneği sunmaktadır.

Resim Sıkıştırma Nasıl Yapılır
Resim Sıkıştırma Nasıl Yapılır

Öne Çıkan Görsel Temanın Ölçüleri

BiELOF.com sitesinde Sahifa Tema kullanılmıştır. WordPress Sahifa teması öne çıkan görsel boyutu 660×330 piksel ölçülerindedir. Web sitenizde kullandığınız wordpress temanızın kaynak kodlarında görebileceğiniz ölçülerinden 1 piksel büyük yapmanız sizin zararınızadır. İlgili konuda Google tarafından yayınlanan bilgileri okumak için tıklayınız. Öne Çıkan Görsel Temanın Ölçüleri

Resim sıkıştırma Photoshop

Resim sıkıştırma Photoshop konusunda en iyisidir. Devamlı kullandığım Photoshop programı ile 155×50 piksel genişliğinde görselimizi Düşük, Orta, Yüksek ve Çok Yüksek olarak 4 farklı şekilde JPEG formatında kaydettiğimizde dosya boyutlarının nasıl arttığını görebiliyorsunuz.

Resim sıkıştırma Photoshop
Resim sıkıştırma Photoshop
2,46 KB web için kaydet Düşük
3,10 KB web için kaydet Orta
4,59 KB web için kaydet Yüksek
6,39 KB web için kaydet Çok Yüksek
Aklınızda bulunsun:

Jpg dosya boyutu küçültme ile resim optimizasyonu işlemi bitmiş sayılmaz. İlgili sayfanızı PageSpeed Insights – Google Developers sitesinde analiz yaptıktan sonra; analiz sonuçlarına göre sayfanın en altında (Bu sayfa için, optimize edilmiş “resim, JavaScript ve CSS kaynaklarını” indir.) linkine tıklayıp bilgisayarınıza indirin. Ftp bilgilerinizle sunucuya bağlanın. Optimize edilmiş dosyaları ftp manuel olarak yüklemelisiniz.

Alttaki 620×300 piksel genişliğinde ki görsel 25,7 KB  dosya boyutundaydı. PageSpeed Insights sayfasından optimize edilmiş görsel dosya boyutu 24,9 KB inmiştir.

Optimize Edilmiş Görsel
Optimize Edilmiş Görsel

Bu sayede optimize edilmiş görselleriniz site hızınızın yükseldiğini fark edeceksiniz.

Bu sayfa için, optimize edilmiş resim, JavaScript ve CSS kaynaklarını indirdikten sonra;
23,3 KB Öne çıkan görsel 22,5 KB
28,8  KB Sayfada ki ilk resim 28,1 KB
25,7  KB Sayfada ki ikinci resim 24,9 KB
WordPress Resim Optimizasyonu Eklentisi

Öncelikle şunu belirteyim hiç bir şekilde wordpress resim optimizasyonu eklentisi kullanmadım. Tavsiyede etmiyorum.

Tavsiye etmeme nedenimde Photoshop programı ile kaydettiğiniz görsellerin boyutuna indiremez. Kullanılan eklentilerin bir dezavantajıda resmin link yapısını uzatmasıdır.

Sayfa linki: kadinmi com/isinizi-kolaylastiracak-12-bilgi.html
Öne Çıkan Resim Linki: i0 wp com/kadinmi.com/wp-content/uploads/2016/01/isinizi-kolailastiracak-12-bilgi.jpg

Jetpack ile optimize edildiği için “i0 wp com/kadinmi com” resim yolu olarak uzamaktadır. Analiz sonuçlarına göre bu tarz linkleri dışarıdan çağrılan dosya olarak görmekte ve web sitenin sorgu sayısını yükselmektedir.

Aynı zamanda görsellerinizi başka sunucuya yüklediğiniz zamanda link yapınız değişmektedir.

Site linki: bilgi top/2016/02/agiz-kokusu-nasil-gider.html
Öne Çıkan Görsel adresi: 1 bp blogspot.com/-IK7kL8qHDZo/Vri8npKjLxI/AAAAAAAAAJo/18cI_SrO-UQ/s320/agiz-kokusu.jpg
Resimleri blogger tabanına yüklenmesi neticesinde resim yolu “1 bp blogspot com” olarak görülmektedir.

Google Görsellerde Çıkmak Neden Önemli?

Google görsellerde çıkmak neden önemli derseniz şunu bilmelisiniz ki internet kullanıcıları aradıklarını sadece web arama olarak değil aynı zamanda arama motorları görsel sonuçları ilede yapmaktadır.

Cep telefonu, Klima, Buzdolabı, Beyaz eşyalar yanında Elbise, Ayakkabı hatta Saç tasarımı modelleri arayan birisi görsellerde arama yapmaktadır. Bizimde bu arama sonuçlarında hem üst sırada olmak hemde bu arama yapan kullanıcıların sitemizi ziyaret ederek doğal hit kazanmamız sitemizin yükselmesini sağlayacağından dolayı görsellerde çıkmak bizim için önemli olmalı. Sayfalarımızı ve görsellerimizi buna göre düzenlemeye çalışmalıyız.

Google görsellerde çıkmak istemiyorum diyenlerde olabilir. Bunun için kullanmış olduğunuz All in Seo veya Yoast SEO ayarlarından görselleriniz için “no index” yapmanız yeterlidir.

Google görsellerde en üstlerde nasıl çıkılır?
Görselleri sıkıştırarak mı?
Sadece özgün resim ekleyerek mi?
Resmin dosya boyutunu küçülterek mi?
Görsellerinizi Kayıpsız Sıkıştırarak Sitenizi Hızlandırarak mı?

Google görsellerde en üstlerde nasıl çıkılır? sadece yukarıda yazılanlarla olmaz.

Resim alt etiketi, Resim ismi, Resim ölçüleri, Resim boyutları, Özgün resim, H tag altında resim kullanma v.b. gibi bunlar hep basit gibi görünmekte ve birçok kişinin önemsemediği küçük işler. Fakat bunları düzgün yaptıkça görsellerde çıkmak çok kolay oluyor. Çok önemsenmeyen aslında çok önemli olan bu küçük işlemleride inşallah bir gün yayınlarım.

Resim Optimizasyonu Nedir? Resim Optimizasyonu Nasıl Yapılır? Bu konuda soru ve isteklerinizi yorum yaparak belirtebilirsiniz.

İşinize Yarayacak Bilgi

Bilgi Sitesi BilgiBaba org hakkında bilgiler

Bilgi Sitesi BilgiBaba org hakkında bilgiler

Bilgi Sitesi BilgiBaba org hakkında bilgiler, güncel bilgi sitesi, Moda, Ekonomi, Spor, Sağlık, Yemek tarifleri, paylaşım …

4 Yorumlar

  1. bielof com
    Mervan KANDEMİR

    jetpack eklentisinde bulunan Photon özelliğinin amacı: Gönderilere WordPress com içerik teslimi ağından görsel yükleyerek sitenize renk katın. Görsellerinizi önbelleğe alıp onları son derece hızlı olan ağımızdan sunarız; böylece tek bir düğmeye tıklanarak Web sunucunuzun üzerindeki yük azaltılır.

    Jetpack ile optimize edildiği için “i0 wp com/kadinmi com” resim yolu olarak uzamaktadır. Analiz sonuçlarına göre bu tarz linkleri dışarıdan çağrılan dosya olarak görmekte ve web sitenin sorgu sayısını yükselmektedir.

    Sorgu sayısı yükselir ama site hızı artar.

    • bielof com

      Mervan Bey
      Yorumunuzda; Sorgu sayısı yükselir ama site hızı artar. yazmışsınız.

      Tam tersi bir durumdur. Bununla ilgili sizin sitenizde 1 sayfanızı analiz ettikten sonra konu paylaşmayı düşünüyorum. Görsellerle bunu ispat edeceğime inanabilirsiniz.

  2. bielof com

    Hocam bende yeni başlıcam bu işlere fakat bir yeri anlamadım ‘İlgili sayfanızı PageSpeed Insights – Google Developers sitesinde analiz yaptıktan sonra” burada resimle sayfayı yayımlandıktan sonra mı analiz testini yapıyoruz sonra o veriyi indirip ftpye nereye atıyoruz tam anlamadım

    • bielof com

      Yayınlamış olduğunuz sayfanızı PageSpeed Insights analiz yaptıktan sonra;

      Bu sayfa için, optimize edilmiş resim, JavaScript ve CSS kaynaklarını indir.

      Buraya tıklayarak bilgisayarınıza indirdiğiniz dosyaları ftp bağlandıktan sonra hangi dosya nerede ise aynı yere attığınızda otomatik olarak değişecektir.

      Örneğin;
      2 adet resim wp-content/uploads/2016/02/ klasörün de ise buraya atacaksınız.
      1 adet resim wp-content/uploads/2016/04/ klasörün de ise buraya atacaksınız.
      3 adet resim wp-content/uploads/2016/06/ klasörün de ise buraya atacaksınız.

      Gerekli JavaScript ve CSS kaynaklarını yine aynı klasörlere atacaksınız.

      İndirilen dosyaları kontrol eder iken Notepad++ programını kullanarak kontrol etmenizi öneririm.

      En önemli konu ise ilk başlarda bir acemiliğin vereceği hata nedeniyle sıkıntı yaşamamanız adına YEDEKLERİNİZİ almanızdır.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir