Profil resmi değiştirirken boyutlandırma

Question

Merhaba bir adet projemde kullanıcılardan avatar talep ediyoruz kendilerine ait profil resmi koyabiliyorlar profil resmi kare olmak zorunda. 1080x1080 ama kişi dikey formatta 1920x1080 görüntü koydugunda üstten daraltarak fotoğrafı eziyor. profil resmini koyduktan sonra instagram ve diğer platformlar gibi fotograf kırpma aracı nasıl yapabilirim ne diye aratma yapmam gerekiyor

ahmetkucukonder · Accepted Answer

sametkaya132 adlı üyeden alıntı:						mesajı görüntüle									
resmi bu şekilde basıyor. dediğiniz şekilde de yapsam yanları boş kalacak 		Genişlik ve yükseklik değeri verdiğinizde kırpma ya da taşma olmayacaktır. Mesela örnekte .circle sınıfını atadığım kapsayıcı 200x200 ve içerisindeki görselin boyutu da 100% yani kapsayıcının boyutu kadar. Object-fit cover yaptığınızda görseli kapsayıcının boyutu kadar yapıp fazlalığı otomatik olarak kırpacaktır, çok daha pratik ve tasarruflu bir yöntem olduğunu düşünüyorum karar sizin.

webkaplani · Answer

cropperjs var

sametkaya132 · Answer

webkaplani adlı üyeden alıntı:						mesajı görüntüle									cropperjs var 		çalışma mantığına bakalım gün içinde dönüş sağlayacağım teşekkürler

ahmetkucukonder · Answer

Kırpmak zorunda değilsiniz, dosya boyutu sınırı ekleyin ve problemi CSS ile çözün.

.class{
width: x;
height: x;
object-fit: cover;
}

bkz. https://developer.mozilla.org/en-US/...CSS/object-fit

sametkaya132 · Answer

ahmetkucukonder adlı üyeden alıntı:						mesajı görüntüle									Kırpmak zorunda değilsiniz, dosya boyutu sınırı ekleyin ve problemi CSS ile çözün.

.class{
width: x;
height: x;
object-fit: cover;
}

bkz. https://developer.mozilla.org/en-US/...CSS/object-fit 		
resmi bu şekilde basıyor. dediğiniz şekilde de yapsam yanları boş kalacak