Cómo corregir problemas comunes de imagen en WordPress (Guía definitiva)

Gestionar imágenes en WordPress no siempre es sencillo. Sin las herramientas o técnicas adecuadas, solucionar problemas relacionados con las imágenes puede ser frustrante y llevar mucho tiempo.

Aunque las imágenes son la clave para hacer que su sitio WordPress sea atractivo y visualmente atractivo, pueden surgir problemas. Hemos sabido de muchos usuarios que sospechan que sus imágenes están afectando a los tiempos de carga del sitio, la calidad de visualización o el tamaño.

Estos problemas pueden afectar negativamente al rendimiento de su sitio y a la experiencia del usuario.

En WPBeginner, llevamos más de 16 años utilizando WordPress y subiendo imágenes constantemente para mejorar nuestro contenido y aumentar la participación. Durante este tiempo, hemos aprendido las mejores maneras de manejar estos problemas de manera eficiente.

En esta guía, le mostraremos cómo solucionar problemas comunes de imágenes en WordPress, ayudándole a mejorar la velocidad, apariencia y rendimiento general de su sitio.

Dado que se trata de un artículo detallado, aquí tiene la lista de los problemas / conflictos / incidencias relacionados con las imágenes que trataremos en este artículo. Puede utilizar estos enlaces rápidos para omitir un determinado debate:

Cómo subir imágenes en WordPress

WordPress facilita enormemente la subida de imágenes a tus entradas, páginas y zonas sin contenido, como las barras laterales.

Para subir imágenes en entradas y páginas de WordPress, sólo tiene que añadir el bloque Imagen al editor de contenido.

También puede añadir el bloque Imagen simplemente escribiendo /image en un bloque ‘Párrafo’.

El editor empezará a mostrar bloques que puedes insertar en cuanto empieces a escribir.

Ahora WordPress añadirá el bloque Imagen al editor.

Debe hacer clic en el botón “Subir” para seleccionar y subir la imagen desde su ordenador.

También puede seleccionar una imagen previamente cargada desde su ‘Biblioteca multimedia’.

Después de subir la imagen, verá una vista previa en directo de la imagen en el editor de contenido.

También verás ajustes de imagen en el panel derecho. Desde allí, puede proporcionar el texto alternativo de la imagen, seleccionar el tamaño de la imagen y personalizar el estilo de la imagen.

Cómo alinear una imagen a la izquierda o a la derecha en WordPress

Con WordPress, alinear las imágenes a la izquierda, a la derecha o al centro es fácil.

Sólo tiene que seleccionar la imagen haciendo clic en ella y, a continuación, hacer clic en el botón de alineación de la barra de herramientas de bloque.

Es posible que haya notado cómo algunos blogs populares de WordPress utilizan imágenes con texto envuelto alrededor de ellas.

Para ello se utiliza la característica de alineación.

También puede utilizar el bloque “Medios y texto” en lugar del bloque “Imagen”.

Este bloque está hecho específicamente para añadir imágenes junto al texto.

A continuación, puedes subir una imagen y un texto uno al lado del otro.

También puede utilizar la barra de herramientas de bloque para cambiar el lado de la imagen o del texto.

Para una guía detallada, puede comprobar nuestra guía sobre cómo alinear imágenes utilizando el editor de bloques de WordPress.

Cómo añadir leyendas debajo de las imágenes

WordPress te permite añadir fácilmente leyendas a las imágenes. Después de subir una imagen, verá la opción de añadir una leyenda justo debajo de la vista previa de la imagen.

Del mismo modo, también puede añadir títulos a las galerías de imágenes en WordPress. Para más detalles, consulta nuestra guía sobre cómo añadir pies de foto a las imágenes en WordPress.

Cómo mostrar fotos en columnas y filas

A menudo, los usuarios nos preguntan cómo mostrar ordenadamente las fotos en columnas y filas.

Supongamos que quieres compartir fotos de una fiesta de cumpleaños o de las vacaciones. Puedes añadirlas una a una en una entrada, pero parecerá una larga lista de imágenes.

