Resimlerinizin boyutunu küçültmenin 10 yolu
Yayınlanan: 2018-02-15Okurlarımızın dikkatini çekmek için kaliteli görsellere sahip bir web sitesine sahip olmayı hepimiz severiz, değil mi?
Hizmet sunduğunuz bir sayfanız varsa, ürün satıyorsanız veya bir blog ile çalışıyorsanız; Elinizde onlarca resim vardır elbette: örneğin makalelerde, durağan sayfalarda veya ürünlerde.
Web siteleri için görsellerden bahsederken, sadece ekleyeceğimiz görsellerin sayısını düşünmemize gerek yok. Boyutlarını ve dolayısıyla bu dosyaların sunucuda kullanacağı alanı da dikkate almalıyız.
Bu nedenle bu yazımızda web sayfamızda, blogumuzda veya e-ticarette kullanacağımız görsellerin boyutunu küçültmek için kullanabileceğimiz on araçtan bahsedeceğiz.
- 1 · Sitenizdeki resimlerin boyutunu neden küçültmelisiniz?
- 2 · Web siteniz için resimlerin boyutunu küçültmek için on araç
- 2.1 1) Kısa Piksel
- 2.2 2) EWWW Görüntü İyileştirici
- 2.3 3) JPG ve PNG'yi sıkıştır
- 2.4 4) Kompresör.io
- 2.5 5) Optimizasyon
- 2.6 6) WP Sıkıştırma
- 2.7 7) Kraken.io
- 2.8 8) Imagify Image Optimizer
- 2.9 9) Photoshop
- 2.10 10) İSYAN
- 3 · Resimlerinizi Mailrelay'e nasıl yüklersiniz
- 3.1 İlgili Yazılar:
· Sitenizdeki görsellerin boyutunu neden küçültmelisiniz?
Bu araçların her biri hakkında konuşmaya başlamadan önce, sitenizin resimlerini küçültmenin önemini açıklamak istiyorum.
Günümüzde sitelerin hızlı olması, yani yüklenmesinin yalnızca birkaç saniye sürmesi (ideal olarak 3 saniyeden az olması) esastır.
Sitenizin resimlerini uygun şekilde optimize etmek üç nedenden dolayı çok önemlidir:
- Resim boyutu sitenin yüklenme hızını etkiler ve hızlı bir web sitesine sahip olmanın önemini az önce gördük.
- Yükleme süresi, SEO'yu etkileyen önde gelen faktörlerden biridir. Hızlı bir web sitesi Google'da yavaş bir web sitesine göre daha iyi sıralanır (her zaman istisnalar olabilir, ancak bu genel kuraldır).
- Web sitesi resimlerinin sayfanın genişliğine göre uyarlanması gerekir. Örnek vermek gerekirse, çoğu zaman mevcut alandan çok daha büyük resimler kullanan birçok sayfa görüyorum. Alan 300 piksel genişliğindeyse, yönetici 1000 piksellik bir resim yüklememelidir. Bu, birçok web sayfasında yaygın bir hatadır. Benim tavsiyem, sitenizdeki tüm resimlerin boyutunu uyarlamanızdır.
· Web siteniz için resimlerin boyutunu küçültmek için on araç
1) Kısa Piksel
Bu aracın amacı, resimlerin boyutunu küçülterek sitelerimizin performansını artırmaktır.
Bir web sürümünde ve WordPress için bir eklenti olarak mevcuttur ve üç tür fotoğraf sıkıştırması sunar:
- Kayıplı sıkıştırma. Çoğu kullanıcı için en iyi seçenektir. Bu seçenek, optimizasyon ve görüntü kalitesi arasında bir denge sağlar.
- Parlak sıkıştırma. Google Insights odaklı bir araç arıyorsanız, ancak yükleme hızı konusunda endişeleriniz yoksa en iyi seçenektir. Bu seçenek, görüntü kalitesiyle birlikte kabul edilebilir bir sıkıştırmaya izin verir. Dosya ne kadar sıkıştırılırsa, nihai görüntü kalitesi o kadar fazla tehlikeye girer.
- Kayıpsız sıkıştırma. Son seçenek, orijinal görüntülere kıyasla görüntü pikselini piksel başına sıkıştırmanıza izin verir, ancak iki seçenekle işlenen dosyalara kıyasla çok daha küçük bir azalma sunar.
ShortPixel'in web sürümü, görüntüleri 50 dosyalık gruplar halinde azaltmanıza olanak tanır.
WordPress eklentisine gelince, kullanımı çok kolaydır ve çok hafiftir. Sadece yüklemeniz gerekiyor ve eklenti, sitenizin tüm resimlerini ve PDF dosyalarınızı tek bir tıklamayla sıkıştıracak.
Ayrıca yüklediğiniz yeni görseller herhangi bir işlem yapmanıza gerek kalmadan otomatik olarak yeniden boyutlandırılacaktır.
Son olarak bunun bir “freemium” aracı olduğunu açıklamamız gerekiyor. Yani ayda 100 görseli ücretsiz olarak sıkıştırabilirsiniz. Bu tutarı aşarsanız, birkaç ücretli plan sunar.
https://shortpixel.com/
Kısa Piksel Görüntü İyileştirici
2) EWWW Görüntü İyileştirici
Web siteleri için görüntüleri optimize etmek amacıyla geliştirilmiş bir araçtır, ancak bu durumda, paylaşılan barındırma kullanan siteleri hedef alır.
ShortPixel örneğinde olduğu gibi, EWWW Image Optimizer bir web sürümüne ve ayrıca WordPress için bir eklentiye ve çeşitli ücretli planlara sahiptir.
EWWW Image Optimizer, sitenizdeki tüm resimleri optimize ederek sayfalarınızın yüklenme hızını artırmanıza olanak tanır.
Hızdaki bu artış, arama motorlarında daha iyi konumlar elde etmenize ve ayrıca dönüşüm oranlarını iyileştirmenize (örneğin, artan satışlar veya yeni aboneler) yardımcı olabilir.
EWWW Image Optimizer, yüklediğiniz tüm görüntüleri otomatik olarak optimize edebilir. Ayrıca, sunucuda zaten barındırılan tüm görüntüleri optimize edebilir. Ayrıca, tüm dosyalarınızı en iyi önerilen biçime dönüştürmek mümkün olacaktır.
Sıkıştırma seçeneklerine gelince, piksel başına sıkıştırma veya yüksek sıkıştırma seçeneklerini kaliteden ödün vermeden seçebilirsiniz.
https://ewww.io/
EWWW Görüntü İyileştirici
3) JPG ve PNG'yi sıkıştır
Bu çevrimiçi araç, JPG ve PNG'de 20 adede kadar görüntü içeren bir toplu işi sıkıştırmanıza olanak tanır.
Kullanımı çok basittir: sadece dosyaları yükleyin veya sürükleyin. Hazır olduklarında, sıkıştırılmış görüntüleri ayrı olarak veya bir ZIP dosyasında sıkıştırılmış olarak indirmeniz yeterli olacaktır.
http://compressjpeg.com/es/
4) Kompresör.io
Sayfalarıma yüklemek için birkaç resmi sıkıştırmam gerektiğinde en sevdiğim araçlardan biri.
Kompresör.io'da mevcuttur ve kullanımı çok basittir. Sıkıştırmak istediğiniz görüntüyü yüklemeniz veya sürüklemeniz, işlemin tamamlanmasını beklemeniz (sadece birkaç saniye sürer) ve sıkıştırılmış dosyaları indirmeniz yeterlidir.
Ayrıca, işlem tamamlandığında, araç size orijinal görüntüye kıyasla sıkıştırma yüzdesini gösterecektir.
Dosyaları dört farklı biçimde sıkıştırmanıza izin verdiğini unutmayın: JPEG, PNG, GIF ve SVG.
5) Optimizasyon
JPEG ve PN formatındaki görüntülerin boyutunu küçültmek ve dosyaların kalitesini korumak için farklı sıkıştırma algoritmalarıyla akıllı bir kombinasyon kullanan çevrimiçi bir görüntü iyileştirici yazılımıdır.
Bir seferde 20'ye kadar görüntüyle çalışmanıza, sıkıştırmayı kontrol etmenize ve görüntüleri karşılaştırmanıza olanak tanır.
http://optimizilla.com/es/
6) WP Sıkıştır
Her zaman sitelerime yüklediğim bir WordPress eklentisi. Bu eklentinin doğru adı Smush Image Compression and Optimization'dır.
Bu eklentiyi kullanarak, eklentiyi yüklemeden önce hem içe aktardığınız hem de sitenize eklediğiniz tüm görsellerinizi yeniden boyutlandırabilir, optimize edebilir ve sıkıştırabilirsiniz.
Bence bu eklentinin en iyi işlevi, tüm resimleriniz için varsayılan genişlik ve yüksekliği ayarlamanıza izin vermesidir. Bu boyutları aşarlarsa, eklenti dosyaları otomatik olarak küçültür.
Ayrıca, aynı anda daha fazla görüntü sıkıştırma veya tüm orijinal görüntülerin yedeğini kaydetme seçeneği gibi ekstra özelliklere sahip ücretli bir sürümü vardır.
Smush – Resimleri Tembel Yükle, Resimleri Optimize Et ve Sıkıştır
7) Kraken.io
Kraken Image Optimizer, çevrimiçi sürümü bulunan bir araçtır, ancak WordPress veya Magento için bir eklentisi de vardır.
Bu aracın birincil avantajı, aşağıdakilere ihtiyaç duyan kullanıcılar içindir: Web sitesinin yükleme süresini iyileştirecek olan bant genişliğini ve alan kullanımını azaltmak.
Eklenti, sunucuda zaten depolanmış olanların yanı sıra yeni resimlerinizi optimize etmenize ve yeniden boyutlandırmanıza olanak tanır.
Bu yazılım JPEG, PNG ve GIF dosyalarını destekler ve dosyanın maksimum boyutu 32 MB'dir.
https://kraken.io/
Kraken.io Görüntü İyileştirici
8) Imagify Image Optimizer
Diğer önceki araçlarda olduğu gibi, Imagify, WordPress için bir web sürümünde ve eklentide mevcuttur.
Bu eklentiyi kullanarak şunları yapabileceksiniz: Sitenizin yükleme hızını iyileştirin, görüntü optimizasyon görevlerinde zaman kazanın ve kullandığınız dosyaların kalitesini kontrol edin.
Eklenti, WordPress kitaplığınızı tek bir tıklamayla sıkıştırabilir ve yeniden boyutlandırabilir ve ayrıca WooCommerce ve NextGen Gallery gibi diğer seçeneklerle de uyumludur.
https://imagify.io/
Imagify – Resimlerinizi Optimize Edin ve WebP'yi Dönüştürün
9) Photoshop
Görüntüleri sıkıştırmak için bu on araçla ilgili incelememi bitirmek için iki yazılımdan bahsedeceğim.
Adobe ortamında çalışmayı seviyorsanız, Photoshop'ta görüntüleri web sitelerinde kullanmak üzere optimize etme seçeneği vardır.
Spesifik olarak, bu işlevi “web'e kaydet” veya “web'e aktar” seçeneğinde bulacaksınız ve bu, görüntülerin boyutlarını, kalitesini ve biçimini seçmenize olanak tanır.
Görüntüyü ihtiyaçlarınıza göre ayarlamanız ve sıkıştırılmış dosyaları indirmeniz yeterlidir.
10) İSYAN
Son olarak, resimlerinizin kalitesi ve boyutu arasında doğru dengeyi elde etmenizi sağlayan bir yazılım olan RIOT'tan bahsetmek istiyorum.
Bu araç, paneli iki bölüme ayrıldığından, sıkıştırılmış dosyaların kalitesini çok daha hızlı kontrol etmenizi sağlar: orijinal görüntünün olduğu bir alan ve farklılıkları yan yana kontrol edebilmeniz için optimize edilmiş sürüm olan bir alan.
Biçimlere gelince, dosyaların JPG, GIF ve PNG'de sıkıştırılmasına izin verir. Altı farklı algoritma kullanarak görüntülerin boyutunu değiştirebilir.
· Resimlerinizi Mailrelay'e nasıl yükleyebilirsiniz?
Artık resimlerinizi sıkıştırmak ve optimize etmek için bu on aracı bildiğinize göre, bu resimleri adım adım Mailrelay hesabınıza nasıl yükleyeceğinizi ve haber bültenlerinize nasıl ekleyeceğinizi açıklamak istiyorum.
Bilmeniz gereken ilk şey, Mailrelay'in haber bültenleri göndermenize ve posta listelerinizi yönetmenize izin veren bir e-posta pazarlama yazılımı olduğudur. Kullanmak istediğiniz görselleri doğrudan hesabınıza yükleyebilirsiniz ama ben size bunu bir CMS platformu veya blog kullanarak nasıl yapacağınızı göstereceğim.
Bu anlamda bültenlerinizde kullanmak istediğiniz görselleri harici olarak barındırmanızı tavsiye ederim. Şimdi, bunları WordPress'inize nasıl aktaracağınızı açıklayacağım.
Yapmanız gereken ilk şey, sitenizin medya galerisine veya bloguna gitmek. Burada sitenize yüklenen tüm resimleri yönetebilir ve ayrıca yeni dosyalar ekleyebilirsiniz.
Sonraki adım, önceki bölümde gösterdiğimiz araçlardan bazıları kullanılarak optimize edildikten sonra resimlerinizi içe aktarmaktır.
“Yeni ekle”yi tıklayıp bilgisayarınızda seçerek bunları doğrudan sürükleyebilir veya bırakabilirsiniz.
Resmi yükledikten sonra, ayrıntılarını açmak için onu seçebilirsiniz.
Resmin üzerine gelin, sağ tıklayın ve "resim adresini kopyala" seçeneğini seçin.
Resmin tam URL'si ile Mailrelay hesabınızı açın ve yeni bir haber bülteni oluşturun. Mesajı zaten oluşturduysanız, düzenleyin ve resmi ekleyin.
Eklemek için “Görüntü” düğmesine tıklayın, aşağıdaki ekranı göreceksiniz:
Bu pencerede resimlerinizin özelliklerini yönetebilirsiniz. Yeni bir tane eklemek için önceki adımda kopyaladığınız adresi yapıştırmanız yeterlidir. Bunu yaptığınızda, içe aktaracağınız görüntüyü göreceksiniz.
Görüntü özelliklerini ne yapılandırabilirsiniz?
- Alternatif yazı. Resim doğru yüklenmediğinde kullanıcının göreceği metindir. E-posta yazılımına bağlı olarak resim başarıyla yüklenmeyebilir. Sorunları önlemek için site URL'nizi eklemenizi öneririz.
- Boyut (piksel cinsinden genişlik ve yükseklik). Buraya resminizin boyutunu girmelisiniz. Benim tavsiyem, akıllı telefonlarda doğru bir şekilde görüntülenebilmesi için 600px genişliğini geçmemesidir. Aslında, 400 veya 500 piksellik bir genişlik kullanabilirseniz, daha da iyi olacaktır.
- Köşe. Piksel cinsinden kenarlık boyutu. Genelde bu alanı boş bırakırım ancak eğer bir kenarlık eklemek istiyorsanız bu seçenekte onu yapılandırmanız gerekir.
- Yatay ve dikey boşluk. Görüntü için yatay ve dikey alanı piksel olarak yapılandırabilirsiniz.
- hizalama. Resmin sol veya sağ hizalamasını seçin.
Bülteninizin tasarımına göre ayarladıktan sonra şöyle bir şeye sahip olursunuz:
Şimdi resminizi haber bültenine eklemek için “Kabul Et” düğmesine tıklamanız yeterli.
Görüntüleri sıkıştırmak için 10 araçtan oluşan bu incelemenin faydalı olacağını umuyorum. Sadece ihtiyaçlarınıza en uygun seçeneği seçmeniz gerekiyor.
Bu gönderiyi bitirmeden önce, sitenizin yüklenme süresini ve Google'daki sıralamasını azaltmak için tüm resimlerinizi optimize etmenin önemini vurgulamak istiyorum.
Sonuçta, birincil anahtar kelimeleriniz için ilk sayfalarda yer almak istediğinize eminim.