Görselleri kullandığınız yere göre değişir. 1500x200 boyutundaki bir görseli 750x100 olarak kullanmanız gerekiyorsa, html kodu ile bunu değiştirmeyin; görseli 750x100 olarak boyutlandırın ve yeniden yükleyin. Bu sayede, görselin dosya boyutunu neredeyse yarı yarıya düşürmüş olacaksınız. Bu da, görselin iki kat daha hızlı yükleneceği anlamına gelir. Görseli yükledikten sonra, html ile boyutunu tanımlamayı da unutmayın.
Anladım hocam bundan sonra öyle yapacağım çok teşekkür ediyorum.
Düzenleyip tekrar yüklemeniz önerilir, yalnız bunu yaparken dikkatli olmalısınız. Eğer hazır bir şablon (wordpress teması vb) kullanıyorsanız bu bazı diğer sorunlara yol açabilir.
Örneğin; ana sayfanızda son blog yazılarını öne çıkan görselleriyle listeleyen bir bölüm vardır. Buradaki bir resmi 1280*720 değilde 320*180 olarak boyutlandırmanızı ister. Ama aynı resim makale sayfasında1280*720lik bir alanda kullanıldığı için bu kez makale sayfasında bozuk görünür. Bu durumda görselin orjinalini boyutlandırmak yerine kullanıldığı alanlara göre farklı çözünürlükleri oluşturulacak şekilde temanız düzenlenmeli.
Veya logonuz mobilde retina olması için 2x olarak eklenmiştir çözünürlüğü yarıya indirdiğinizde bulanık görünebilir, bunun yerine css le düzenleme yapılmalıdır vb. Bunları dikkate alarak kullanıcı deneyimini bozmadan düzenleme yapmalısınız.
Anladım hocam çok teşekkür ediyorum Öne çıkarılan resimi 320x180 olarak hepsini düzenleyeceğim, çok teşekkür ediyorum