---
title: Imagen
slug: imagen
createdAt: 2024-07-24T11:19:16.970Z
---

Dale vida a tu documentación con imágenes llamativas. El bloque de Imagen te permite añadir elementos visuales que complementan tu texto y hacen que tu contenido sea más atractivo.

## ¿Por qué usarlo?

- **Divide el texto**
  Las imágenes pueden hacer que tus documentos sean más atractivos visualmente y fáciles de leer.
- **Cuenta una historia**
  Las imágenes pueden transmitir emociones, ideas y conceptos de manera más efectiva que solo palabras.
- **Añade contexto**
  Las imágenes pueden aportar información adicional o contexto a tu contenido.
- **Mejora la interacción**
  Los elementos visuales pueden hacer que tus documentos sean más interesantes y atractivos.

## ¿Cómo usar el bloque de imagen?

::::WorkflowBlock
:::WorkflowBlockItem
Escribe `/` para abrir el menú de bloques de Archbee
:::

:::WorkflowBlockItem
Busca el bloque **Imagen** y haz clic para insertarlo

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-ALxCSQqDnYWb33bCRh8u_-20240902-145716.png)
:::

:::WorkflowBlockItem
Elige una imagen desde [Administrador de archivos](docId\:pnnjidOPluBi1vun56nuB) o pega el enlace de tu imagen. De forma predeterminada, subirás una imagen para el tema claro.
:::

:::WorkflowBlockItem
Ajusta tu imagen. Puedes escalar la imagen **del 10% al 100%** del ancho del contenido.

Puedes alinear la imagen a la **izquierda**, **derecha** o al **centro **del contenedor del contenido.
:::

:::WorkflowBlockItem
**Opcionalmente** — te recomendamos añadir:

- **Leyenda de la imagen**
  Para crear contexto, mejorar el SEO y mejorar la accesibilidad
- **Texto alternativo**
  Proporciona una descripción textual para usuarios con discapacidad visual y SEO
- **Imagen para modo oscuro**
  Reduce la fatiga visual y mejora la accesibilidad en el tema oscuro, además de crear una apariencia moderna.
:::
::::

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-4rV4ADyqvME1qRWck-Gtz-20240902-145041.png)

## Ejemplos de uso de bloques de imágenes

- **Presentaciones de productos**
  Utiliza imágenes de alta calidad para resaltar tus productos o servicios.
- **Tutoriales**
  Incluye guías visuales paso a paso para que las instrucciones sean más fáciles de seguir.
- **Publicaciones de blog**
  Agrega imágenes relevantes para dividir el texto y mejorar la experiencia general de lectura.
- **Infografías**
  Crea infografías visualmente atractivas para presentar datos o información compleja.
- **Tableros de inspiración**
  Usa imágenes para crear tableros de inspiración o mood boards para proyectos de diseño.

***

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"}  ** Encuentra otros bloques**

Descubre nuevas formas y bloques para crear páginas de documentación impresionantes y funcionales.

[Consulta todos los bloques](docId\:G2gQexIsuE2XnVGU6PWsT) 
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**  ¿Necesitas ayuda?  ⬇️**

Usa la **burbuja** **de chat azul **en la esquina inferior derecha.

O prueba el **Chat de IA** (desde la barra de búsqueda) para obtener respuestas rápidas.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**   Tu opinión importa**

Utiliza el formulario de comentarios de abajo, de forma anónima.

O haz una pregunta en la **sección de Preguntas y Respuestas** y nuestro equipo o la IA te dará una solución.
:::
::::