Imágenes y embeds

Imágenes, vídeos y rich media adaptativos para mejorar e ilustrar su documentación.

Imágenes

Imágenes sensibles con optimización automática y funcionalidad de zoom interactivo.

![xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Si @nuxt/image está instalado, el componente <NuxtImg> se utilizará en lugar de la etiqueta nativa img para mejorar el rendimiento y la optimización.

Zoom (Edición española)

De forma predeterminada, las imágenes admiten zoom interactivo: al hacer clic en una imagen, se abre en una superposición modal con transiciones suaves, lo que permite a los usuarios examinar los detalles más de cerca.

Para evitar el zoom en una imagen específica, agregue el atributo :zoom="false".

Imagen sin zoom

![Image without zoom](/assets/templates/nuxt/dashboard-dark.png){:zoom="false"}

Tamaño

Las imágenes se adaptan automáticamente a su contenedor manteniendo la relación de aspecto. Puede controlar el tamaño a través de la reducción de precios o atributos HTML cuando sea necesario.

![Small Image](/assets/templates/nuxt/dashboard-dark.png){width="300"}

Iframes (Edición española)

Incorporar fácilmente contenido interactivo como CodeSandbox, Figma o YouTube.

YouTube (Edición española)

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<iframe src="https://www.youtube-nocookie.com/embed/_eQxomah-nA?si=pDSzchUBDKb2NQu7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="aspect-ratio: 16/9; width: 100%;"></iframe>

CodeSandbox (Edición española)

(Edición española)
<iframe src="https://codesandbox.io/p/devbox/nuxt-ui-xgrzw5" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="aspect-ratio: 16/9; width: 100%;"></iframe>

Figma (Edición española)

(Edición española)
<iframe style="border: 1px solid rgba(0, 0, 0, 0.1); width: 100%; height: 450px;" src="https://embed.figma.com/file/1544369209862884086/hf_embed?community_viewer=true&embed_host=fastma&fuid=960610330589944894&kind=file&page-selector=0&viewer=1" allowfullscreen></iframe>

Lists and tables

Organize information with styled lists and responsive tables for clear, consistent readability.

Code

Display inline code and syntax-highlighted code blocks with copy-to-clipboard support.