Php Ürün Resimlerini Otomatik Olarak Boyutlandırma Problemi
Merhaba arkadaşlar. Şöyle bi sorunum var. Php ile hazırladığım siteye, eklediğim ürünlerin bazısının eni 2 cm, bazısının ise 5-6 cm. Ürünleri gösterdiğim sayfalarda resim çerçevesine 5'er piksel padding verdim sağdan ve soldan ama yine de resimler istediğim şekilde olmuyor. 4 cm'lik olması gereken resim 7 cm oluyor. Uğraştığım siteyi son kullanıcıya verdiğimde o kişi benim gibi boyutlandırmayla uğraşmaması lazım. Hatta benim de uğraşmamam lazım. :) Ne yapılabilir sizce?
ürün resimlerine css ile sabit bir genişlik ve yükseklik verin aynı zamanda object-fit: cover ya da object-fit: contain verin
örnek olması açısından
img.urun-resmi{
width: 300px;
height: 200px;
object-fit: cover;
}
eğer cover verirseniz genişlikten ya da yükseklikten yiyerek verilen en boy a sığdırır.
eğer contain verirseniz resmi küçülterek verilen alana sığdırır ama resim bozulmadan görünür.
Daha kaliteli görüneni bana göre cover.
Ama kullanıcılara kırpma işlemi ya da sabit bir en boy oranında yükleme gibi bir şey sunmanız daha mantıklı olacaktır.