Gtmetrix Serve scaled images Problemi Nasıl Çözülür?

Böyle bir problem yaşıyorum ama hem 310x220 boyutta var hem de 95x75 resim var klasörde olmasına rağmen neden böyle uyarı veriyor? bu sorunu nasıl çözebilirim?

https://www.siteadi.com/wp-content/u...9/08/araba.jpg is resized in HTML or CSS from 310x220 to 95x75. Serving a scaled image could save 11.0KiB (89% reduction).

Sorduğun soruyu tam anlamadım o yüzden konunun ne olduğunu açıklayayım.

Resimleri html kod yazarak küçültüp yayınlamak yerine, programlarla yayınlamak istediğin boyuta getirip öyle yayımlaman gerekiyor. Kodunda 75x75 yazıyorsa resimde 75x75 olmalı.

Gtmetrix sitesinde böyle hata aldığım için o puan %60-70 lerde normalde %100 olması gerek o kısım. dediğim resim boyutları yüklü olmasına rağmen hata veriyor onun nedenini sormuştum.

Yüklü olmasının bir anlamı yok, sitende yayınladığın içerik önemli. Sitende 500x500 bir resmi kodlarla küçültüp yayınlıyorsan sana uyarı verir. Sitende 500x500 yayınladığın resim gerçekten 500x500 boyutunda, 75x75 olarak yayınladığın resim 75x75 boyutunda olmalı. Yani 75 lik resimleri o yüklü dediğin 75 lik resimden çekerek yayınalayacaksın, 500 den çekip 75 e küçülterek değil.

timthumb

310x220 to 95x75

310 x 220 olan resim 95 x 75 olarak yeniden ebatlandırılması gerekir deniliyor kısaca. Serve Scaled uyarısı Gtmetrix analizinde en önemli unsurlardan biridir.

Ayrıca resmi yeniden ebatlandırdıktan sonra optimize ederek yüklemelisiniz siteye.

Gtmetrix analizlerinde site Total Page 1 MB geçmemelidir. 1 MB üzeri olan sitelerin puanlarını yüksek tutmanız zordur. Bu da resimlerin optimize edilmesi ile gerçekleşir.