En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

Kaliteyi Kaybetmeden Web Performansı İçin Resimleri Nasıl Optimize Edersiniz

Yavaş bir web sitesiyle uğraşmak inanılmaz derecede sinir bozucudur. Binlerce WPBeginner okuyucusunun sitelerini hızlandırmasına yardımcı olduktan sonra, diğerlerinden daha sık görülen bir sorun bulduk: büyük, optimize edilmemiş resimler.

Birçok web sitesi sahibi, resimlerini küçültmenin onları bulanık ve profesyonel olmayan göstereceğinden endişe eder. Anlıyoruz. İyi haber şu ki, hızlı yüklenen sayfalar ve güzel, yüksek kaliteli resimler arasında seçim yapmak zorunda değilsiniz.

Görsel optimizasyonu için tüm kendi web sitelerimizde kullandığımız basit bir süreci mükemmelleştirdik. Bu kılavuzda, kalite kaybı olmadan görsellerinizi küçültebilmeniz için bu kesin, başlangıç dostu adımları size adım adım anlatacağız.

Web Performansı İçin Görselleri Nasıl Optimize Edersiniz?

Özetle: Görseller yavaş web sitelerinin yaygın bir nedenidir, ancak hız için kaliteden ödün vermek zorunda değilsiniz. Bu kılavuz, ücretsiz araçlar kullanarak yüklemeden önce görselleri manuel olarak optimize etmek için kanıtlanmış yöntemimizi veya en iyi WordPress eklentileriyle otomatik olarak optimize etmeyi gösterir. Daha hızlı yükleme süreleri, gelişmiş SEO ve daha mutlu ziyaretçiler elde etmenize yardımcı olacağız.


1. Resim Optimizasyonu Nedir?

Resim optimizasyonu, genel resim kalitesini düşürmeden resimleri mümkün olan en küçük dosya boyutunda kaydetme ve sunma işlemidir.

Süreç karmaşık görünse de, aslında günümüzde oldukça kolaydır. Görüntü kalitesinde görünür bir kayıp olmadan görüntüleri %80'e kadar otomatik olarak sıkıştırmak için birçok görüntü optimizasyon eklentisi ve aracından birini kullanabilirsiniz.

Optimize edilmiş ve optimize edilmemiş bir görüntünün örneği burada:

WordPress'te Optimize Edilmiş ve Optimize Edilmemiş Görüntüler

Gördüğünüz gibi, düzgün bir şekilde optimize edildiğinde, aynı görüntü kalıp kaybı olmadan orijinalinden %80'e kadar daha küçük olabilir. Bu örnekte, görüntü %52 daha küçüktür.

Görüntü Optimizasyonu Nasıl Çalışır?

Basitçe ifade etmek gerekirse, resim optimizasyonu sıkıştırma teknolojisi kullanılarak çalışır.

Sıkıştırma ‘kayıplı’ veya ‘kayıpsız’ olabilir.

Kayıpsız sıkıştırma, görüntü kalitesinde kesinlikle hiçbir kayıp olmadan genel dosya boyutunu azaltır. Kayıplı sıkıştırmada kalitede küçük bir kayıp olabilir, ancak ideal olarak ziyaretçileriniz tarafından fark edilmeyecektir.

Görsel Optimize Etmek Ne Anlama Gelir?

WordPress barındırma desteğinizden veya bir hız testi aracından görüntüleri optimize etmeniz önerisi almış olabilirsiniz ve ne yapmanız gerektiğini merak ediyor olabilirsiniz.

Resimlerinizin dosya boyutunu web için optimize ederek küçültmeniz gerekecek. Bunu adım adım nasıl yapacağınızı göstereceğiz.


2. Görsel Optimizasyonunun Faydaları Nelerdir?

Resimlerinizi optimize etmenin birçok faydası olsa da, bilmeniz gereken en önemli faydalar şunlardır:

  • Daha hızlı web sitesi hızı
  • Geliştirilmiş SEO sıralamaları
  • Satışlar ve potansiyel müşteriler için daha yüksek genel dönüşüm oranı
  • Daha az depolama ve bant genişliği (bu da barındırma ve CDN maliyetlerini azaltabilir)
  • Daha hızlı web sitesi yedeklemeleri (yedek depolama maliyetini azaltabilir)

Görseller, videolardan sonra bir web sayfasındaki ikinci en ağır öğedir. HTTP arşivine göre, görseller ortalama masaüstü sayfasının ağırlığının yaklaşık 1.054 KB'ını (%40) oluşturmaktadır.

Hızlı web sitelerinin arama motorlarında daha üst sıralarda yer aldığını (SEO) ve daha iyi dönüşümler sağladığını bildiğimiz için, görsel optimizasyonu çevrimiçi ortamda başarılı olmak isteyen her işletme web sitesinin yapması gereken bir şeydir.

Görsel optimizasyonunun gerçekten ne kadar büyük bir fark yaratabileceğini merak ediyor olabilirsiniz.

Strangeloop tarafından yapılan temel bir çalışma, yükleme süresindeki bir saniyelik gecikmenin %7 satış kaybına, %11 daha az sayfa görüntülenmesine ve %16 müşteri memnuniyeti düşüşüne mal olabileceğini bulmuştur.

Bugün, Google'ın Temel Web İşaretlerini kesin bir sıralama faktörü olarak uyguladığı göz önüne alındığında, yavaş görsellerin SEO ve gelir üzerindeki etkisi daha da önemlidir.

Strangeloop vaka çalışması

Web sitenizi hızlandırmak için yeterli nedeniniz yoksa, Google gibi arama motorlarının daha hızlı yüklenen web sitelerine öncelikli SEO muamelesi gösterdiğini bilmelisiniz.

Bu, görsellerinizi web için optimize ederek hem web sitesi hızını iyileştirebileceğiniz hem de WordPress SEO sıralamalarını artırabileceğiniz anlamına gelir.


3. Web Performansı İçin Görüntüleri Kaydetme ve Optimize Etme

Web performansı için başarılı görsel optimizasyonun anahtarı, en küçük dosya boyutu ile kabul edilebilir görsel kalitesi arasında mükemmel bir denge bulmaktır.

