Documentación / Diseño

Imágenes y multimedia

Las imágenes hacen mucho trabajo en una página. Marcan el ambiente, muestran productos y rompen los bloques largos de texto. Remake guarda cada imagen que subes en una biblioteca de medios para que puedas reutilizarla.

Actualizado el

Añadir una imagen

Añade un bloque Imagen y luego elige una imagen de la biblioteca de medios o sube una nueva.

Puedes subir:

  • PNG

  • JPEG

  • WebP

  • GIF

  • SVG

  • AVIF

El límite por archivo es de 20 MB. Casi nunca hace falta usar originales enormes. Una foto que se ve nítida a 1600 píxeles de ancho es suficiente para la mayoría de las páginas.

Reutilizar imágenes de la biblioteca de medios

La biblioteca de medios guarda todas las imágenes del proyecto. Usa el campo de búsqueda para encontrar una por su nombre y luego selecciónala.

Reutilizar una imagen no crea una copia. Si sustituyes la imagen en un sitio, solo cambia ese bloque; la biblioteca conserva el archivo original.

Texto alternativo

El texto alternativo describe una imagen para quien no puede verla. Los lectores de pantalla lo leen en voz alta y aparece si la imagen no carga.

Escribe qué muestra la imagen y por qué importa:

  • Bien: "Una alfarera dando forma a un bol con el torno."

  • Poco útil: "Imagen."

  • Bien para un producto: "Taza de cerámica azul con esmalte moteado."

  • Imagen decorativa: deja el texto alternativo vacío.

No empieces con "Imagen de". El lector de pantalla ya avisa de que es una imagen.

Tamaño y forma

Las imágenes mantienen sus proporciones por defecto, así que no se estiran. Usa la pestaña Caja para fijar el ancho y los controles de recorte o sustitución de la pestaña Imagen cuando necesites otra forma.

Si una imagen es demasiado alta en el móvil, dale una altura máxima o colócala en una columna que se apile. Evita las alturas fijas que cortan partes importantes de la foto.

Enlazar una imagen

Una imagen puede enlazar a una página, una URL, una dirección de correo o un número de teléfono. Selecciona la imagen y abre Acción para configurar el enlace.

Las imágenes enlazadas son habituales en logotipos, fotos de producto y elementos de galería. Asegúrate de que el enlace se note lo suficiente para que los visitantes sepan que pueden hacer clic.

Imágenes de fondo

Un bloque Imagen de fondo coloca una imagen detrás del resto del contenido. Úsalo para una sección de portada, una cita sobre una foto o un banner a todo el ancho.

El texto sobre una foto necesita contraste. Un oscurecido o un panel sólido detrás del texto suele funcionar mejor que una sombra en el texto.

Imágenes de una colección

Un campo de imagen en una colección te deja elegir una imagen para cada elemento. En un repetidor o en la página de un elemento, la imagen viene del elemento actual.

Así puedes montar un portafolio, una lista de productos o una página de equipo sin editar cada tarjeta a mano.

Lee Campos de colección para ver las opciones del campo de imagen.

Calidad y velocidad de las imágenes

Remake sirve las imágenes en varios tamaños, así que un móvil no descarga un archivo pensado para escritorio. Aun así, conviene partir de un original razonable.

Algunos hábitos que ayudan:

  • Exporta las fotos al tamaño al que se van a ver, no a la resolución de la cámara.

  • Usa WebP o AVIF siempre que puedas. Pesan menos que JPEG con una calidad parecida.

  • No subas una imagen de 4000 píxeles para una tarjeta de 300 píxeles.

  • Comprime las capturas de pantalla antes de subirlas.

Una receta sencilla para empezar

Para una imagen de portada:

  1. Añade una sección.

  2. Añade una imagen de fondo o un bloque de imagen grande.

  3. Añade un título y un párrafo corto encima.

  4. Añade un oscurecido si el texto cuesta de leer.

  5. Revisa la imagen en el móvil, sobre todo la parte que se recorta.

Para una galería:

  1. Crea una colección con un campo de imagen.

  2. Activa las páginas de la colección.

  3. Añade un repetidor a la página de listado.

  4. Coloca una imagen dentro del repetidor y vincúlala al campo de imagen.

Lee Repetidores para el último paso.

Remake

Un creador de sitios web que funciona como un documento. CMS, formularios y alojamiento en la UE incluidos.

© 2026 Remake. Todos los derechos reservados.