WordPress’te görüntüler nasıl sıkıştırılır (eklentiler olsun ve olmayan)
Kişisel bir blog veya iş web sitesi çalıştırın, sitenizi hız ve performans için optimize etmelisiniz. Ve artan hız açısından, sitenizde yayınlanan görüntü önemli bir rol oynar. Bu nedenle, web sitenizin hızını optimize etmeye yardımcı olmak için bu makalede WordPress’te görüntüleri nasıl sıkıştıracağınızı göstereceğiz. Neden WordPress’te görüntüleri sıkıştırmanız gerekiyor? WordPress’te görüntüleri sıkıştırmanın ana nedeni, web sitenizin hızını optimize etmektir. Ancak web sitesinin hızında bir artışla, bazı ek avantajlar da vardır.
Web sitenize büyük bir resim boyutuna sahip çok fazla resim eklediğinizde, web sayfasının toplam boyutu da artar. Bu nedenle, web sayfalarının yüklenmesi daha uzun sürecektir. Ancak bu görüntüleri sıkıştırırsanız, görüntünün boyutu azalır ve web sayfaları daha hızlı yüklenebilir ve daha iyi bir web sitesi hızı üretebilir. Ayrıca Google, web sitesinin hızını SEO için bir sıralama faktörü olarak görüyor. Bu nedenle, web sitenizin arama motoru verim sayfalarında daha üst sıralarda yer almasını istiyorsanız, daha iyi performans için optimize etmeniz gerekir. Ve neyse ki, görüntüleri sıkıştırma, web sitesinin hızını artırmanın en hızlı yollarından biridir.
WordPress’teki görüntüleri sıkıştırmak için görüntüleri nasıl sıkıştırır WordPress’te iki yöntemimiz var:
Eklentileri Kullanma
Manuel olarak
İki seçeneği göreceğiz. WordPress’i kullanarak WordPress’teki görüntüleri sıkıştırın WordPress sitenize yüklenen görüntüleri sıkıştırmak istiyorsanız, bu yöntem sizin için uygun olabilir. Tek yapmanız gereken WordPress görüntü sıkıştırma eklentilerinden birini kullanmaktır. Ardından, eklenti mevcut tüm görüntüleri otomatik olarak otomatik olarak sıkıştırır. Eklentiyi yapılandırdıktan ve sıkıştırma seviyesini seçtikten sonra, eklenti, diğer görevlere odaklanabilmeniz için görüntünün sıkıştırılmasını işler. Bu eğitim için kısa piksel eklentisini kullanacağız. Ancak, ihtiyaçlarınıza uygun başka bir eklenti kullanabilirsiniz. Ancak eklentiyi kullanmaya başlamak için önce yüklemeli ve etkinleştirmelisiniz. 1. Eklentiyi yüklemek için eklentiyi yükleyin ve etkinleştirin, eklentileri açın> WordPress kontrol panelinizden yeni ekleyin ve anahtar kelimeleri kullanarak eklentileri arayın. Ardından, şimdi yükle tıklayın. Kurulum tamamlandıktan sonra eklentiyi etkinleştirin.
WordPress deposuna dahil olmayan birinci sınıf bir eklenti veya eklenti kullanmak istiyorsanız, manuel olarak yüklemeniz gerekir. Eklentileri eklenti web sitesinden veya pazardan indirebilir ve WordPress web sitenize yükleyebilirsiniz. Daha fazla bilgi için lütfen WordPress eklentilerini manuel olarak nasıl yükleyeceğinizle ilgili ayrıntılı kılavuzumuza bakın.
Geçerli ateş tuşuna girdikten sonra, eklenti ayarlarını bir sonraki sayfada görebileceksiniz. Sıkıştırma modelleri, küçük resim optimizasyonu, EXIF verileri ve genel ayarlar sayfasından görüntüleri değiştirme gibi temel ayarları yapılandırabilirsiniz. Orijinal görüntü dosyası yedeklemelerini ayrı klasörlerde de saklama seçeneği vardır, ancak daha fazla depolama alanı gerektirebilir. Barındırma paketinizden sınırlı alana sahipseniz, sunucuya yedekleme tasarrufu akıllıca bir seçim değildir. Bu nedenle, bir karar vermeden önce bir disk ve bant genişliği alanınız olduğundan emin olun. Devam sekmesinden optimize edilecek belirli bir görüntü klasörünü seçebilir, otomatik optimizasyonu etkinleştirebilir, PNG’nin JPEG’ye dönüştürülmesi vb. Bu eklenti ayrıca görüntü sıkıştırması için yeterli olan birkaç varsayılan ayarla donatılmıştır. Ancak ihtiyacınız varsa, onu da değiştirebilirsiniz. Ayrıca, Cloudflare CDN kullanıyorsanız, API Cloudflare sekmesinden bir eklenti ile entegre edebilirsiniz. Bu, görüntünün daha hızlı gösterilmesini sağlayacaktır. İhtiyacınız olan tek şey kimlik bölgesi ve jeton. Son olarak, istatistiksel sayfada sıkıştırılmış görüntüler, sıkıştırma oranları, disk alanı ve depolanmış bant genişliği gösterir. Yapılandırmayı bitirdikten sonra bunu yapmaya hazırsınız. Yapılandırdıktan sonra değişiklikleri kaydetmeyi unutmayın. Şu andan itibaren, kütüphaneye yeni bir resim yüklediğinizde, eklenti otomatik olarak sıkıştırır. Medya ayarları altında, kütle optimizasyonunda size yardımcı olacak Mass Sıkıştırma seçeneğini de görebilirsiniz. Optimizasyona tıkladıktan sonra görüntü optimizasyonu otomatik olarak başlayacaktır. Bu o! Artık görüntünün boyutunu kısa piksel ile azaltabilirsiniz. Ve başka bir eklenti kullansanız bile, adımlar çok benzer. WordPress kurulumuna resim eklemeye başlamadıysanız ve çok fazla eklenti kullanmak istemiyorsanız, bu yöntem sizin için daha uygundur. Bugün birçok çevrimiçi görüntü sıkıştırma aracı var. Bu araca sıkıştırmanız ve optimize edilmiş bir sürüm almanız gereken resimleri yüklersiniz.
Neyse ki, araçların çoğu ücretsizdir ve görüntünün ne kadar sıkıştırılmasını ve ihtiyacınız olan boyutun azaltılmasını ayarlayabilirsiniz. Ama hala bazı sınırlar var. Aracı ayrıntılı olarak görmek için adımlar atalım. Bu öğretici için Shortpixel Online Resim Sıkıştırma kullanacağız. Shortpixel görüntü sıkıştırma aracı tamamen ücretsizdir ve yeterli özelliklerle donatılmıştır. Aynı anda en fazla 50 görüntüyü optimize edebilir ve üç sıkıştırma seviyesini seçebilirsiniz. 1. Sıkıştırma seviyesini seçin Görüntü yüklemeden önce, görüntünüz için sıkıştırma seviyesini seçmelisiniz. Sıkıştırma görüntüsü için 3 seviye vardır: Kayıplı
parlak Kayıpsız
Kayıplı seviye size maksimum boyut azalması sağlar ve kayıpsız seviye size görüntü boyutunda en az azalmayı sağlar. En değerli ve dengeli olduğu için görüntüleri sıkıştırmak için kayıplı seviyeler öneriyoruz. Görüntünüz için maksimum boyut azaltma ile iyi görüntü kalitesi elde edebilirsiniz.
2. Görüntüleri Yükle Sıkıştırma seviyesini seçtikten sonra, sıkıştırma görüntülerini yüklemeye başlayabilirsiniz. Web sitesindeki resim kutusuna yükleyin. Görüntü yüklenir yüklenmez, araç otomatik olarak sıkıştırılmaya başlar. İşlem, görüntünün boyutuna ve seçtiğiniz sıkıştırma seviyesine göre birkaç saniye sürecektir. Bundan sonra, bir web sayfasında sıkıştırma hızı ve boyutuna sahip yeni bir sıkıştırılmış görüntü dosyası göreceksiniz.
Yukarıdaki ekran görüntüsünde görebileceğiniz gibi, çok iyi bir görüntü boyutunda ortalama%75+ azalma var. Ayrıca görüntünün boyutunu karşılaştırabilir ve sıkıştırılmış görüntü kalitesinin hala çok iyi olduğunu görebilirsiniz. Resmi indirmeye hazır olduğunuzda, bunu tek tek veya zip dosyasında yapabilirsiniz. Her resmi ayrı ayrı indirmeniz gerekiyorsa, indir düğmesini kullanmanız gerekir.
Öte yandan, tüm sıkıştırılmış görüntüleri aynı anda indirmeniz gerekiyorsa, ekranın üstünde görebileceğiniz dosya indir düğmesini tıklayın. Bundan sonra, bu görüntüleri WordPress sitenize yükleyebilirsiniz. Basit manuel yöntem ancak eklenti yöntemine kıyasla birkaç ek adımla donatılmıştır. Şimdi, görüntü kalitesini kaybetmeden WordPress’te görüntüleri nasıl sıkıştıracağınızı biliyorsunuz. WordPress’te görüntülerin sıkıştırılması için ipuçları Web sitenizi daha hızlı oluşturmak için WordPress’teki görüntüleri sıkıştırabilmenize rağmen, bunu yaparken hatırlamanız gereken bazı şeyler vardır. Daha sonra görüntüleri daha hızlı yüklemenize yardımcı olabilirler. 1. Tembel Yükleme Görüntüleri Varsayılan olarak, birisi sayfanızı açtığında, WordPress tüm içeriği bir kerede yükler. İçinde çok fazla görüntü varsa, sunucunuzun performansına göre uzun zaman alacaktır. Bununla birlikte, tembel yük adı verilen görüntülerin sunumunu optimize etmek için basit teknikler mevcuttur. Etkinleştirdikten sonra, birisi sayfanızı açtığında tüm görüntüler bir kerede yüklenmez. Bunun yerine, kullanıcı web sayfasının her bir bölümüne eğitim verdiğinde görüntü sunulacaktır. Sayfa yükleme süresini azaltmanın en iyi yolu budur. WordPress için çoğu önbellek eklentisi varsayılan olarak tembel yük özellikleri ile birlikte gelir. Önbellek eklentiniz bunu desteklemiyorsa, BJ Lazy Load gibi özel bir eklenti kullanmayı düşünmelisiniz. Eklenti bir süre güncellenmez, ancak çalışır. 2. EXIF Veri EXIF verileri, kamera tarafından görüntüye eklenen küçük bir ayrıntıdır. Resimleri WordPress kurulumumuza yüklediğimizde, EXIF verileri depolanır ve varsayılan olarak silinmez. Ancak, WordPress kurulumunu ele aldığımızda, buna gerek yoktur. Bu nedenle, EXIF verilerinin silinmesi, görüntüleri daha hızlı sunmak için bir başka iyi seçimdir. Kısa pikseller gibi görüntü sıkıştırma araçlarıyla kolayca çıkarılabilirler. Ancak, EXIF verilerini otomatik EXIF veri cihazlarıyla tüm kütüphane görüntülerinden aynı anda silebilirsiniz. 3. Görüntü önbelleği önbellek sistemini kullanarak görüntülerin sunumunu hızlandırmak ve HTTP isteklerini azaltmak için iyi bir yoldur. Önbellek sistemi, her web sayfasının bir kopyasını yapmanıza ve kullanıcı sorduğunda sunmanıza yardımcı olacaktır. Kullanıcılar web sayfasının önbellek sürümünü görecektir. Ancak kopyayı önbellek eklentisi ayarları aracılığıyla manuel olarak güncellemeye devam edebilirsiniz. Bir kez daha, resimleri önbelleğe almak istiyorsanız, web barındırma sağlayıcınız tarafından sağlanan WordPress önbellek eklentisini veya önbellek eklentisini kullanabilirsiniz. Sitenizin hızını artırmak için ipuçları Görüntü sıkıştırmayı bitirdikten sonra yolun ortasındasınız. Ardından, WordPress kurulumunu hızlandırmak için en iyi uygulamalardan bazılarına bakalım. 1. Önbellek eklentisi önbellekleme eklentisi önbellekleme, web sayfanızın çevrimdışı bir kopyasını üretir ve sunucunuza kaydedin. Bu nedenle, ziyaretçiler sayfanızı açtıklarında, önbellek eklentisi depolanan bir kopyasını sunacaktır. Bu şekilde, talebi sunucuya düşürebilir ve sayfa hızını optimize edebilirsiniz. Bazı WordPress barındırma şirketleri entegre bir önbellek sistemi ile birlikte gelir.Ancak gerekirse aşağıdaki ünlü önbellek eklentilerinden birini seçebilirsiniz. Süper önbellek
En hızlı önbellek
Önbellek toplamı w3
Bunun dışında başka eklentiler kullanmak istiyorsanız WordPress için birkaç önbellek eklentisi vardır. Görmek için buraya tıklayın. Tüm bu eklentiler minimum yapılandırma seçeneğine sahiptir ve sayfanın yükleme hızını artırabilir. Ayrıca, bazı önbellek eklentileri varsayılan tembel yükleme özellikleri ve CDN entegrasyonu ile bile donatılmıştır. Bu seçenekleri kullanmak ek eklentileri azaltabilir ve önceki bölümde belirtildiği gibi daha iyi sonuçlar alabilir. Ayrıca, bu eklentilerin bazılarını kullanarak bir Woocommerce mağazası çalıştırırsanız, bazı sayfaları bir ödeme sayfası gibi önbellekten hariç tutabilirsiniz. 2. Hafif bir tema kullanın Temel bir web sitesine ihtiyacınız varsa lüks bir WordPress teması seçmeyin. Ağır bir çerçeveye sahipler ve birçok JavaScript ve diğer dosyalarla birlikte geliyorlar. Böylece, web sitesinin hızını azaltarak web sitenizin performansını etkileyebilirler. Çoğu tema yazarı, kullanıcıların temalarını denemeleri için demo web siteleri sağlar. Temaların performansını ve hızını bulmak için bu demo web sitesini kullanabilirsiniz. Demo web sitesi URL’sini kopyalayın ve Pingdom veya PagePeed Insight gibi Web sitesi hız araçlarını açın. Ardından, performansı test etmek ve sonuçları görmek için bir işlem başlatın. Hafif bir tema ise, mükemmel performans sonuçlarına sahip olacaktır. Ancak, Demo web sitesinin önbellek eklentileri ve sıkıştırılmış görüntüler ile% 100 optimize edilmediğini unutmayın. Dolayısıyla, test sonuçlarında küçük bir değişiklik olacaktır. Deneyimlerimize göre, en iyi hafif WordPress temaları: GeneratePress – GeneratePress Review
Astra – Astra temasının gözden geçirilmesi
Okyanus
Olay çerçevesi
3. İyi bir barındırma sağlayıcısı seçin Bir web barındırma şirketi arıyorsanız, Google yüzlerce arama sonucu görüntülenir. Piyasada ücretsiz bir web, freemium ve premium barındırma şirketi olacak. Ancak, işletmeniz konusunda ciddiyseniz, ücretsiz bir web barındırma sağlayıcısı kullanmanızı önermeyeceğiz. Premium Web Hosting Company, daha iyi bir ölçekte sunucu performansı, destek ve güvenlik sunacaktır. İşte 2022’de kullanabileceğiniz en iyi WordPress barındırma şirketlerinin bir listesi. Web sitenizin ihtiyaçlarına göre herhangi bir barındırma hizmetini kullanabilirsiniz. Ancak, mevcut barındırmanızdan memnun değilseniz, her zaman daha iyiye taşınabilirsiniz. Yalnızca eksiksiz bir web sitesi yedeklemesi yapın ve başarılı olur. 4. CDN CDN’yi kullanın, içerik dağıtım ağının kısaltmasıdır. WordPress siteniz için bir barındırma paketi seçtiğinizde, barındırma şirketi seçtiğiniz veri merkezini soracaktır. Ünlü barındırma şirketi, kullanıcıların isteklerine göre seçebilecekleri çeşitli yerlerde bir veri merkezi vardır. ABD’de bulunan bir veri merkezi seçtiyseniz, web sitesi ABD’den gelen ziyaretçiler için daha hızlı yüklenecektir. Ancak öte yandan, birisi Hindistan’dan veya veri merkezinin bulunduğu yerden uzaktaki diğer ülkelerden bir web sitesini ziyaret ederse, web sitesini yüklerken hafif bir gecikme olacaktır. Bu sorunu çözmek için bir CDN sağlayıcısı kullanmalısınız. CDN sağlayıcılarının dünya çapında birkaç veri merkezi olacak. Web sitenizi ağlarına ekledikten sonra, sağlayıcı web sitesi ziyaretçilerinizin konumuna en yakın sunucuyu seçecektir.
Sonuç olarak, dünyanın dört bir yanındaki web sitesi ziyaretçileri için optimize edilmiş performans sağlayabilirsiniz. Bir CDN sağlayıcısı arıyorsanız, bkz. Cloudflare. CloudFlare bir Freemium platformudur ve sayfa performansı açısından birçok en son özellik elde edersiniz. Bonus: Arama motorları için görüntülerin nasıl optimize edileceği Tipik olan Google arama sonuçlarına bakılmaksızın, insanlar da ihtiyaç duydukları şeyleri bulmak için görüntünün sonuçlarını kullanacaktır. Bu nedenle, görüntünüzü arama motorları için optimize etmek önemli bir görevdir. Ancak, Google ve diğer arama motorları için yüklediğiniz resimleri biraz ayarlama ile kolayca optimize edebilirsiniz. WordPress sitenize resim yüklerken dikkate almanız gereken bazı önemli öğeler. 1. WordPress Başlık Etiketi, varsayılan olarak resim adınıza göre başlık etiketini otomatik olarak üretecektir. Ancak, Medya Kütüphanesi sayfasından kolayca gerçekleşebilirsiniz. İsterseniz, başlık etiketini sayfanın HTML sürümüne ekleyebilir ve görüntünün anlaşılmasını kolaylaştırabilirsiniz. 2. Görüntüleri anlamak için alt etiketleri kullanarak alt arama motoru gezginlerini etiketleyin, bu yüzden resimlere alt etiketler eklemek şarttır. Manuel olarak veya WordPress eklentisini kullanarak yapabilirsiniz. WordPress, medya kitaplığına fotoğraf veya GIF dosyaları yüklerken Alt etiketini isteyecektir. Web sitenizin resmiyle veya içeriğiyle ilgili anahtar kelimeleri girin ve bunu yapmaya hazırsınız. Görüntüleri doğru bir şekilde açıklayarak alt etiketinizi daha iyi hale getirebilirsiniz. Ardından, medya kütüphanesinin kendisinden ihtiyacınız olduğunda Alt etiketini de değiştirebilirsiniz.
3. XML Site Haritası Site haritası eklentisini kullanarak site haritaları oluşturarak arama makinelerinin varlığını hızlı bir şekilde artırabilirsiniz. Tek yapmanız gereken Google Arama Konsolu aracına bir site haritası göndermek ve içerik almaya başlamaktır. Daha iyi bir görüntü sıralaması için, istediğiniz her görüntüyü içeren bir site haritası dosyası oluşturmayı da düşünebilirsiniz. Çoğu SEO eklentisi bu özellik ile birlikte gelir. Bir site haritası oluşturduktan sonra GSC özelliğinize ekleyin. Ardından, SEO eklentisi her resmi çeker ve her yeni fotoğraf eklediğinizde arama motoru dizinine gönderir. Alt etiketleri otomatik olarak nasıl eklenir. Görüntünüzdeki Alt etiketinin öneminden bahsettik. Bu nedenle, basit WordPress eklentileri ile ALT etiketlerini otomatik olarak nasıl ekleyeceğinizi göstereceğiz. WordPress’teki resimlere ALT etiketleri eklemek için bir dizi eklenti bulabilirsiniz. Ancak şimdilik PB SEO dostu görüntüler eklentisini kullanacağız. Yapmanız gereken ilk şey, eklentiyi WordPress sitenizdeki yüklemek ve etkinleştirmektir. Aktivasyondan sonra Sol taraftaki eklenti yapılandırma seçeneğini göreceksiniz. Sadece ayarları açın> SEO dostu görüntüler WordPress kontrol panelinizden.
Oradan, Alt Şemasını tercihlerinize göre değiştirin.
Değiştirdikten sonra ayarları güncellemeniz gerekir. İşte burada! Eklenti, bundan sonra yükleyeceğiniz her yeni resmin alt etiketlerini değiştirecektir. Daha fazla bilgiye ihtiyacınız varsa, WordPress’teki resme otomatik olarak ALT etiketleri eklemek için ayrıntılı bir kılavuz bile var. Sonuç Görüntülerin sıkıştırılması, web sitenizin hızını artırmanın en iyi yollarından biridir. Bu nedenle, WordPress’te görüntüleri sıkıştırmanız gerekiyorsa, hemen yapmalısınız. Hatta birkaç noktada arama motorlarında web sitenizi daha iyi sıralamaya yardımcı olurlar. Özetlemek gerekirse, web sitenizdeki resimleri iki ana yol kullanarak sıkıştırabilirsiniz: eklentileri kullanarak
Manuel olarak
Web sitenize yüklediyseniz resimleri sıkıştırmak için bir eklenti kullanabilirsiniz. Aslında, web sitenize yeni resimler yüklemeniz gerekiyorsa manuel yaklaşım daha kolaydır. Ancak, her şey tercihlerinize bağlıdır, çünkü bu iki yöntem yüklemiş olsanız da yüklemeseniz de görüntüyü sıkıştırmak için kullanılabilir. Shortpixel her iki yaklaşım için de kullanılabilir ve bulutflare entegrasyonu ve daha birçok kullanışlı özelliğe sahip olduğu için görüntüleri sıkıştırmak için en sevdiğimiz araçtır. Ayrıca, görüntülerin sıkıştırılması, web sitesinin hızını artırmak ve arama motorları için görüntüleri optimize etmek için bazı ipuçları da ekliyoruz. Ayrıca sevebileceğiniz birkaç ilginç makalemiz de var:
Wooocommerce görüntü boyutu sorunu nasıl düzeltilir
Woocommerce’deki ürüne resim ekleyin