La mejor forma de agrupar tus fotos es creando galerías de imágenes.

WordPress incorpora un bloque “Galería” que permite añadir fácilmente imágenes en filas y columnas con vistas previas en miniatura.

Basta con añadir el bloque “Galería” al editor de entradas y seleccionar las imágenes que desea cargar.

Para obtener instrucciones más detalladas, le recomendamos que consulte nuestra guía sobre cómo crear una galería de imágenes en WordPress.

Cómo crear galerías de imágenes adaptables en WordPress

Usted notará que las galerías de imágenes por defecto de WordPress carecen de varias características. Por ejemplo, tampoco son muy fáciles de navegar.

Si suele subir imágenes y fotografías a su sitio de WordPress, entonces necesitará un plugin de WordPress para galerías de fotos.

Le recomendamos que utilice Envira Gallery. Le permite crear fácilmente galerías de imágenes hermosas y totalmente adaptadas a dispositivos móviles en su sitio de WordPress.

Para obtener más información sobre el plugin, puede consultar nuestra reseña completa de Envira Gallery.

Lo mejor es que añade funciones adicionales como álbumes, plantillas de galerías, uso compartido en redes sociales, pases de diapositivas, marcas de agua, paginación, protección por contraseña, etiquetado, vista a pantalla completa y mucho más.

Otro popular plugin de WordPress para galerías de fotos es NextGEN Gallery. Ofrece muchos diseños de galería y una hermosa caja de luz galería para mostrar imágenes en WordPress.

NextGEN Gallery también incluye potentes características para fotógrafos profesionales como pruebas de fotos, realización de impresiones, protección de imágenes, extensión para Adobe Lightroom, pasarelas de pago de PayPal y Stripe, y mucho más.

Si desea más información, puede consultar nuestro análisis completo de NextGEN Gallery.

Cómo corregir la falta de miniaturas de entradas / imagen destacada

La mayoría de los temas de WordPress te permiten mostrar una imagen destacada con tus artículos. Veamos cómo establecer una imagen destacada en WordPress para evitar que falten miniaturas.

En primer lugar, tienes que hacer clic en “Establecer imagen destacada” para subir la miniatura de tu entrada.

Después de subir la imagen, podrás ver la miniatura de tu entrada en la caja meta de imágenes destacadas, de la siguiente manera.

Para más detalles, consulte nuestra guía sobre cómo añadir una imagen destacada o una miniatura de entrada en WordPress.

Cómo añadir imágenes de portada en entradas y páginas de WordPress

Las imágenes de portada son imágenes anchas o de ancho completo que pueden utilizarse como separador entre las distintas secciones de un artículo o una página de ofertas extensa.

Son muy atractivos y ayudan a los usuarios a explorar fácilmente una página sin sentirse abrumados por demasiado texto.

Para añadir una imagen de portada, basta con añadir el bloque Portada al editor de contenido.

A continuación, deberá subir la imagen que desee utilizar desde su ordenador o seleccionar una de la biblioteca de medios. Si no desea utilizar una imagen, también puede seleccionar un fondo de color como portada.

Ahora verás una vista previa de tu imagen de portada en el editor. Puede cambiar las opciones de visualización de la imagen de portada desde la barra de herramientas del bloque o utilizar los ajustes de la derecha.

Para obtener más información, consulte nuestra guía sobre la diferencia entre imagen de portada e imagen destacada en WordPress y cómo utilizarlas de forma eficaz.

Cómo corregir el problema de la imagen destacada que aparece dos veces

Insertar la imagen destacada dentro del contenido es un error común que cometen los principiantes.

Una vez establecida la imagen destacada, no es necesario insertarla en la entrada junto con el contenido.

Si lo haces, la imagen destacada aparecerá dos veces. Una como imagen destacada y otra como imagen dentro de la entrada.

Puedes añadir otras imágenes dentro de tu entrada, pero tu imagen destacada va en el cuadro de imagen destacada.