Görüntü optimizasyonunda büyük rol oynayan üç şey şunlardır:

  • Resim dosya formatı (JPEG vs. PNG vs. GIF)
  • Sıkıştırma (daha yüksek sıkıştırma = daha küçük dosya boyutu)
  • Görüntü boyutları (yükseklik ve genişlik)

Üçünün doğru kombinasyonunu seçerek, görüntü boyutunuzu %80'e kadar azaltabilirsiniz.

Bunların her birine daha yakından bakalım.

Görsel Dosya Formatı

Çoğu web sitesi sahibi için gerçekten önemli olan yalnızca üç görüntü dosyası biçimi JPEG, PNG ve GIF'tir. Doğru dosya türünü seçmek, görüntü optimizasyonunda önemli bir rol oynar.

İşleri basit tutmak için, çok renkli fotoğraflar veya görseller için JPEG, basit veya şeffaf görseller için PNG ve yalnızca animasyonlu görseller için GIF kullanmak isteyeceksiniz.

Basit logolar veya simgeler yüklüyorsanız, kalite kaybı olmadan mükemmel şekilde ölçeklendikleri için SVG'leri (vektör grafikleri) kullanmayı da düşünebilirsiniz.

Her dosya türü arasındaki farkı bilmeyenler için:

  • PNG resim formatı kayıpsız sıkıştırma kullanır. Bu, kalitede herhangi bir kayıp olmadan dosya boyutunu azalttığı anlamına gelir, bu da onu logolar, metin ağırlıklı grafikler ve net çizgiler ve şeffaflık gerektiren resimler için harika bir seçim haline getirir.
  • Öte yandan JPEG, önemli ölçüde daha küçük bir dosya boyutu sağlamak amacıyla görsel kalitesini hafifçe düşüren sıkıştırılmış bir dosya formatıdır.
  • GIF yalnızca 256 renk ve kayıpsız sıkıştırma kullanırken, bu da onu animasyonlu görüntüler için en iyi seçenek haline getirir.

WPBeginner'da bu formatların bir karışımını kullanıyoruz.

Ancak, birçok modern web sitesi artık WebP formatı ve AVIF gibi yeni nesil görsel formatlara yöneliyor.

Hem WebP hem de AVIF, mükemmel kalitede JPEG ve PNG'den bile daha iyi sıkıştırma (yani çok daha küçük dosya boyutları anlamına gelir) sağlar. Tüm modern web tarayıcıları bunları tam olarak destekler ve en iyi WordPress optimizasyon eklentilerinin çoğu, büyük bir hız artışı için görsellerinizi otomatik olarak bu formatlara dönüştürebilir.

Görüntü formatları hakkında daha fazla bilgi için WebP vs. PNG vs. JPEG: WordPress için en iyi görüntü formatı hangisi kılavuzumuza bakın.

Sıkıştırma

Bir sonraki adım, görüntü optimizasyonunda büyük rol oynayan görüntü sıkıştırmasıdır.

Mevcut farklı türlerde ve seviyelerde görsel sıkıştırma vardır. Her birinin ayarları, görsel sıkıştırma aracınıza bağlı olarak değişecektir.

Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo (şimdi Affinity Studio olarak ücretsiz) ve diğerleri gibi çoğu görsel düzenleme aracı yerleşik görsel sıkıştırma özelliklerine sahiptir.

Görselleri normal olarak kaydedip daha sonra daha kolay görüntü sıkıştırma için TinyPNG veya JPEGmini gibi bir web aracı kullanabilirsiniz.

Biraz manuel çaba gerektirmelerine rağmen, bu iki yöntem, WordPress'e yüklemeden önce resimleri sıkıştırmanıza olanak tanır ve biz de WPBeginner'da bunu yapıyoruz.

Ayrıca, ilk yüklediğinizde görselleri otomatik olarak sıkıştırabilen Optimole ve EWWW Image Optimizer gibi birkaç popüler WordPress eklentisi de bulunmaktadır.

Bu kullanışlıdır ve birçok yeni başlayan ve hatta büyük şirketler bu görsel optimizasyon eklentilerini kullanmayı tercih eder.

Uzman İpucu: Birçok görsel optimizasyon eklentisi, sınırlamalarla (dosya boyutu veya ayda belirli sayıda görsel gibi) ücretsiz bir sürüm sunar. Yoğun bir sitede tutarlı, otomatik optimizasyon için muhtemelen ücretli bir plana ihtiyacınız olacaktır.

Makalenin ilerleyen bölümlerinde WordPress eklentilerini kullanma hakkında daha fazla bilgi paylaşacağız.

Görsel Boyutları

Telefonunuzdan veya dijital kameranızdan doğrudan bir fotoğraf içe aktardığınızda, genellikle devasa piksel boyutlarına (4000 piksel genişlik gibi) ve baskı odaklı 300 DPI 'çözünürlüğe' sahiptir.

Web görselleri için önemli bir ipucu: DPI (İnç Başına Nokta), kesinlikle fiziksel fotoğrafları yazdırmak içindir. Bir web sitesinde, ekranınız yalnızca gerçek piksel boyutlarıyla (yükseklik ve genişlik) ilgilenir, bu nedenle DPI ayarlarını güvenle göz ardı edebilirsiniz.

Görüntü boyutlarını daha makul bir şeye indirmek, görüntü dosya boyutunu önemli ölçüde azaltabilir. Bilgisayarınızdaki görüntü düzenleme yazılımını kullanarak görüntüleri basitçe yeniden boyutlandırabilirsiniz.

Örneğin, 4900x3200 piksel gibi devasa orijinal boyutlara sahip bir fotoğraf çektik. Orijinal dosya boyutu 1,8 MB idi.

Daha yüksek sıkıştırma için JPEG formatını seçtik ve boyutları 1200×795 piksele değiştirdik. Dosya boyutu sadece 103 KB'a düşürüldü. Bu, orijinal dosya boyutundan %94 daha küçüktür.

Görüntü optimizasyonunun üç önemli faktörünü artık bildiğinize göre, web sitesi sahipleri için çeşitli görüntü optimizasyon araçlarına göz atalım.


4. En İyi Görüntü Optimizasyon Araçları ve Programları

