Trabajar con imágenes

Las imágenes mejoran el atractivo visual de tu sitio, transmiten información de manera eficaz y mejoran la experiencia de los visitantes. En esta guía te mostraremos las distintas formas de añadir imágenes a tu web de WordPress.

Se pueden hacer tantas cosas con las imágenes, que las hemos dividido en distintas páginas:

• Para conocer los distintos tipos de archivos de imagen que puedes subir a WordPress.com, consulta la guía Tipos de archivos aceptados.
• Sube una imagen a tu sitio con el bloque Imagen.
• Sube una galería con el bloque Galería o con el bloque Galería de mosaicos.
• Sube una presentación con el bloque Presentación.
• Sube una imagen de encabezado o de banner con el bloque de Fondo.
• Añade una imagen al lado del texto con el bloque Medios y texto o compara dos imágenes con el bloque Comparar las imágenes.
• Encuentra imágenes gratuitas para usarlas en tu web a través de estas fuentes.

• Recorta, cambia el tamaño, gira, alinea y subtitula imágenes mediante los ajustes de bloques del editor de WordPress.
  • Obtén más información sobre estos ajustes en la guía del bloque Imagen o descubre bloques de otros medios.
• Visualiza y elimina imágenes de tu sitio con la sección Medios del escritorio.
• También puedes girar, recortar y voltear imágenes desde Medios. Consulta Editar una imagen en Medios para saber cómo hacerlo.
• Optimiza tus imágenes para que se carguen con rapidez y ocupen un espacio de almacenamiento mínimo.

• Solución de problemas de carga de archivos: ¿tus imágenes no se suben? A continuación, te mostramos algunos consejos para que puedas subir tus imágenes correctamente.
• Solución de problemas con imágenes borrosas: consulta los motivos por los que las imágenes pueden mostrarse borrosas en el sitio aunque la foto original que hayas subido tenga buena calidad.

Estos son algunos ejemplos de cómo puedes mostrar tus imágenes en el editor de WordPress. Las imágenes tendrán un aspecto diferente según el tema que utilices, así que pruébalas en tu sitio.

Todas las imágenes proceden de la biblioteca de fotos gratuitas de Pexels.

Utiliza el bloque Imagen para añadir imágenes únicas.

Estilo por defecto:

Estilo redondeado:

Para mostrar dos imágenes una al lado de la otra, usa el bloque Galería:

Si ya has insertado una imagen, puedes arrastrar y soltar rápidamente una segunda y colocarla junto a la primera. Cuando arrastres el archivo de imagen desde el ordenador, mantenlo pulsado hasta que aparezca una línea vertical junto a la primera imagen y, después, suéltalo. A continuación, te dejamos un vídeo de demostración en el que se indica cómo arrastrar y soltar una imagen nueva junto a una existente:

El bloque Medios y texto permite colocar una imagen o un vídeo junto a un texto. También dispone de una práctica opción para apilar los medios y el texto en dispositivos móviles:

Si quieres conocer otras formas de alinear texto alrededor de una imagen, consulta nuestra guía Alinear imágenes y texto.

Utiliza un bloque de Fondo para las imágenes de cabecera y para un banner de ancho completo. Puedes poner la imagen como fondo fijo (también conocido como «efecto de paralaje» o «desplazamiento de paralaje»), añadir una superposición de colores e incluso añadir texto y otros contenidos encima de la imagen.

Fondo fijo con el efecto de paralaje:

Fondo no fijo:

Usa el bloque Galería para mostrar varias fotos organizadas de formas atrayentes.

Usa el bloque Presentación para compartir muchas imágenes sin ocupar mucho espacio en una página o publicación.

El bloque Galería de mosaicos tiene cuatro estilos diferentes:

• Mosaico apilado
• Cuadrícula circular
• Mosaicos cuadrados
• Columnas en mosaico

Mosaico apilado

Cuadrícula circular

Mosaicos cuadrados con la opción de esquinas redondeadas

Columnas en mosaico

Con el bloque Comparar las imágenes, puedes superponer dos imágenes y utilizar una barra deslizadora para mostrar las diferencias entre las dos imágenes. La barra deslizadora puede moverse de un lado a otro o de arriba a abajo.