Profil resmi değiştirirken boyutlandırma

11-05-2025, 01:25:40

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

11-05-2025, 01:31:34

#2

webkaplani

TELEGRAM-MOBİL OTOMASYON

cropperjs var

11-05-2025, 01:36:10

#3

sametkaya132

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

11-05-2025, 01:36:36

#4

ahmetkucukonder

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

11-05-2025, 01:38:35

#5

sametkaya132

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

11-05-2025, 01:44:56

#6

Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.

ahmetkucukonder

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.