Daha önce de belirttiğimiz gibi, çoğu görsel düzenleme yazılımı görsel optimizasyon ve sıkıştırma ayarlarıyla birlikte gelir.

Görüntü düzenleme yazılımının dışında, web için görüntüleri optimize etmek için kullanabileceğiniz birkaç güçlü ücretsiz görüntü optimizasyon aracı da bulunmaktadır (sadece birkaç tıklamayla).

WordPress'e yüklemeden önce resimleri optimize etmek için bu araçları kullanmanızı öneririz, özellikle de bir mükemmeliyetçiyseniz.

Bu yöntem, WordPress barındırma hesabınızda disk alanından tasarruf etmenize yardımcı olur ve her resmi manuel olarak incelediğiniz için en iyi kalitede en hızlı görüntüyü garanti eder.

Adobe Photoshop

Adobe Photoshop, görselleri web için daha küçük bir dosya boyutuyla dışa aktarmanıza olanak tanıyan premium bir görüntü düzenleme uygulamasıdır.

Web için resmi dışa aktar

Dışa aktarma iletişim kutusunu kullanarak, en küçük dosya boyutunu veren bir resim dosyası biçimi (JPG, PNG, GIF) seçebilirsiniz.

Dosya boyutunu daha da azaltmak için görsel kalitesini, renkleri ve diğer seçenekleri de azaltabilirsiniz.

Kaydetmeden önce resmi optimize edin
GIMP

GIMP, Adobe Photoshop'a ücretsiz ve açık kaynaklı bir alternatiftir. Görsellerinizi web için optimize etmek için kullanılabilir. Dezavantajı, bu listedeki diğer bazı çözümler kadar kolay kullanılmamasıdır.

Öncelikle, görüntünüzü GIMP'te açmanız ve ardından Dosya » Farklı Dışa Aktar… seçeneğini belirlemeniz gerekir.

Bu, dosyanıza yeni bir ad verebileceğiniz Dışa Aktarma Görüntüsü iletişim kutusunu getirecektir. Ardından, ‘Dışa Aktar’ düğmesine tıklamanız gerekir.

Artık görsel dışa aktarma seçeneklerini göreceksiniz. JPEG dosyaları için, sıkıştırma düzeyini seçmek ve dosya boyutunu küçültmek üzere 'Kalite' kaydırıcısını kullanabilirsiniz.

GIMP'te Görüntü Dışa Aktarma

Son olarak, optimize edilmiş görsel dosyayı kaydetmek için 'Dışa Aktar' düğmesine tıklamalısınız.

TinyPNG

TinyPNG, PNG ve JPEG dosyalarınızın boyutunu önemli ölçüde azaltmak için akıllı kayıplı sıkıştırma tekniği kullanan ücretsiz bir web uygulamasıdır.

Standart PNG'ler genellikle kayıpsız olsa da, TinyPNG görüntüdeki renk sayısını azaltır ve fark edilir bir fark olmadan çok daha küçük, kayıplı bir PNG formatına dönüştürür.

Tek yapmanız gereken web sitelerine gitmek ve basit sürükle ve bırak kullanarak resimlerinizi yüklemektir.

Resimlerinizi Optimize Edin

Resmi sıkıştıracaklar ve size bir indirme bağlantısı verecekler.

Daha önce görüntü düzenleme sürecimizin bir parçası olarak Adobe Photoshop uzantılarını kullanmış olsak da, artık Photoshop CC 2024 ve daha yeni sürümler için kullanımdan kaldırılmış ve desteklenmemektedir. Kullanıcılar uygulama içi entegrasyon için web aracına veya diğer eklentilere güvenmelidir.

Geliştiriciler için resimleri otomatik olarak dönüştürmek üzere bir API'leri vardır. Ayrıca, yeni başlayanlar için bunu sizin için yapacak bir WordPress eklentisine sahiptirler.

Bunu daha sonra daha ayrıntılı konuşacağız.

JPEGmini

JPEGmini, algılanan kalitesini etkilemeden görüntülerin boyutunu önemli ölçüde azaltan güçlü bir kayıplı sıkıştırma teknolojisi kullanır.

Kendiniz görmek için orijinal görüntünün ve sıkıştırılmış görüntünün kalitesini de karşılaştırabilirsiniz.

JPEGMini çevrimiçi resim sıkıştırma aracı

Ücretsiz olarak web sürümünü kullanabilir veya bilgisayarınız için programı satın alabilirsiniz. Sunucunuz için süreci otomatikleştirmek üzere ücretli bir API'leri de bulunmaktadır.

ImageOptim

ImageOptim, en iyi sıkıştırma parametrelerini bularak ve gereksiz renk profillerini kaldırarak kalite kaybı olmadan görüntüleri sıkıştırmanıza olanak tanıyan bir Mac yardımcı programıdır.

ImageOptim Kullanarak Görselleri Optimize Etme

Bunun Windows alternatifi Trimage'dır.


5. WordPress İçin En İyi Görsel Optimizasyon Eklentileri

Resimlerinizi optimize etmenin en iyi yolunun, onları WordPress'e yüklemeden önce yapmak olduğuna inanıyoruz.

Ancak, çok yazarlı bir site çalıştırıyorsanız veya otomatik bir çözüme ihtiyacınız varsa, o zaman bir WordPress resim sıkıştırma eklentisi deneyebilirsiniz.

İşte en iyi WordPress görüntü sıkıştırma eklentileri listemiz:

  1. Optimole, ThemeIsle ekibinin popüler bir eklentisi
  2. EWWW Görüntü Optimize Edici
  3. Yukarıda bahsedilen TinyPNG ekibinden bir eklenti olan JPEG, PNG & WebP Resim Sıkıştırma
  4. Popüler WP Rocket ekibinden bir eklenti olan Imagify
  5. ShortPixel Görüntü Optimize Edici
  6. Smush
  7. reSmush.it
  8. Envira Gallery, galeri resimlerinizi otomatik olarak optimize etmek için güçlü bir Görüntü Sıkıştırma Eklentisi (ücretli planlarda mevcuttur) sunan harika bir WordPress galeri eklentisidir.

Bu WordPress görüntü optimizasyon eklentileri web sitenizi hızlandırmanıza yardımcı olacaktır.


