Online & Ücretsiz Görsel Sıkıştırma - SEO için Optimize Edilmiş Görseller

JPEG, PNG, JPG boyut küçültme, görsel boyutu küçültme, programsız görsel sıkıştırma nasıl yapılır? Online ve ücretsiz görsel sıkıştırma rehberi.

Merhaba, İzmir web tasarım kategorimizin bu yazısında web sitelerinde kullanmak için görsellerin online ve ücretsiz bir şekilde hızlıca nasıl sıkılaştırılacağı hakkında basit bir yol göstermek istiyorum.

Biliyorsunuz ki web sitelerinin hızı SEO (arama motoru optimizasyonu) için oldukça büyük bir önem taşımakta. Site içinde kullanılan görsellerin de site hızına doğrudan bir etkisi bulunmakta. Görselleriniz doğru yapılandırılmamışsa sitenizi Google Hız Testi’ne soktuğunuzda çoğu zaman görseller ile ilgili uyarılar alırsınız.

google page speed insights görsel boyutu

Yazı içeriği

Online ve ücretsiz görsel sıkıştırma nasıl yapılır?

Görsellerin kalitesini bozmadan boyutunu nasıl düşürebiliriz?, JPEG boyut küçültme nasıl yapılabilir?, görsel boyutu küçültme, fotoğraf boyutu küçültme programsız, jpg dosya boyutu nasıl küçültülür?, fotoğraf boyutlandırma nasıl yapılır? gibi devam edem tüm bu sorulara cevap vermek adına basit bir yöntemden bahsedeceğiz. Öncesinde belirtmek isterim ki kullanacağınız görselleri sitenin durumuna göre maksimum büyüklükte ayarlamalısınız.

Bu ne demek şöyle açıklayalım, örneğin blog yazınıza bir görsel yerleştireceksiniz ve sitenizde yazı alanı 760px olarak ayarlanmış. Eğer bu görsel sadece bir anlatım amacıyla kullanılıyorsa ve görselin büyük haline ihtiyaç yoksa bu görseli 3000px 4000px gibi devasa boyutlarda yüklemenin bir anlamı yoktur. Kullanacağınız görseli yerine göre olabilecek maksimum seviyede küçültmelisiniz. Örneğin benim bu makalede konuyu anlatırken kullandığım görüntüler gibi.

Hiç bir programı kullanmayı bilmiyorum görseli nasıl küçülteceğim derseniz bunun cevabı çok basit. Windows’un paint uygulaması ile bunu hemen yapabilirsiniz. Konuyu yine görseller ile açıklamaya devam edelim..

Bilgisayarıma internetten örnek bir görsel indirdim. Görselin boyutu 1920x1080px ve boyutu 390 KB. Ben bu görseli yazımın içinde kullanmak istiyorum ancak bu boyutlarda olmasına gerek yok ve bunu 800px olarak küçültmek istiyorum. Peki ne yapmalıyım?

Windows Paint ile görsel küçültme

Öncelikle görselin üzerine sağ tık > Düzenle diyoruz..

Ardından sol üst köşeden Yeniden Boyutlandır diyoruz ve Piksel seçip istediğimiz ölçüyü yazıyoruz. Burada dikkat edilmesi gereken En boy oranını koru seçeneğinin işaretli olmasıdır. Bu seçenek işaretli olduğunda verdiğiniz genişlik veya yükseklik ölçüsüne göre diğer ölçüyü otomatik ayarlar. Ardından Tamam diyoruz ve görselimizi kaydediyoruz.

Böylece başta 390 KB olan görseli 155 KB ‘a düşürmüş oldum.

Buradan gerekli tasarrufu sağladıktan sonra gelelim asıl göstermek istediğim yönteme. Görsellerin kalitesini bozmadan boyutlarını düşürmek için kullanabileceğiniz online bir araç mevcut. Bu araç ile png formatında arka planı şeffaf olan görsellerin de şeffaf özelliğini kaybetmeden düşürülmesini sağlayabilirsiniz. Bu araç görselin piksel cinsinden ebatını düşürmek için değildir. KB cinsinden değerini düşürmek içindir, buna dikkat edelim.

TinyPNG – Compress PNG images while preserving transparency

TinyPNG ve TinyJPG araçları ile görsellerinizi bozmadan sıkıştırabilirsiniz.

TinyPNG – Compress PNG images while preserving transparency

https://tinypng.com/

TinyJPG – Compress JPEG images intelligently

https://tinyjpg.com/

TinyPNG ve TinyJPG online görsel sıkıştırma araçları ücretsiz kullanımda bir seferde 20 adet görsele kadar toplu sıkıştırma işlemi yapmanıza imkan sağlıyor. Sıkıştırılan görselleri tek tek veya toplu şekilde .zip formatında indirme özelliği de mevcut.

Örnekte gördüğünüz gibi görsel TinyPNG aracından geçtikten sonra 159 KB boyutundan 71 KB boyutuna düştü. Yani yazının başından beri yaptıklarımıza bakacak olursak kullanmak istediğimiz görseli bozmadan sitemizde kullanmaya uygun halde küçültmüş olduk. Üstelik başta 390 KB boyutunda olan görseli 71 KB gibi boyutla kullanma imkanı yaratmış olduk. Bu hem sitemizin disk alanını boş yere meşgul etmeyecek, hemde sitemizin çalışma hızına katkı sağlayacak bir hareket oldu.