Para más detalles, no dude en leer nuestra guía sobre cómo arreglar las imágenes destacadas que aparecen dos veces en las entradas de WordPress.

Cómo recortar imágenes en WordPress

Cuando subes imágenes desde tu teléfono o cámara, suelen ser demasiado grandes.

WordPress crea automáticamente tamaños de imagen pequeños, medianos y grandes para tu subida original. Pero a veces, es posible que necesite recortar la imagen en un tamaño diferente.

WordPress no es Photoshop, pero incluye algunas características básicas de edición de imágenes, como escalar, recortar, voltear y rotar imágenes.

Simplemente vaya a Medios ” Añadir nuevo y suba su imagen. Después de subir la imagen, verá un enlace “Editar” junto a la imagen subida.

Al hacer clic en ella, se abrirá la pantalla “Editar medios”, donde verá un botón “Editar imagen” justo debajo de la imagen. Esto abrirá el editor de imágenes de WordPress.

Desde aquí, puedes hacer clic en el botón “Editar imagen” situado debajo de la vista previa de la imagen. Se abrirá la pantalla de edición de imágenes.

En la pantalla del editor de imágenes, verá botones para realizar algunas tareas básicas de edición de imágenes, como recortar, rotar, cambiar el tamaño, etc.

Si utiliza el editor de bloques, puede recortar imágenes utilizando la función de recorte integrada en la barra de herramientas de imagen.

Basta con hacer clic en un bloque de imagen y seleccionar el icono “Recortar” de la barra de herramientas.

Después, puedes ajustar la relación de aspecto de la imagen y el área recortada de la misma según tus preferencias.

Puedes usar tu relación de aspecto original o una predefinida por WordPress.

Para obtener instrucciones más detalladas, puede consultar nuestra guía sobre cómo recortar, rotar, escalar y voltear imágenes en WordPress.

Cómo añadir una imagen de cabecera en WordPress

Una imagen de cabecera en WordPress es una característica del tema. Muchos temas gratuitos y premium de WordPress son compatibles con / dar soporte a las imágenes de cabecera.

Algunos temas de WordPress permiten establecer una imagen de cabecera para todo el sitio, mientras que otros solo permiten establecer una imagen de cabecera para la página de inicio.

Puedes subir tu propia imagen de cabecera personalizada desde la página Apariencia ” Personalizar.

Si utiliza un tema Block, la ubicación para editar la cabecera de su tema es diferente.

En primer lugar, tienes que ir a Apariencia ” Editor.

A continuación, seleccione “Patrones”.

Esto le llevará a una página donde podrá acceder al patrón de cabecera de su tema.

A continuación, desplácese hasta la sección “Piezas de plantilla”.

Una vez hecho esto, sólo tienes que seleccionar “Cabecera” y hacer clic en la plantilla de cabecera para editarla.

A partir de ahí, puede añadir un bloque de imagen al patrón de cabecera como lo haría en la primera sección de este artículo.

Cómo añadir una imagen de fondo en WordPress

Al igual que la imagen de cabecera personalizada, la imagen de fondo personalizada es una función de los temas de WordPress. Muchos temas de WordPress admiten imágenes de fondo personalizadas.

Visita Apariencia ” Personalizar para iniciar el ‘Personalizador de temas’.

Si puede ver la opción “Imagen de fondo”, su tema admite fondos personalizados.

Es una característica del tema, por lo que varía de un tema a otro. Dependiendo de tu tema, verás diferentes opciones para dar estilo a tu imagen de fondo.

Si tu tema no es compatible con una imagen de fondo, puedes utilizar un plugin para añadir imágenes de fondo a pantalla completa a tu sitio web.

Cómo optimizar imágenes para WordPress sin perder calidad

Uno de los problemas de imagen más comunes con los que se encuentran los usuarios de WordPress es cómo comprimir sus imágenes sin que pierdan calidad.

