mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-05 03:47:12 +00:00
915 B
915 B
title | description | links | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
<NuxtPicture> | Nuxt provides a <NuxtPicture> component to handle automatic image optimization. |
|
<NuxtPicture>
is a drop-in replacement for the native <picture>
tag.
Usage of <NuxtPicture>
is almost identical to <NuxtImg>
but it also allows serving modern formats like webp
when possible.
Learn more about the <picture>
tag on MDN.
Setup
In order to use <NuxtPicture>
you should install and enable the Nuxt Image module:
npx nuxi@latest module add image
::read-more{to="https://image.nuxt.com/usage/nuxt-picture" target="_blank"}
Read more about the <NuxtPicture>
component.
::