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

Mejore su documentación con imágenes llamativas. El bloque Image le permite agregar elementos visuales que complementan su texto y hacen que su contenido sea más atractivo.

## ¿Por qué usarlo?

- **Divida el texto**
  Las imágenes pueden hacer que sus documentos sean más atractivos visualmente y fáciles de leer.
- **Cuente una historia**
  Las imágenes pueden transmitir emociones, ideas y conceptos de manera más eficaz que solo palabras.
- **Agregue contexto**
  Las imágenes pueden proporcionar información adicional o contexto a su contenido.
- **Mejore la interacción**
  Los elementos visuales pueden hacer que sus documentos sean más interesantes y atractivos.

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

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

:::WorkflowBlockItem
Busque el bloque **Imagen** y haga clic para insertar

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

:::WorkflowBlockItem
Elija una imagen desde [Administrador de archivos](docId\:uhO7_3qfIuVwVRj3GPgVj) o pegue el enlace de su imagen. De forma predeterminada, cargará una imagen para el tema claro.
:::

:::WorkflowBlockItem
Ajuste su imagen. Puede escalar la imagen **del 10% al 100%** del tamaño del ancho del contenido.

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

:::WorkflowBlockItem
**Opcionalmente** — le recomendamos agregar:

- **Caption de imagen**
  Para crear contexto, mejorar el SEO y aumentar la accesibilidad
- **Texto alternativo**
  Proporciona una descripción textual para usuarios con discapacidad visual y para SEO
- **Imagen para Dark Mode**
  Reduzca la fatiga visual y mejore 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 imagen

- **Demostraciones de productos**
  Use imágenes de alta calidad para resaltar sus productos o servicios.
- **Tutoriales**
  Incluya guías visuales paso a paso para facilitar el seguimiento de las instrucciones.
- **Publicaciones de blog**
  Agregue imágenes relevantes para dividir el texto y mejorar la experiencia de lectura.
- **Infografías**
  Cree infografías visualmente atractivas para presentar datos o información compleja.
- **Tableros de inspiración**
  Use imágenes para crear mood boards o tableros de inspiración 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"}  ** Buscar otros bloques**

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

[Consulte todos los bloques](docId\:IzBUJGUT0bOmcbZ5hFQNX) 
:::

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

Use la **burbuja** **de chat azul **desde la esquina inferior derecha.

O pruebe **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"}**   Su opinión es importante**

Use el siguiente formulario de comentarios, de forma anónima.

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