Tek kelimeyle tüm ayarları çağır. Kod tekrarını önler.



preset="avatar" → 100x100, cover, webp, q70
preset="blogCover" → 800x400, cover, webp, q60// nuxt.config.ts
image: {
presets: {
avatar: {
modifiers: {
width: 100, height: 100,
fit: 'cover', format: 'webp', quality: 70
}
},
blogCover: {
modifiers: {
width: 800, height: 400,
fit: 'cover', format: 'webp', quality: 60
}
}
}
}<!-- Kullanım -->
<NuxtImg preset="avatar" src="..." />
<NuxtImg preset="blogCover" src="..." />
<!-- Override -->
<NuxtImg preset="avatar" src="..." quality="90" />