WordPress’te ölçek görüntüleri nasıl sunulur
Resme giriş, sitenizi bilgilendirici, kullanıcı dostu ve çekici oluşturmada önemli bir rol oynar. Bu nedenle, WordPress sitenizin ölçekli görüntülere hizmet etmesi çok önemlidir. Sitenizde kullandığınız resimler, etkin temanızın belirlediği kurallara uygun olarak doğru olmalıdır. Ancak, bir resim bin kelime söylüyor. Görüntü çok küçükse, tarayıcı onu büyütür (yani onu büyütür) ve bulanık olacak ve çekici olmayacaktır. Aynı şekilde, görüntü çok büyükse, tarayıcı doğru boyuta indirir. Bir görüntü büzüldüğünde, görüntünün görünümünü etkilemez. Ancak sayfa dosyasının boyutunu artıracak ve yavaşça yüklenmesine neden olur. Bu nedenle, yapılacak etkili şey, tarayıcının görüntünün boyutunu indirmesi ve değiştirmesi gerekmeyecek şekilde görüntünün boyutunu doğru ayarlamaktır.
Bu öğreticide, deşarj görüntüsünün ne olduğunu ve WordPress sitenizde bir deşarj görüntüsü nasıl sunabileceğinizi keşfedeceğiz. Ayrıca, sitenizdeki resimleri optimize etmek için kullanabileceğiniz iyi WordPress eklentilerini kontrol edeceğiz.
Bir ölçek görüntüsü sunarak hangi içerik kastedilir? Neden kullanmanız gerekiyor? Nasıl Hizmet Edilir
Görüntüleri manuel olarak serpin
Web sitenizin analizi
WordPress sitesindeki resim boyutlarını arayın ve değiştirin
WordPress Medya Ayarları ile Görüntü Boyutunu Değiştirin
WordPress eklentisi
Smush görüntülerini optimize etmek
Optimal Görüntü EWWW
Optimal görüntüyü hayal edin
Bir ölçek görüntüsü sunarak ne kastedilir? Gözden Geçirme Görüntüler, bir site için gereken görüntünün boyutunun kesin boyutlarıyla eşleşecek (ayarlanmış) uyarlanmış görüntülerdir. Bu nedenle, “bir deşarj görüntüsü sunduğunuzda”, tarayıcıya göndermeden önce bu görüntüyü doğru boyutta ayarlarsınız. İndirimli görüntüler, boyutu değiştirdikten sonra kalitesini kaybetmez. Bu, görüntünün net ve keskin kalacağı, ancak davaya göre sadece daha küçük veya daha büyük olacağı anlamına gelir. Bu nedenle, sitenizin performansını artırmak için web sitenizde deşarj görüntüleri sunmak için bunu yapmanız gerekir. İndirimli görüntüler, sitenizde fazla yer kaplamadığı için resim indirmede kullanılacak kaynakları kaydedebilir. Bu nedenle, web siteniz çok daha hızlı hale gelir. Ayrıca, hızlı yükleme süresi ve minimal kaynakların kullanımı, sitenizin en önemli şekilde daha iyi performans göstermesini sağlar.
İlk olarak, site hızınız SEO’nuzu artırır ve daha yüksek sırada yer almanıza yardımcı olur. Bu, sitenizi daha fazla insanın bulacağı anlamına gelir. İkincisi, daha fazla kişi sitenizin daha uzun kalacağını ve geri döneceğini ve tekrar kullanacağını fark ediyor. Görüyorsunuz, İnternet kullanıcıları çok sabırsız bir grup. Bu, yavaşça içeren bir sitenin birçok kullanıcının sitenizden ayrılmasına neden olacağı anlamına gelir. Tersine, DinVigation için hızlı bir şekilde eğlenceli olan bir site ve daha fazla kullanıcının birçok sayfayı gördüğünü ve tekrar geldiğini göreceksiniz. Bir Ölçek Görüntü Nasıl Sunulur Medya Ekle düğmesini kullanarak WordPress sitenize bir resim yüklediğinizde, görüntü boyutunu daraltmadan eklenir. Görüntüleri doğru boyutta sunmak için görüntüleri manuel olarak düzenleyebilirsiniz veya tahmininiz doğrudur, görüntü eklentisini kullanın. Eklenti, sitenizdeki disiplinli görüntüleri optimize eder ve sunar. GTMetrix veya Google Page Speed Insight gibi bir site hızı optimal kullanarak görüntülediğiniz görüntünün boyutunu analiz edebilirsiniz. Bu öğretici için, tartışılması gereken görüntüleri görüntülediği için GTMetrix kullanıyoruz. Dahası, bu görüntüler için ideal görüntü boyutunu önerir.
GtMetrix’e gidin.
Sitenizin URL’sini sağlanan metin kutusuna yazın.
Site Test düğmenizi tıklayın.
Web sitesi sayfalarınızın hızı görüntülenir. Ardından, gerilme aşağı düğmesini tıklayın, söylem görüntüsünü servis edin.
Açıklanması gereken yanlış boyutlu görüntülerin bir listesi boyutlarla birlikte görüntülenecektir. Önerilen ölçek de görüntülenecektir. Sitenizde bir analiz yaptıktan sonra WordPress sitesindeki görüntünün boyutunu arayın ve değiştirin, artık boyutu ve ayrıca önerilen boyutu değiştirmek zorunda olduğunuzu biliyorsunuz. Atılması gereken bir sonraki adım, sitenizde bir hedef görüntü bulmaktır. Ve resim de azaldı. Sitenizin Yönetici Alanındaki Medya Kütüphanesi’ndeki Görüntüleri Düzenle, Medya> Kütüphaneler> Görüntüleri Seçin Resmi Düzenle’yi tıklayın Görüntünün orijinal boyutu görüntülenir. Genişlik için yeni bir boyut girin.
Aynı şeyi yükseklik için de yapın. Mini görüntü ayarları altında, değişiklikleri nerede uygulamak istediğinizi seçin. Kaydet’i tıklayın.
Sitenizdeki en son yayınları veya sayfaları düzenlerken görüntünün boyutunu değiştirebilirsiniz. Medya Ekle düğmesini tıklayın, ardından Medya Kütüphanesi sekmesini tıklayın. Kütüphaneden resmi seçin ve resim düzenleme bağlantısını tıklayın. Daha sonra, görüntünün boyutunu değiştirmek için yukarıda görülen süreçten geçeceksiniz. Görüntüleri Boya Düzenle Boya fotoğraf editörleriyle ölçeklendirmek istediğiniz görüntüyü açın. İstediğiniz bir grafik tasarım veya başka bir görüntü düzenleyicisi kullanabilirsiniz.
Bir açılır kutunun Ana Sayfa sekmesinin altındaki boyutu değiştirmeyi tıklayın. Ardından, Piksel Radyo düğmesini seçin. Yatay boyutları düzenleyin. Bu nedenle, yönlerin oranını korumak için kutuyu kontrol ederseniz, dikey boyut otomatik olarak değiştirilir. Bir ayar yaptıktan sonra Tamam’ı tıklayın. Yeni resim dosyalarınızı boyaya itibarsızlaştıracak şekilde kaydedin ve uygun adı verin. Ardından WordPress sitenizdeki orijinal görüntüyü değiştirmek için yeni bir resim yükleyin. WordPress Medya Ayarları ile Deşarj Görüntüsü Sunun Sitenizin Yönetici Gösterge Tablosundaki WordPress Medya Ayarları aracılığıyla görüntüleri düzenleyebilirsiniz. WordPress görüntüleri için varsayılan görüntü boyutu, küçük resim, orta boy, büyük boyutun boyutudur. Medya ayarlarındaki büyük boyutun boyutları, siteye yüklenecek görüntünün boyutlarıdır. Medya ayarlarında bu tür görüntüler için değişiklikler yapamazsınız. Diğer varsayılan görüntülerin boyutunu değiştirmek için Ayarlar> Ortam Açın. Değiştirmek istediğiniz görüntü boyutu kategorisi için ihtiyacınız olan maksimum genişliği ve ihtiyacınız olan maksimum yüksekliği girin. Bu değerleri uygun şekilde uygun alana yerleştirin. Küçük resim boyutunu değiştirmek için küçük resim altındaki kutuyu kontrol edin. Ardından, istediğiniz boyutları belirleyin. Küçük resim orantılı olarak düzenlenecektir. Değişik Kaydet’i tıklayın. WordPress eklentisi, WordPress eklentisini sunmak için görüntüler için resimler optimize etme mevcut görüntü sunumunu yapar. Sitenizde kullanabileceğiniz üç popüler WordPress eklentisini inceleyeceğiz. Smush görüntülerini optimize etmek
Eklenti Smush görüntü optimizasyonu, sıkıştırma ve tembel yük, site dizininizdeki herhangi bir görüntüyü sıkıştırın ve ayrıca kalitesini koruyun. Bu WP Smush eklentisini kullanmak için önce yükleyin ve etkinleştirin. Gösterge panelinizde smush simgeleri görünecektir.
Smush> Dashboard’u açın. Eklentinin yığın smush özelliği, sitenizi hemen analiz eder ve optimize edilmesi gereken görüntüleri algılar. Otomatik olarak algılanan görüntüyü optimize etmek için Bulk Smush’ı tıklayın. Eklentiyi daha fazla/sürdürülebilir görüntü optimizasyonu için ayarlamak için “Ayarlar” bölümüne gidin. Görüntü boyutunun herkese ayarlanmasına ve otomatik sıkıştırmayı etkinleştirmesine izin verin. WordPress sitesindeki her görüntü yüklemesinin, meta veri adı verilen bazı bilgileri vardır. Smush, bu bilgilerden görüntüleri silme seçeneği sunar. Sitenizdeki meta veri bilgilerini silmek için resmimin Sil meta veri özelliğini etkinleştirin. Ardından, görüntü boyutundaki değişikliği etkinleştirin ve sitenizdeki görüntüler için maksimum genişliği ve yüksekliği istediğiniz gibi ayarlayın.
Bu öğreticide, deşarj görüntüsünün ne olduğunu ve WordPress sitenizde bir deşarj görüntüsü nasıl sunabileceğinizi keşfedeceğiz. Ayrıca, sitenizdeki resimleri optimize etmek için kullanabileceğiniz iyi WordPress eklentilerini kontrol edeceğiz.
Bir ölçek görüntüsü sunarak hangi içerik kastedilir? Neden kullanmanız gerekiyor? Nasıl Hizmet Edilir
Görüntüleri manuel olarak serpin
Web sitenizin analizi
WordPress sitesindeki resim boyutlarını arayın ve değiştirin
WordPress Medya Ayarları ile Görüntü Boyutunu Değiştirin
WordPress eklentisi
Smush görüntülerini optimize etmek
Optimal Görüntü EWWW
Optimal görüntüyü hayal edin
Bir ölçek görüntüsü sunarak ne kastedilir? Gözden Geçirme Görüntüler, bir site için gereken görüntünün boyutunun kesin boyutlarıyla eşleşecek (ayarlanmış) uyarlanmış görüntülerdir. Bu nedenle, “bir deşarj görüntüsü sunduğunuzda”, tarayıcıya göndermeden önce bu görüntüyü doğru boyutta ayarlarsınız. İndirimli görüntüler, boyutu değiştirdikten sonra kalitesini kaybetmez. Bu, görüntünün net ve keskin kalacağı, ancak davaya göre sadece daha küçük veya daha büyük olacağı anlamına gelir. Bu nedenle, sitenizin performansını artırmak için web sitenizde deşarj görüntüleri sunmak için bunu yapmanız gerekir. İndirimli görüntüler, sitenizde fazla yer kaplamadığı için resim indirmede kullanılacak kaynakları kaydedebilir. Bu nedenle, web siteniz çok daha hızlı hale gelir. Ayrıca, hızlı yükleme süresi ve minimal kaynakların kullanımı, sitenizin en önemli şekilde daha iyi performans göstermesini sağlar.
İlk olarak, site hızınız SEO’nuzu artırır ve daha yüksek sırada yer almanıza yardımcı olur. Bu, sitenizi daha fazla insanın bulacağı anlamına gelir. İkincisi, daha fazla kişi sitenizin daha uzun kalacağını ve geri döneceğini ve tekrar kullanacağını fark ediyor. Görüyorsunuz, İnternet kullanıcıları çok sabırsız bir grup. Bu, yavaşça içeren bir sitenin birçok kullanıcının sitenizden ayrılmasına neden olacağı anlamına gelir. Tersine, DinVigation için hızlı bir şekilde eğlenceli olan bir site ve daha fazla kullanıcının birçok sayfayı gördüğünü ve tekrar geldiğini göreceksiniz. Bir Ölçek Görüntü Nasıl Sunulur Medya Ekle düğmesini kullanarak WordPress sitenize bir resim yüklediğinizde, görüntü boyutunu daraltmadan eklenir. Görüntüleri doğru boyutta sunmak için görüntüleri manuel olarak düzenleyebilirsiniz veya tahmininiz doğrudur, görüntü eklentisini kullanın. Eklenti, sitenizdeki disiplinli görüntüleri optimize eder ve sunar. GTMetrix veya Google Page Speed Insight gibi bir site hızı optimal kullanarak görüntülediğiniz görüntünün boyutunu analiz edebilirsiniz. Bu öğretici için, tartışılması gereken görüntüleri görüntülediği için GTMetrix kullanıyoruz. Dahası, bu görüntüler için ideal görüntü boyutunu önerir.
GtMetrix’e gidin.
Sitenizin URL’sini sağlanan metin kutusuna yazın.
Site Test düğmenizi tıklayın.
Web sitesi sayfalarınızın hızı görüntülenir. Ardından, gerilme aşağı düğmesini tıklayın, söylem görüntüsünü servis edin.
Açıklanması gereken yanlış boyutlu görüntülerin bir listesi boyutlarla birlikte görüntülenecektir. Önerilen ölçek de görüntülenecektir. Sitenizde bir analiz yaptıktan sonra WordPress sitesindeki görüntünün boyutunu arayın ve değiştirin, artık boyutu ve ayrıca önerilen boyutu değiştirmek zorunda olduğunuzu biliyorsunuz. Atılması gereken bir sonraki adım, sitenizde bir hedef görüntü bulmaktır. Ve resim de azaldı. Sitenizin Yönetici Alanındaki Medya Kütüphanesi’ndeki Görüntüleri Düzenle, Medya> Kütüphaneler> Görüntüleri Seçin Resmi Düzenle’yi tıklayın Görüntünün orijinal boyutu görüntülenir. Genişlik için yeni bir boyut girin.
Aynı şeyi yükseklik için de yapın. Mini görüntü ayarları altında, değişiklikleri nerede uygulamak istediğinizi seçin. Kaydet’i tıklayın.
Sitenizdeki en son yayınları veya sayfaları düzenlerken görüntünün boyutunu değiştirebilirsiniz. Medya Ekle düğmesini tıklayın, ardından Medya Kütüphanesi sekmesini tıklayın. Kütüphaneden resmi seçin ve resim düzenleme bağlantısını tıklayın. Daha sonra, görüntünün boyutunu değiştirmek için yukarıda görülen süreçten geçeceksiniz. Görüntüleri Boya Düzenle Boya fotoğraf editörleriyle ölçeklendirmek istediğiniz görüntüyü açın. İstediğiniz bir grafik tasarım veya başka bir görüntü düzenleyicisi kullanabilirsiniz.
Bir açılır kutunun Ana Sayfa sekmesinin altındaki boyutu değiştirmeyi tıklayın. Ardından, Piksel Radyo düğmesini seçin. Yatay boyutları düzenleyin. Bu nedenle, yönlerin oranını korumak için kutuyu kontrol ederseniz, dikey boyut otomatik olarak değiştirilir. Bir ayar yaptıktan sonra Tamam’ı tıklayın. Yeni resim dosyalarınızı boyaya itibarsızlaştıracak şekilde kaydedin ve uygun adı verin. Ardından WordPress sitenizdeki orijinal görüntüyü değiştirmek için yeni bir resim yükleyin. WordPress Medya Ayarları ile Deşarj Görüntüsü Sunun Sitenizin Yönetici Gösterge Tablosundaki WordPress Medya Ayarları aracılığıyla görüntüleri düzenleyebilirsiniz. WordPress görüntüleri için varsayılan görüntü boyutu, küçük resim, orta boy, büyük boyutun boyutudur. Medya ayarlarındaki büyük boyutun boyutları, siteye yüklenecek görüntünün boyutlarıdır. Medya ayarlarında bu tür görüntüler için değişiklikler yapamazsınız. Diğer varsayılan görüntülerin boyutunu değiştirmek için Ayarlar> Ortam Açın. Değiştirmek istediğiniz görüntü boyutu kategorisi için ihtiyacınız olan maksimum genişliği ve ihtiyacınız olan maksimum yüksekliği girin. Bu değerleri uygun şekilde uygun alana yerleştirin. Küçük resim boyutunu değiştirmek için küçük resim altındaki kutuyu kontrol edin. Ardından, istediğiniz boyutları belirleyin. Küçük resim orantılı olarak düzenlenecektir. Değişik Kaydet’i tıklayın. WordPress eklentisi, WordPress eklentisini sunmak için görüntüler için resimler optimize etme mevcut görüntü sunumunu yapar. Sitenizde kullanabileceğiniz üç popüler WordPress eklentisini inceleyeceğiz. Smush görüntülerini optimize etmek
Eklenti Smush görüntü optimizasyonu, sıkıştırma ve tembel yük, site dizininizdeki herhangi bir görüntüyü sıkıştırın ve ayrıca kalitesini koruyun. Bu WP Smush eklentisini kullanmak için önce yükleyin ve etkinleştirin. Gösterge panelinizde smush simgeleri görünecektir.
Smush> Dashboard’u açın. Eklentinin yığın smush özelliği, sitenizi hemen analiz eder ve optimize edilmesi gereken görüntüleri algılar. Otomatik olarak algılanan görüntüyü optimize etmek için Bulk Smush’ı tıklayın. Eklentiyi daha fazla/sürdürülebilir görüntü optimizasyonu için ayarlamak için “Ayarlar” bölümüne gidin. Görüntü boyutunun herkese ayarlanmasına ve otomatik sıkıştırmayı etkinleştirmesine izin verin. WordPress sitesindeki her görüntü yüklemesinin, meta veri adı verilen bazı bilgileri vardır. Smush, bu bilgilerden görüntüleri silme seçeneği sunar. Sitenizdeki meta veri bilgilerini silmek için resmimin Sil meta veri özelliğini etkinleştirin. Ardından, görüntü boyutundaki değişikliği etkinleştirin ve sitenizdeki görüntüler için maksimum genişliği ve yüksekliği istediğiniz gibi ayarlayın.
Değiştir düğmesini tıklayın. Smush görüntülerinin optimizasyonu, sitenizin özelliklerine göre sitenizdeki görüntüleri otomatik olarak dağıtacaktır. Optimal Görüntü EWWW
EWWW Image Optimal, yeni yüklemeler ve en iyi dosya biçiminde bulunan resimler de dahil olmak üzere, sitenizdeki görüntüleri optimize eden bir WordPress eklentisidir. Kütle tarayıcı özelliği, sitedeki tüm görüntüleri optimize eder. Bu eklentiyi kullanmak için WordPress sitenizin yönetici alanından yükleyin ve etkinleştirin. Yine de gösterge panelinizde, Ayarlar> EWWW Resim Optimizer’ı tıklatın. Temel ayar sayfasında, meta veri görüntülerini silmek için meta verileri silin. JPG, PNG ve GIF görüntü formatları için optimizasyon seviyesini Pixel Perfect olarak ayarlayın. Eklentinin ücretsiz sürümünün PDF optimizasyon seviyesini ayarlama seçeneği yoktur. Daha sonra yeniden boyutlandırma sekmesine geçin. Yeniden boyutlandırma algılama seçeneğini kontrol edin. Yeniden boyutlandırma görüntülerinde, sitenizdeki görüntüler için izin verilen maksimum genişliği ve yüksekliği ayarlayın. Aşağıda, başka bir görüntünün boyutunu etkinleştirin ve görüntünün boyutunu değiştirin. Örneğin mini görüntüler gibi belirli görüntü türleri için değişen görüntü boyutunu devre dışı bırakmaya karar verebilirsiniz. Bunu başarmak için uygun kutuyu kontrol edin. Değişikliği kaydetmeyi unutmayın. EWWW Görüntü Optimizer, sitenizdeki tüm resim yüklemelerinin boyutunu değiştirir. Görüntü Optimizer’ı Hayal Etme – Söylem görüntüleri mevcut Hayal Edin – Eklenti WebP & Resim Sıkıştırma ve Optimizasyonu Kayıpsız Sıkıştırma kullanarak görüntü boyutunuzu değiştirir. Görüntü kalitesini kaybetmeden büyütülür. Sitenizdeki eklentiyi etkinleştirdikten sonra, WordPress’e yüklendiğinde tüm görüntüleri optimize eder. Küçük resimler dahil. Bu eklentiyi kullanmak için WordPress yönetici alanınızdan yükleyin ve etkinleştirin. Aktivasyondan sonra ve yine de gösterge tablosunda, Ayarlar> Hayal edin. Hayal Ayarları sayfasında, mevcut metin kutusuna ateş tuşunuzu girin. Sahip değilseniz ücretsiz bir yangın anahtarı oluşturabilirsiniz. Tıklayın düğme ücretsiz bir yangın anahtarı oluşturun. E -posta adresinizi girmeniz istenecek ve ücretsiz yangın anahtarınızı almak için e -postanızı kontrol etmeye yönlendirilecektir. Aldığınız yangın kilidini e -postanızdan kopyalayın ve API Lock metin kutusuna yapıştırın. Yangın anahtarı geçerliliğiniz için tebrik bir mesaj alacaksınız. Eklenti ayarlarına devam etmek için Tamam’ı tıklayın. Genel ayar sayfası, eklenti tarafından sunulan üç optimizasyon seviyesini gösterir.Normal, agresif ve ultra seviyeler.Seçim seviyenizi seçin.Bu öğretici için agresif bir seviye seçtik.Sitenizdeki doğru görüntü boyutunu değiştirmek için uygun olduğunu düşündüğünüz seçeneği kontrol edin. Optimizasyon sayfasında, Medya Kütüphanesi bölümünde, resmin WebP sürümünü kontrol edebilirsiniz.Ayrıca, medya kitaplığınızdaki daha büyük görüntünün boyutunu değiştirmek için daha büyük görüntü boyutu kutusunu kontrol edin.İmlecinizi üst veya alt ok görüntüsünün genişliğine yerleştirin.Büyük resminizin boyutunu değiştirmek istediğiniz değeri elde edene kadar tıklamaya devam edin. Dosya optimizasyonu için optimize etmek istediğiniz kullanılabilir seçenekleri (genellikle tümü) kontrol edin. Eklenti menüsüne araç çubuğunuzdan erişmek için, bu özelliğin tadını çıkarmak için kutuyu kontrol etmeniz gerekir.Ardından, Değiştir düğmesini tıklayın.Veya Kaydet ve Toplu Optimize Edici düğmesini tıklayabilirsiniz. İşte burada.Eklenti, medya kitaplığınızdaki görüntüleri ve sitenizdeki yeni resim yüklemelerini optimize etmeye başlayacaktır.Sonuç WordPress’te renksiz görüntüler sunmanın çeşitli yollarını paylaştık.Sitenizdeki görüntü ölçeğini analiz edebilir ve site gereksinimlerini karşılamak için manuel olarak ayarlayabilirsiniz.Veya siteniz için boyut veya ölçekli resimleri iş olmadan değiştirmek için bir WordPress eklentisi kullanabilirsiniz.Bu kılavuzu kullanarak lütfen siteniz için görüntü ölçeklendirme seçeneğini seçin.Redzersiz görüntüler sunmanın faydaları, sitenin hızında, SEO, kullanıcı deneyimi ve web sitenizin genel performansında iyi faydalardır.Ayrıca, bu makaleyi yararlı bulursanız, lütfen paylaşın.Daha fazla Kaynak: Web için Görüntüler Nasıl Optimize Edilir – Komple Kılavuz WordPress resminizi nasıl düzenleyebilirsiniz