Además de ser más rápidas de subir, las imágenes optimizadas se cargan más rápido en la portada, lo que mejora la experiencia del usuario y reduce la tasa de rebote. Esto se debe a que consumen menos ancho de banda, lo que permite guardar o ahorrar datos a los usuarios con conexiones a Internet limitadas.

Los motores de búsqueda también tienen en cuenta la velocidad de la página a la hora de clasificar los sitios web. Las imágenes optimizadas contribuyen a acelerar los tiempos de carga, lo que puede mejorar su posición en las búsquedas.

Por suerte, optimizar imágenes es bastante fácil. Todo lo que necesitas es una buena herramienta de optimización de imágenes como Optimole para pasar tus imágenes por ella.

Para más información, consulte nuestra guía sobre cómo optimizar imágenes sin perder calidad.

Además, puede que desee considerar la carga diferida de sus imágenes. Esta táctica evitará que los navegadores carguen las imágenes de su sitio web hasta que el usuario se desplace hacia abajo hasta la ubicación de la imagen.

Cómo añadir atributos de título a las imágenes de WordPress

Aunque no son esenciales para el funcionamiento de la imagen, los atributos de título proporcionan una breve descripción de la imagen que aparece al pasar el cursor sobre ella.

Esto puede mejorar la experiencia del usuario al proporcionar un contexto adicional a sus visitantes. Por ejemplo, si tiene una imagen de una deliciosa tarta de chocolate, un atributo de título como “Tarta de chocolate casera” puede ser útil.

Los atributos de título también pueden ser beneficiosos para el SEO de WordPress. Aunque no tienen un impacto directo en la clasificación de búsqueda, pueden ayudar a los motores de búsqueda a entender el contenido de su imagen y mejorar la accesibilidad de su sitio web.

Para obtener instrucciones paso a paso, compruebe nuestra guía sobre cómo añadir atributos de título a sus imágenes en WordPress.

Cómo encontrar imágenes gratuitas para tus entradas de blog en WordPress

Las imágenes pueden hacer que tus artículos destaquen. Sin embargo, debes respetar los derechos de copyright de otras personas y encontrar imágenes que puedas utilizar legalmente.

Nuestros lectores nos preguntan a menudo acerca de cómo encontrar las mejores imágenes libres de derechos para utilizar en sus entradas.

Hay muchos sitios web donde puedes encontrar imágenes libres de derechos para utilizar. Sin embargo, pronto advertirá que las imágenes de esos sitios parecen sobreutilizadas y genéricas.

Puedes consultar nuestra lista de las mejores fuentes de imágenes gratuitas de dominio público y con licencia CC0 para obtener más referencias.

También puede utilizar la IA para generar imágenes únicas y hacer que sus elementos visuales destaquen sobre los de la competencia.

Cómo clasificar y etiquetar imágenes en WordPress

Si tienes un blog de fotografía, habrás advertido que WordPress no te permite ordenar fotos e imágenes.

¿No sería estupendo poder añadir etiquetas a tus imágenes para que tú y tus usuarios podáis explorarlas fácilmente?

Por suerte, existen algunos plugins que te permiten hacerlo. Para más detalles, consulte nuestro artículo sobre cómo añadir categorías y etiquetas a la biblioteca de medios de WordPress.

Para un blog relacionado con la fotografía, la mejor opción es utilizar Envira Gallery, que viene con una extensión para añadir etiquetas.

Envira Gallery le permite crear hermosas galerías de fotos listas para móviles en WordPress. Mediante el uso de etiquetas, los usuarios pueden filtrar y ordenar fácilmente las fotos sin necesidad de recargar la página.

Cómo importar imágenes externas en WordPress

Esta pregunta se plantea a menudo cuando se está migrando un sitio a WordPress. Es posible que algunas imágenes de su sitio web sigan apuntando a una ubicación antigua.

Esto es especialmente cierto para los usuarios que importan blogs de Blogger, Squarespace o WordPress.com.

Aunque las imágenes de su sitio aparezcan correctamente, siguen cargándose desde una fuente externa. Para resolver este problema, todo lo que necesitas hacer es instalar y activar el plugin Auto Upload Images.