6. Görsel Optimizasyonu İçin Son Düşünceler ve En İyi Uygulamalar

Resimlerinizi optimize etmek, web sitenizi hızlandırmanın en kolay ve en etkili yollarından biridir. Kaliteden ödün vermeden dosya boyutlarını küçülterek kullanıcılarınız için daha iyi bir deneyim sunacak ve SEO sıralamanızı yükselteceksiniz.

Ayrıca temanızın duyarlı resimleri desteklediğinden emin olmalısınız. Neyse ki, WordPress mobil ve masaüstü ekranlar için en uygun olanı sunmak üzere medya kitaplığına yüklenen her görüntünün birkaç boyutunu otomatik olarak oluşturur.

Resim optimizasyonu dışında, web sitenizi hızlandırmanıza önemli ölçüde yardımcı olacak iki şey, bir WordPress önbellekleme eklentisi kullanmak ve bir WordPress CDN kullanmaktır.

WPBeginner'da, hem güçlü önbellekleme hem de resim optimizasyonu özelliklerini birleştirdiği için WP Rocket kullanıyoruz.

Bu, tembel yüklemeyi (resimlerin yalnızca bir ziyaretçi aşağı kaydırdığında yüklenmesi anlamına gelir) ve WebP desteğini tek bir çözümde içerir.

Uzman İpucu: Tembel yükleme ve WebP dönüştürme gibi resim optimizasyonu içeren WP Rocket gibi kapsamlı bir performans eklentisi kullanıyorsanız, ayrı bir özel resim optimizasyon eklentisi yüklemekten kaçının. Aynı işlevi gören iki eklentiyi çalıştırmak çakışmalara neden olabilir veya sitenizi yavaşlatabilir.

Eğer Envira Gallery eklentisini kullanıyorsanız, Envira CDN hizmetlerini de öneririz.

Geleneksel bir CDN kurulumunun karmaşıklığı olmadan fotoğraf galerilerinizi inanılmaz derecede hızlı yükleyen, resme özel bir CDN'dir.

Alternatif olarak, yönetilen WordPress hosting şirketini kullanabilirsiniz çünkü bunlar genellikle platformun bir parçası olarak hem önbellekleme hem de CDN sunarlar.


Video Eğitim

WPBeginner'a Abone Olun

Resim Optimizasyonu Hakkında Sıkça Sorulan Sorular

Yıllardır kullanıcılara web sitelerinin hızını iyileştirmelerine yardımcı olurken, görüntü optimizasyonu hakkında birçok soruya cevap verdik. İşte en yaygın sorulardan bazılarının cevapları.

1. Web için en iyi görüntü formatı nedir?

Görüntü türüne bağlıdır. Çok renkli fotoğraflar için JPEG genellikle en iyi seçenektir. Basit grafikler, logolar veya şeffaf arka plan gerektiren görüntüler için PNG idealdir. GIF'ler yalnızca animasyonlar için kullanılmalıdır. Daha yeni WebP formatı da küçük dosya boyutlarıyla harika kalite sunan mükemmel bir seçenektir.

2. Görüntüleri optimize etmek kalitelerini düşürür mü?

Her zaman değil. 'Kayıpsız' sıkıştırma, kalitede sıfır kayıpla dosyaları küçültür. 'Kayıplı' sıkıştırmada bile, amaç dosya boyutunun önemli ölçüde azaltıldığı, ancak herhangi bir kalite değişikliğinin çıplak gözle neredeyse görünmez olduğu bir denge bulmaktır.

3. Web görüntüleri için iyi bir dosya boyutu nedir?

Mükemmel bir boyut yok, ancak çoğu görüntü için harika bir hedef 150 KB'ın altıdır. Büyük, tam genişlikteki görüntüler için 500 KB'a kadar çıkabilirsiniz. Ana hedef, görüntünün sitenizde net ve berrak görünmesini sağlarken her zaman mümkün olan en küçük dosyayı elde etmektir.

4. Görüntü optimizasyonu SEO'yu nasıl iyileştirir?

Google gibi arama motorları, sayfa hızını bir sıralama faktörü olarak kullanır. Resimler genellikle bir sayfadaki en büyük dosyalar olduğundan, bunları optimize etmek web sitenizin daha hızlı yüklenmesini sağlar. Bu hız iyileştirmesi, daha iyi SEO sıralamalarına ve ziyaretçileriniz için daha iyi bir deneyime yol açabilir.

5. WordPress'e zaten yüklenmiş resimleri optimize edebilir miyim?

Evet. WordPress için çoğu resim optimizasyon eklentisi, 'toplu optimizasyon' özelliği içerir. Bu araç, tüm medya kütüphanenizi tarayabilir ve mevcut tüm resimlerinizi sıkıştırabilir, bu da yerleşik bir web sitesinin hızını iyileştirmek için mükemmeldir.

Uyarı: Toplu optimizasyon çalıştırmadan önce daima tam bir WordPress yedeği oluşturun. Bazı eklentiler orijinal dosyalarınızı üzerine yazar, bu nedenle yedek bulundurmak, sıkıştırma sonrası görüntü kalitesinden memnun kalmazsanız medyalarınızı kolayca geri yükleyebilmenizi sağlar.

6. Web görselleri için DPI ve pikseller arasındaki fark nedir?

DPI (inç başına nokta), bir yazdırma terimidir ve görsellerinizin çevrimiçi olarak nasıl göründüğünü etkilemez. Web görselleri için yalnızca piksel boyutları (yükseklik ve genişlik) önemlidir. DPI yerine daha küçük dosya boyutları için piksel boyutlarını azaltmaya odaklanın.

7. Görselleri manuel olarak optimize etmek mi yoksa bir eklenti kullanmak mı daha iyidir?

Yüklemeden önce görselleri manuel olarak optimize etmek, kalite ve dosya boyutu üzerinde en fazla kontrolü size verir. Ancak, çok yazarlı bir siteniz varsa veya tam otomasyon istiyorsanız, bir WordPress görsel optimizasyon eklentisi kullanışlı ve etkili bir çözümdür. WPBeginner'da genellikle ikisinin bir karışımını kullanırız.


