Sayfaya Resim Ekleme ve Otomatik Optimizasyon
Web sitenizin gövde alanına ve modüllere JPG, GIF, WEBP, SVG ve PNG formatında görseller yükleyebilirsiniz. Kullanacağınız resim formatını seçerken; Gerçek dünya dan alınmış, bir fotoğraf makinesiyle çekilmiş tüm renkleri içeren görseller için JPG formatını, çizim ve bilgisayar ortamında yaratılmış, gerçek dünyaya oranla daha az renk içeren grafik çalışmalar için PNG formatını, hareketli resimler yüklemek için ise GIF formatını kullanmalısınız.
Bulutpress ile ürettiğiniz tüm web sitelerinde, görselleriniz sitenize yükleme esnasında gelişmiş resim sıkıştırma algoritmaları kullanılarak görüntü kalitesi bozulmadan olabilecek en düşük dosya boyutuna kadar sıkıştırılır.
Bulutpress'i rakiplerinden ayıran en üstün özelliklerinden biri olan bu sıkıştırma teknolojisi, ciddi anlamda bant genişliği avantajı yaratır. Resim optimizasyonu yavaş mobil ağlarda web sitelerinin ve görsellerin çok hızlı yüklenmesini sağlar. Bu sıkıştırma algoritması da çok önemli bir SEO avantajı sunar. Başta Google olmak üzere tüm arama motorları, hızlı açılan web sitelerini yüksek sıralama ile ödüllendirmektedir. Ayrıca yavaş açılan bir web sitesi de ziyaretçiyi kolayca oradan uzaklaştırmaktadır.
1. Adım: Editörünüzdeki Resim & Dosya Yükle düğmesine tıklayın.
2. Adım: Açılan dosya yöneticisi penceresindeki Dosya Yükle düğmesine basın.
3. Adım: Bilgisayarınızdan yüklemek istediğiniz resim dosyalarını seçin.
4. Adım: Eklemek istediğiniz görselin üzerine gelin ve editörünüze ekleyin.
Sayfaya Eklenen Görselleri Düzgün Hizalamak İçin Eğitim Videosu
BulutPress ekibi olarak sizlere kusursuz bir müşteri deneyimi sunabilmek için tutkuyla çalışıyoruz. Web sitenizin açılış hızları konusunda ne kadar takıntılı olduğumuzu biliyorsunuz. Sitenin açılış hızını etkileyen en önemli faktörlerden biri de yüklediğiniz her görselin türüne göre bir sıkıştırma algoritmasına tabi tutularak görüntü kalitesinden taviz vermeden boyutu düşürmektir.
Görüntüleri Optimize Etmek Ne Anlama Geliyor?
Sıkıştırmanın görüntülere ne yaptığını anlamak önemlidir. Daha hızlı yükleme ve performans için görüntülerin boyutunu küçültmek için sıkıştırma algoritmaları kullanılır. Bir görüntüyü sıkıştırdığınızda, algoritma görüntünün hangi bölümlerinin kaldırılabileceğini veya düz arka plan rengi veya siyah beyaz çizgiler gibi daha basit bir şeyle değiştirilebileceğini belirler. Kullandığımız en modern resim sıkıştırma teknikleri sayesinde internet hızı düşük olan ziyaretçiler uzun süre beklemeden web sitenizdeki görselleri görebilir. Sayfayı terk etme oranı düşer. Resimleri optimize edilmiş olan web sitelerin google pagespeed hız puanı da çok yüksek olur. Bu da yüksek SEO başarısı ve daha fazla kazanç anlamına gelir.
Büyük görüntüler web sayfalarınızı yavaşlatır ve bu da kötü bir kullanıcı deneyimine neden olur. Görüntüleri optimize etmek, bir eklenti veya komut dosyası kullanarak dosya boyutlarını azaltma işlemidir, bu da sayfanın yükleme süresini hızlandırır. Kayıplı ve kayıpsız sıkıştırma yaygın olarak kullanılan iki yöntemdir. Çok şükür ki BulutPress, resim optimizasyonu işini sizin yerinize otomatik olarak yapar.
Kayıplı ve Kayıpsız Optimizasyon
Kayıplı (lossy) - bu, bazı verileri ortadan kaldıran bir filtredir. Görüntüyü biraz bozar, bu nedenle görüntüyü ne kadar azaltacağınıza dikkat etmeniz gerekir. Dosya boyutu büyük miktarda azaltılabilir. Görüntünün kalite ayarlarını yapmak için Adobe Photoshop, Affinity Photo veya diğer görüntü düzenleyicileri gibi araçları kullanabilirsiniz.
Kayıpsız (lossless) - bu, verileri sıkıştıran bir filtredir. Bu yöntem kaliteyi fazla düşürmez, ancak görüntülerin oluşturulmadan önce sıkıştırılmamasını gerektirir. Eğer BulutPress kullanmıyorsanız, Photoshop, FileOptimizer veya ImageOptim gibi araçları kullanarak masaüstünüzde kayıpsız bir sıkıştırma gerçekleştirebilirsiniz. Ancak BulutPress kullanıcısı iseniz, bunları düşünmenize gerek yok.
Her görüntü veya format için neyin en iyi sonucu verdiğini görmek için sıkıştırma tekniklerinizi denemek en iyisidir. Araçlarınızda seçenek varsa, görüntüyü web için kaydettiğinizden emin olun. Bu, bir çok görüntü düzenleyicisinde var olan bir seçenektir ve size en uygun sıkıştırmayı gerçekleştirebilmeniz için kalite ayarlamaları verecektir. Kalitenin bir kısmını kaybedeceksiniz, bu yüzden görüntüleri çirkin hale getirmeden yapabileceğiniz en iyi dengeyi bulmak için deneyin.
BulutPress'in Kullandığı Görüntü Optimizasyon Araçları ve Programları
Resimlerinizi optimize etmek için kullanabileceğiniz bir sürü ücretli ve ücretsiz araç bulunuyor. BulutPress görüntü işleme sunucularımızda aşağıdaki uygulamaları kullanıyoruz: GIFsicle, JPEGtran, OptiPNG, pngquant ve ImageOptim
Yüklediğiniz Resimler Artık Photoshop Kalitesinde
Uzman photoshop kullanıcıları bilirler, bir görseli düzenleyip web için kaydettiğimizde, yeniden boyutlandırırken "bilinear interpolation" adında bir boyutlandırma algoritması (motoru) kullanılır. Bu işlem yapılırken bilgisayarınız biraz yorulur ama buna değer. Ancak internet tarayıcıları resimleri boyutlandırırken "nearest neighbor interpolation" algoritmasını kullanır. Boyutlandırma hızlıdır, bilgisayarı fazla yormaz ama görüntü kalitesi biraz düşer. Bu sebeple photoshop ile boyutlandırsanız bile, web sitenize yüklerken eğer tarayıcı üzerinde boyutlandırma yapıyorsanız (ki genelde yapıyorsunuz, örneğin animasyona resim yüklerken ya da resim galerisi oluştururken) görüntü kalitesi kaçınılmaz olarak düşüyor(du).
Son yaptığımız güncelleme ile web sitenize yüklerken boyutlandırdığınız görselleriniz optimize edilirken gerçeğine en yakın kristal netliğini koruduğu gibi, aynı zamanda gelişmiş sıkıştırma algoritmamız ile olabilecek en düşük dosya boyutuna sahip olacak. Bu sayede web siteniz en yüksek hızda açılırken, görselleriniz göz doldurmaya devam edecek.