El plugin comprobará si hay imágenes externas una vez que actualices o guardes cualquier entrada o página. Puede hacerlo manualmente para cada entrada o página, o puede editar por lotes todas las entradas y simplemente hacer clic en el botón de actualización.

Para obtener instrucciones detalladas, consulte nuestra guía sobre cómo importar imágenes externas en WordPress.

Cómo Requerir Imágenes Destacadas para Entradas en WordPress

Cuando se ejecuta un sitio de varios autores en WordPress, algunos de sus autores pueden no estar familiarizados con la funcionalidad de la imagen destacada.

En este caso, es posible que desee recordar a usted mismo o a sus usuarios que suban una imagen destacada cada vez que envíen una entrada en WordPress.

Puede hacerlo instalando y activando el plugin PublishPress Checklists.

Una vez activado, el plugin mostrará un signo de exclamación rojo y una pestaña “Lista de comprobación” informando a los usuarios de que esta entrada requiere una imagen destacada.

Tú y tus usuarios podréis guardar entradas como borradores, pero no podréis publicar la entrada hasta que añadáis una imagen destacada.

Consulte nuestro artículo sobre cómo exigir imágenes destacadas para entradas en WordPress para obtener más instrucciones.

Cómo establecer una imagen destacada por defecto en WordPress

Encontrar la imagen destacada perfecta para cada entrada o artículo es una tarea difícil. A veces, es posible que no desee añadir una imagen destacada a una entrada, pero su tema puede parecer torpe sin uno.

Aquí es donde una imagen destacada por defecto puede ser útil. Una imagen destacada por defecto se utiliza cuando un artículo no tiene una imagen destacada propia.

Puedes establecer una imagen destacada por defecto utilizando el plugin Imagen destacada por defecto.

Para más instrucciones, consulte nuestra guía sobre cómo establecer una imagen destacada por defecto en WordPress.

Cómo crear tamaños de imagen adicionales en WordPress

Por defecto, WordPress crea y guarda diferentes tamaños de las imágenes subidas, incluidas las miniaturas. Tu tema de WordPress también puede generar diferentes tamaños de imagen.

Si desea crear tamaños de imagen adicionales para su sitio web WordPress, deberá registrarlos añadiendo código personalizado al archivo functions.php de su tema.

Para obtener más información, consulte nuestra guía sobre cómo crear tamaños de imagen adicionales en WordPress.

Cómo evitar que WordPress genere tamaños de imagen

Como se explicó anteriormente, WordPress crea múltiples tamaños de imagen para sus subidas, incluyendo miniaturas, medianas y grandes tamaños. Esto es útil para mostrar imágenes en diferentes contextos en tu sitio web.

Sin embargo, si utiliza tamaños de imagen personalizados o desea optimizar el espacio de almacenamiento de su sitio web, puede evitar que WordPress genere estos tamaños adicionales.

Para saber cómo hacerlo, puede leer nuestro tutorial sobre cómo evitar que WordPress genere imágenes de múltiples tamaños.

Cómo evitar el robo de imágenes en WordPress

A veces, los usuarios pueden robar imágenes de su sitio web WordPress para utilizarlas en sus propios sitios. Esto puede ser muy frustrante, sobre todo si haces tus propias fotos o creas tus propios gráficos.

Por suerte, puedes evitar el robo de imágenes desactivando el botón derecho del ratón, añadiendo una marca de agua a tus imágenes, desactivando los enlaces directos y añadiendo avisos de copyright.

Para obtener más información, consulte nuestra guía sobre cómo evitar el robo de imágenes en WordPress.

Esperamos que este artículo te haya ayudado a solucionar algunos de los problemas de imagen más comunes en WordPress. También puedes consultar nuestra guía para principiantes sobre cómo solucionar errores de WordPress y nuestra práctica guía sobre cómo restablecer la base de datos de WordPress a la configuración predeterminada.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.