WordPress Performansını İyileştirme Hakkında Ek Kaynaklar

Umarım bu makale, WordPress'te resimlerinizi nasıl optimize edeceğinizi öğrenmenize yardımcı olmuştur. WordPress performansını iyileştirmeyle ilgili diğer bazı makaleleri de görmek isteyebilirsiniz:

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıkladığınızda bir komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

123 YorumYanıtla

  1. Benim için, WordPress siteme yüklemeden ÖNCE tüm resimlerimi her ZAMAN .webp dosya formatına dönüştürürüm.
    Dosya boyutunu görüntü kalitesini etkilemeden önemli ölçüde azaltmaya olanak tanıyan çok daha iyi kayıpsız sıkıştırma sağladığı için JPEG ve PNG yerine .webp kullanmayı seçtim.

    • Eskiden ben de aynı şeyi yapardım. Önce tüm resimleri webp'ye dönüştürüp sonra FTP'ye yüklüyordum. Böylece web sitesinde webp dışında başka bir formatım yoktu. Ancak daha sonra bunun iyi bir uygulama olmadığı bana bildirildi, çünkü hala webp'yi desteklemeyen eski tür tarayıcılar kullanan bazı kullanıcılar olabilir. Böyle bir kullanıcı sitenizi ziyaret ederse, resimler görüntülenmez. O zamandan beri bir eklenti kullanıyorum. Siteden png resimleri yüklüyorum ve eklenti onları webp'ye dönüştürüyor. Bu, her iki formatın da web sitesinde olmasını sağlar ve eski tarayıcılar için uyumlu png resmi görüntüleme için kullanılacaktır.

      • Vay canına, bu yönteminize ilişkin bu bilgiyi sağladığınız için teşekkürler. Bu kolayca gözden kaçabilir ve web sitelerim için görsellerle uğraşırken bunu dikkate alacağım.

  2. Eğitim için teşekkürler. Şahsen ben görselleri önce .webp formatına dönüştürüp sonra web'e o formatta yüklüyordum. Bu format bana veri hacmi açısından en küçüğü ve aynı zamanda iyi bir kullanıcı deneyimi için hala çok yüksek kalitede görünüyor. Bunun için eklenti kullanmıyorum, ancak görselleri genellikle çevrimiçi dönüştürücülerde veya bilgisayar yazılımlarında dönüştürüyorum.

    • WebP formatı, küçük dosya boyutu nedeniyle iyi bir resim formatı olarak da kullanılabilir. WebP kullanma kılavuzumuz, resimleri WebP'ye dönüştürmek için bazı kullanışlı eklentiler de dahil olmak üzere burada mevcuttur: https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-use-webp-images-in-wordpress/

      Bir eklenti aracılığıyla dönüştürme, doğrudan web sitesinde ve toplu olarak dönüştürebildiği için faydalı olabilir.

      • Ama eklentiyi kullanırsam, orijinal dosya da orada olacağı için FTP'imde çok fazla yer kaplamaz mı? Ama kesinlikle talimatlarınıza bakmaktan memnuniyet duyarım. Bağlantı için teşekkürler.

        • Orijinal dosyaları her zaman silebilirsiniz. Dosya türlerini, örneğin .png veya .jpg/.jpeg uzantılarını aramak için Medya yönetim sayfasındaki arama özelliğini kullanabilirsiniz.

  3. Bu kapsamlı bir rehberdir.
    Web sitesinin hızlı yüklenmesi ve içeriğin iletilmesi için resimleri optimize etmek esastır.
    Resimlerin videodan sonra en ağır ikinci şey olduğunu belirttiniz, peki ya ses, ses resimlerden daha mı hafif ve nasıl ?

    • Ses, görüntüler ve video arasında yer alma eğilimindedir. Bununla birlikte, ses miktarına ve ses dosyası türüne bağlı olarak bu kesin bir kural değildir ve yalnızca söz konusu dosyalara bağlıdır.

      • Yanıtınız için teşekkürler, mesele şu ki, ses dosyalarının boyut olarak görüntülerden daha büyük olduğunu görüyordum, çoğu görüntü kilobayt cinsinden iken sesler genellikle bundan daha fazladır, sanırım bir sesin çalınması ve anlamlı bir mesaj iletilmesi için geçen sürenin de boyutuna katkıda bulunduğunu düşünüyorum.

  4. Bunun inanılmaz derecede yardımcı, sindirimi ve uygulaması kolay olduğunu söylemek isterim, sağlanan tüm araçlar için minnettarım. Teşekkürler! :) – yeni başlayan bir bloggerdan

  5. Bu arada, bir diğer sorum da şu: görsel optimizasyon eklentileri kullanırken ve daha önce yüklenmiş görselleri optimize ederken, yeni görseller eskilerin yerini mi alıyor? Yoksa orijinal görseller WordPress medya kütüphanesinde mi kalıyor, optimize edilmiş görsellerin yanında mı?

    • Kullandığınız belirli eklentiye bağlı olacaktır, çünkü bazıları resmi değiştirirken, diğerleri orijinali saklama seçeneğine sahiptir.

      Yönetici

    • Birçoğu, orijinal görselleri saklamak mı yoksa silmek mi istediğiniz konusunda size bir seçenek sunar. Kişisel deneyimime göre, orijinal görselleri web sitesinde tutmanızı (en azından yedek olarak) tavsiye ederim.

  6. Merhaba,
    Size selamlar. Bu makale oldukça kapsamlı görünüyor. Birkaç gün önce web sitenizle tanıştım ve makaleleri okumaya başladım. Bu makaleleri okurken aynı işlemi kendi sitemde uygulamaya karar verdim.
    Sitede hıza odaklanarak hızla 2. noktaya ulaştım. Dürüst olmak gerekirse, sitem üzerinde sadece birkaç gündür çalışıyorum ve site hızında sadece %10'luk bir artış sağlayabildim.

    • Bir iyileştirme yine de iyileştirmedir, rehberimizin yardımcı olduğunu duyduğumuza sevindik :)

      Yönetici

      • Evet, tam olarak doğru. Bu geniş ve rekabetçi dünyada, web sitelerini sürekli geliştiren ve rakiplerinden daha fazlasını sunanlar kazanacaktır. Aksi takdirde kaybeden biz oluruz.

  7. Web siteleri veya bloglar için optimize edilmiş görsellerin olması, web sitesinin hızı açısından çok önemlidir.
    Ağır görsel boyutları yüklenmesi zaman alır ve web sitesinin yavaşlamasına neden olur.
    Görsel optimizasyonu için bazı eklentiler kullandım.
    Ancak bence en iyi seçenek web siteleri için önbellekleme eklentileri ve CDN kullanmaktır.
    Bu, web sitesi hızını sadece hızlı yapmakla kalmaz, aynı zamanda ziyaretçileri tutmaya da yardımcı olur.

    • CDN'ler normalde tutma yerine hız içindir, ancak hızlı yüklenen bir site ziyaretçilerinizi tutmanıza yardımcı olur ve geri dönmelerini istemelerine yardımcı olur :)

      Yönetici

  8. Öncelikle, tüm resim dosyası türlerinin eşit yaratılmadığını belirtmek önemlidir. Örneğin, JPEG'ler genellikle PNG'lerden çok daha küçük dosya boyutuna sahip olacaktır, bu nedenle iş için doğru dosya türünü seçmek önemlidir.

    Ayrıca, görselleri yeniden boyutlandırma söz konusu olduğunda, bunları web sitenize yüklemeden önce her zaman yeniden boyutlandırmalısınız. Bu şekilde, ziyaretçilerinize büyük boyutlu görseller sunmak zorunda kalmazsınız, bu da sitenizi yavaşlatabilir.

    Son olarak, resimlerinizi optimize etme işlemini otomatikleştirmeye yardımcı olabilecek bir dizi eklentinin mevcut olduğunu belirtmek isterim. WP Smush, zamandan tasarruf etmenize ve resimlerinizin her zaman doğru şekilde optimize edildiğinden emin olmanıza yardımcı olabilecek harika bir seçenektir.

  9. Bu harika, teşekkür ederim. Bu makaleyi okuduktan sonra JPEGmini kullanıyorum ve sitemizin bu yönünün çözülmüş olmasından büyük rahatlık duydum.

  10. Normal ve basit açıklama için teşekkürler. Sitemdeki fotoğraf içeriğimle ilgili birkaç hata yapmıştım, ancak açıklamalarınızın yardımıyla tam olarak ne yapmam gerektiğini anladım. Teşekkür ederim!

  11. Çok yardımcı oldu!! Paylaştığınız için teşekkürler. Hızlı bir soru – Görüntülerimi yukarıda bahsedilen Web için Kaydet ayarını kullanarak Photoshop'ta doğrudan optimal/kabul edilebilir bir KB boyutuna sıkıştırır ve ardından Wordpress'e yüklersem… Shortpixel veya başka bir görüntü sıkıştırma eklentisini çalıştırmaya gerek var mı? Yoksa bu gereksiz mi?

    Bir eklenti kullanmanın Photoshop'a göre ek faydaları olup olmadığını anlamaya çalışıyorum. Düşüncelerinizi duymak isterim. Teşekkürler!

    • Eklentiler bir alternatiftir, resimlerinizi yüklemeden önce optimize ederseniz, bir resim optimizasyon eklentisi kullanmanıza gerek kalmaz :)

      Yönetici

  12. Daha hızlı yüklenen bir web sitesi için görüntüleri optimize etmek harika bir fikir. Bilgi için teşekkürler.

  13. Optimizasyon eklentileri, “ağır” görselin bir kopyasını oluşturur ve optimize edilmiş sürümü sunar. Ancak bu, sitedeki depolama alanını artırır.
    Eski sürümü silip yalnızca optimize edilmiş görseli bırakmanın bir yolu var mı?

    • Kullandığınız eklentinin desteğiyle görüşmenizi öneririz, çünkü normalde optimize edilmemiş sürümü kaldırmak için bir seçenekleri vardır.

      Yönetici

  14. Merhaba, yeniden boyutlandırma, resimlerin web sitesinde gösterildiği boyutu değiştirmek anlamına mı geliyor, yoksa dosyanın boyutunu değiştirmek anlamına mı geliyor, lütfen?
    Ve optimum boyutun ne olduğunu nasıl bilirim?

    • Ne demek istediğinize bağlı olur, bu rehberdeki sıkıştırma için dosyanın boyutudur. Eğer bir resim çok büyükse, genişliğini ve yüksekliğini de azaltabilirsiniz. Belirli temanız, kullanmak istediğiniz belirli resim boyutunu belirleyecektir.

      Yönetici

  15. Optimizasyon örneğinizde orijinal fotoğrafınızın 300 dpi olduğunu, ardından daha küçük bir dosya boyutuna optimize ettiğinizi belirttiniz. Ancak hedef dpi'nin ne olduğunu söylemediniz. Web için 72 mi? Yoksa daha yüksek mi? Bilgilendirici makale için teşekkürler.

    • Bu, kişisel tercihinize ve görsellerin ne kadar büyük olmasını istediğinize/gerektiğine bağlı olacaktır.

      Yönetici

  16. wpbeginner hakkında en çok sevdiğim şey, kendi sitenizde neyi uygulayacağınıza dair bilgi vermeleri ama aynı zamanda kendi sitelerinde ne kullandıklarını da söylemeleri. Bu gerçekten daha hızlı karar vermeme yardımcı oluyor. Bir ustadan öğrenmek her zaman daha kolaydır. Teşekkürler.

  17. Görüntüleri TinyPNG aracılığıyla sıkıştırdım ve sitemdeki daha büyük görüntüleri bunlarla değiştirmeye çalıştım (yani, ağır fotoğrafları sildim ve sıkıştırılmış olanları yükledim). Ancak medya kütüphanesi hala eski daha büyük görüntüleri yüklüyor. Bu, zaten yüklenmiş eski görüntüleri değiştiremeyeceğim anlamına mı geliyor? Sadece hiç yüklenmemiş sıkıştırılmış görüntüleri mi yükleyecek?

    • Daha ağır görselleri değiştiriyorsanız, sitenizde eski görseli gösteren bir önbellekleme olmadığından ve yeni görseli yüklediğinizde doğru görseli yüklediğinizden emin olmak istersiniz.

      Yönetici

  18. Bilgilendirici makale için teşekkürler, Syed.

    İlerleyen zamanlarda optimize edilmiş görselleri her zaman kullanacağımdan emin olacağım. Daha önce yayınlanmış gönderilere geri dönüp görsellerimi optimize edilmiş olanlarla değiştirmemi önerir misiniz?

    • Mümkünse eski resimlerinizi güncellemenizi öneririz, önerdiğimiz eklentiler bunu sizin için halletmelidir :)

      Yönetici

  19. Gönderiniz için teşekkürler. birçok güzel araç. Daha önce yüklenmiş resimleri yeniden boyutlandırmak için yapılabilecek bir şey olup olmadığını ve WordPress'in artık kullanmadığı resimleri nasıl sileceğimi merak ediyorum.

  20. Ben bir WordPress geliştiricisiyim. Türkiye'den yazıyorum.
    Kaliteli WordPress kaynakları bulmak çok zor.
    Sizi keşfettim. İngilizce bilmiyordum ama İngilizce öğrendim. Hepsi sizin sayenizde.

    • Makalelerimizi okuduğunuz için teşekkürler ve yeni bir dil öğrendiğiniz için tebrikler :)

      Yönetici

  21. Merhaba, sanırım WordPress, en azından Premium kategorisinde, bunun bir kısmını mevcut görsel yükleme işlemine dahil etmiş olabilir mi?

    Gerçek boyutu veya daha büyük veya daha küçük bir şeyi seçme seçeneğim olduğunu şimdi anladığım için soruyorum?

    Yoksa bu işlem görüntünün boyutunda bir optimizasyon / küçültme değil mi?

    Çok teşekkürler! Çok önemli faydalı bir konu.

    Adan

  22. Çok yardımcı bilgiler!! E-postanız gelmeden hemen önce bunu nasıl yapacağımı araştırıyordum! Zamandan ve emekten tasarruf sağladı ve tam aradığım tavsiyeydi.

  23. Photoshop'ta kaydederken optimum web performansı için hangi genişliği önerirsiniz?
    Temam 1600x1050'yi optimum başlık için kaydediyor, ancak gövde resimleri için ne yapmalıyım. Tema tasarımcısının bir önerisi yok.

    • Bu makaledeki diğer adımları izliyorsanız, resim boyutu içeriğinizin boyutlarına en uygun olanı olacaktır, böylece WordPress'in resmi yeniden boyutlandırmasına gerek kalmaz.

      Yönetici

  24. Lütfen o youtube videosunu güncelleyin. Öncelikle Jpegmini bir web uygulaması değil, bilgisarıma yüklemem gereken bir yazılımdır.

    • Video hakkındaki bilgiyi paylaştığınız için teşekkürler, kesinlikle videoyu güncellemeyi inceleyeceğiz :)

      Yönetici

  25. WordPress'e zaten yüklenmiş resimleri sıkıştırmanın bir yolu var mı? Yoksa tüm resimlerimi sıkıştırıp WP'ye yeniden mi yüklemem gerekiyor? Tavsiyeleriniz için şimdiden teşekkürler.

  26. Merhaba,
    Bir tavsiyeye ihtiyacım var: Müşterilerimin indirebilmesi için Düşük çözünürlüklü ve Yüksek çözünürlüklü (1200 piksel, 300 dpi) görseller yüklemem gerekiyor. Düşük çözünürlüklü görsel optimizasyonu hakkında bir sorum yok. Yüksek çözünürlüklü görselleri nasıl kaydedebilirim? Boyutları 2 MB'a kadar. Yüz binlerce görselim var…

  27. Bu yazı harika ve siteme gerçekten değer katıyor. Ancak, yakın zamanda flipkart'tan resim kaydetmeye çalıştım ama çok düşük pikselli formatta kaydetti. Bunu nasıl yapacağımı anlamama yardımcı olabilir misiniz?

  28. İnternette bulduğum görsel URL'lerine bağlı 1500 ürün görselini zaten toplu olarak yükledim.

    Medya Kütüphanemde zaten bulunan o 1500 görseli şimdi nasıl geri dönüp yeniden boyutlandırıp sıkıştırabilirim?

    Ayrıca, yeniden boyutlandırmanın web sitesinde gösterilen resimlerin boyutunu değiştirmek anlamına mı geldiği, yoksa dosyanın boyutunu yeniden boyutlandırmak anlamına mı geldiği konusunda kafam karışık.

    Teşekkürler!

    • Merhaba Sara,

      Evet, iyi bir alternatif. Ancak, daha iyi sonuçlar için yine de görsellerinizi WordPress'e yüklemeden önce görsel düzenleme programınızda optimize etmenizi öneririz.

      Yönetici

  29. İnternet bağlantısının sınırlı ve pahalı olduğu bir yere seyahat edeceğim. Bu yüzden, bloguma yüklemek için çevrimiçi olmadan önce fotoğraflarımın dosya boyutunu küçültmek istiyorum. Bana hangi çözünürlük ve dpi'nin iyi olacağını önerebilir misiniz? Kullanmayı planladığım uygulama üç ölçüm istiyor:
    çözünürlük – 200 ile 2048 arası
    DPI – 72×72 ile 300×300 arası
    jpeg kalitesi (sıkıştırma seviyesi) – 0.00 ile 1.00 arası

  30. Videoda resmini değiştiriyor. PS'deki ekranı anlıyorum. Ancak WP için piksel cinsinden genişlik ve yüksekliğin ne olması gerektiğini açıklamadınız, limit 2MB. Bir WP sitesi için kaydırıcılar vb. için iyi bir standart ne olur?

  31. Köşedeki aptal olduğum için üzgünüm ama bir şeyi açıklığa kavuşturabilir misiniz? WP Smush eklentisini yükledim ve son 2 yıldır siteme yüklediğim tüm fotoğrafları yavaş yavaş işliyorum. Ücretsiz limit olan 50'şerli gruplar halinde yapıyorum. Ancak, artık eklentiye sahip olduğuma göre, gelecekteki fotoğraf yüklemeleri için, onu bulundurmak, onları WP siteme yüklemeden önce fotoğraflarımı yeniden boyutlandırmak için başka bir program kullanmam gerekmediği anlamına mı geliyor? 8 MB'lık bir fotoğrafım varsa ve onu siteme yüklüyorsam, eklenti her şeyi benim için mi yapıyor? Orijinal fotoğrafın hala yüklenmediğini ve barındırma sunucuma, SiteGround'a kaydedilmediğini doğrulamak istiyorum. Sitem çok yavaş, tonlarca teşhis çalıştırdım ve hala nedenini bulamıyorum, tek işaret eden şey fotoğraflarım. Teşekkürler!

    • Merhaba Carrie, kesinlikle uzman değilim ama WP Smush it ile deneyimim var ve evet, gelecekteki yüklemeler otomatik olarak 'ezilmelidir'. Bunu yaparken medya galerisinde küçük bir bildirim var.

      Yavaş sitenizin nedenlerini kontrol etmek için GTmetrix'i kullanabilir ve ardından waterfall sayfasını açarak tek tek sayfa öğelerinin yüklenme sürelerini görebilirsiniz. Sorunun ne olduğunu bildiğinizde, onu çözebilirsiniz.

      Umarım bu, bir 'aptaldan' diğerine yardımcı olur :)

      • Merhaba Tony,

        Görüşlerinizi paylaştığınız için teşekkürler! Ne yazık ki WP Smush'ı kaldırdım ve başka bir blog yazarının önerisine dayanarak Thumbnail Regerate eklentisiyle birlikte EWWW Image Optimizer'ı denedim ve sitedeki fotoğraflarımı mahvettim. Web barındırıcım aracılığıyla dosyalarımı FTP üzerinden nasıl yöneteceğim konusunda acemiyim, bu yüzden yüzlerce resmi sildim ve bir resim programında manuel olarak yeniden boyutlandırdıktan sonra tekrar yükledim. Görünüşe göre bu da kötü bir fikirdi. Şimdi Google, sitemi taradığında bu dosyalar artık orada olmadığında veya taşındığında Google Konsolu'nda sitemi oluşturduğumda bir sürü hata mesajı alıyorum. AH! Sitemi yeniden düzenlemesi için birine ödeme yapmanın ya da tamamen pes etmenin eşiğindeyim. Ancak zaman ayırıp yardımcı bir yorum bıraktığınız için gerçekten minnettarım. :)

        Mutlu Yıllar! Umarım 2017, 2016'dan daha iyi olur.

  32. Google Blogger'a resimlerimi yükleyip "URL'den Ekle" seçeneğiyle WordPress sitemde kullanabileceğimi düşünüyordum?
    Bunun iyi bir fikir olup olmadığı konusunda herhangi bir öneriniz var mı?
    Şimdiden teşekkürler

  33. Buraya, büyük bir görseli doğrudan optimize edilmiş bir görsel olarak WordPress'e yükleyen eklentiler aradığım için geri döndüm. WP Beginner'da bunu bir yerde gördüğümden eminim ama bulamıyorum.

  34. Photoshop kesinlikle en iyisi, çevrimiçi hizmetler için kraken.io ve resizeimage.net tinypng'ye iyi alternatiflerdir.

  35. Birisi önceki bir yorumda RIOT'tan bahsetti. Yüklemeden ÖNCE görüntüleri küçültmek için kullandığım uygulama bu. Sıkıştırma oranı neredeyse olağanüstü. Üzgünüm MAC kullanıcıları, yalnızca Windows için mevcut.

  36. Merhaba WPBeginner,

    Gördüğünüz Trimage'ın Windows sürümüyle çok ilgilenirdim.

    Trimage ana sayfasında sadece pencere bağlantı noktasıyla ilgili yardım isteyen bir bağlantı görüyorsunuz...

  37. Trimage sitesini yeni kontrol ettim ve Windows sürümünü göremedim – sadece çeşitli *nix sürümleri var. Beni doğru yöne yönlendirebilir misiniz. Çok teşekkürler – gerçekten harika bir makale!

  38. Bir siteye zaten yüklenmiş görsellerin boyutunu küçültmenin bir yolu olup olmadığını merak ediyordum? Yükleme şeklimi değiştirdim, böylece gelecekte tüm görsellerim daha küçük olacak. Ancak belki de zaten yüklenmiş olanların boyutunu değiştirmek faydalı olabilir diye düşündüm.

  39. Görüntüleri optimize etmek için iyi bir çözüm bulmak için web'de çok fazla arama yapıyorum; ancak çoğu, bu gönderide bahsedilen araçların çalışıp çalışmadığını görmemize izin vermiyor

  40. Makale, PNG'yi sıkıştırılmamış bir dosya formatı olarak tanımlıyor, ancak bildiğim kadarıyla standart PNG'ler kayıpsız sıkıştırma kullanıyor.
    Ve sürekli tonlu görüntüler (örneğin bir fotoğraf) ile sınırlı paletli görüntüler (örneğin bir logo) için neden bir formatı diğerine tercih edebileceğinizi belirtmenin yardımcı olacağını düşünüyorum.

  41. Photoshop'un küçültülmüş ev kullanımı sürümü olan Photoshop Elements'ten neden bahsedilmiyor? Photoshop'un tam sürümünün yaptığı işlerin %90'ından fazlasını, 'web için kaydet' görüntü sıkıştırma dahil, 100$'ın altında bir fiyata yapıyor.

  42. Görsellerinizi yüklemek için Flickr'ı kullanıp ardından HTML kodunu wordpress sitenize kopyalamayı önerir misiniz? Çok sayıda resim içeren seyahat blogları için ne önerirsiniz? Teşekkürler.

    • Flickr fotoğraflarını WordPress'e bir gönderiye fotoğraf URL'sini yapıştırarak ekleyebilirsiniz. Normalde bunu önermeyiz, çünkü insanlar fotoğraflarınızı Flickr'da görüntüleyecek ve bulacaklar ve web sitenizi ziyaret etme şansı bile bulamayabilirler. Ancak, Flickr'da fotoğraflarınız etrafında bir topluluk oluşturmanın sizin için daha faydalı olduğunu düşünüyorsanız, o zaman devam edin.

      Yönetici

Bir Yanıt Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.