✂️ Fit Modları

Resmi belirli boyutlara sığdırma yöntemleri.

Cover vs Contain vs Fill

fit="cover" ⭐

Kırp ve doldur

fit="contain"

Sığdır, boşluk bırak

fit="fill"

⚠️ Resmi bozar

Ne Zaman Hangisi?

cover: Kartlar, thumbnail, avatar
contain: Tam resim görüntüleme
fill: Arka plan (dikkatli kullan)

<!-- Kare avatar -->
<NuxtImg src="..." width="100" height="100" fit="cover" />

<!-- Contain + arka plan rengi -->
<NuxtImg src="..." width="400" height="300" fit="contain" background="#f5f5f5" />