Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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.

Fixing common image issues in WordPress

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:

¿Necesita ayuda para solucionar problemas de imagen en WordPress? En WPBeginner Pro Services, ofrecemos soporte de emergencia asequible para WordPress para resolver todos sus problemas de imagen de WordPress u otros problemas del sitio web – de forma rápida y fiable. Deje de estresarse por su sitio web y ocúpese de él. ¡Eche un vistazo a nuestros Servicios de Soporte WordPress de Emergencia hoy mismo!

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.

Adding an image block to your WordPress website

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.

Adding image block

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.

Select and upload image

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.

Image preview

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.

Consejo profesional: ¿Tienes problemas para subir imágenes a WordPress? Echa un vistazo a nuestra guía sobre cómo solucionar el problema de carga de imágenes en WordPress.

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.

Image alignment options

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.

Image aligned left with text on the right

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.

Media and text block

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.

Image next to the text in WordPress

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.

Write caption for an image in WordPress

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.

Adding a gallery in WordPress

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.

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

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.

Setting a featured image for a WordPress post

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.

Featured image preview in post editor

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.

Add the Cover block

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.

Consejo de experto: Es mejor utilizar una imagen grande para obtener un mejor resultado.

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.

Cover image preview

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.

Featured image appearing twice

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.

Editing image in 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.

WordPress image editing features

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.

Clicking the Crop button in the Image Block Toolbar

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.

Selecting an aspect ratio in the Image Block Toolbar

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.

Header options

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.

Selecting the Full-Site Editor from the WordPress admin panel

A continuación, seleccione “Patrones”.

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

Patterns in site editor

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.

Selecting the Header pattern on the WordPress Block Editor

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.

Custom background

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.

Compressing images automatically using powerful machine learning algorithms

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.

An example of an image with a title attribute in WordPress

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.

Finding images for blog posts

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.

Filter images by category

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.

Envira Gallery tags feature

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.

Auto Upload Images plugin settings

Atención: Este plugin no ha sido probado con las actualizaciones más recientes de WordPress. Dicho esto, lo hemos probado nosotros mismos, y funciona bien para nuestras necesidades. Si tienes dudas sobre el uso de plugins no probados, te recomendamos que leas nuestro artículo al respecto: ¿Debería instalar plugins no probados con su versión de WordPress?

¿Has descubierto un plugin que funcione mejor para este propósito? Entonces, ¡nos encantaría escuchar tus sugerencias en los comentarios!

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.

Publish button will be disabled

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.

Default featured image

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.

¿Necesita ayuda con su diseño WordPress? WPBeginner Pro Services también ofrece diseño de sitios web WordPress sin estrés para resolver todos sus problemas de diseño de sitios web. Consiga que su sitio web luzca lo mejor posible con la ayuda de un diseñador profesional. ¡ Programe una consulta de diseño de WordPress ahora!

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

264 comentariosLeave a Reply

  1. ViralMusk

    Hello,
    My website isnt displaying images at the front homepage, but all images appears on the post page….What’s the issue and how to resolve it

  2. Dominic

    Kindly advice what the issue may be image not showing on website

  3. Wendy

    Hi… I am using WordPress 5.2 (latest version) and php is 7.2. I have been trying to set featured images on posts but the image is not displaying? However my images are showing for my previously loaded posts ( from several years ago) but not the two new additional posts. I upload and attach from within the WordPress Editor. I have tried everything suggested on the WP Site and other sites and cannot find any useful information, anywhere that is helping. Featured image is still not showing on pages. Do you have any insight or suggestions?

    • WPBeginner Support

      It is hard to say the specific reason, have you had any error messages on your site or when you’re uploading the image?

      Admin

  4. Ashley

    Hi! I am having difficulty editing the image that comes up when someone sends our website link via facebook or messenger, how do I change this? Thanks!

  5. Denise

    I am using WordPress 5.2 (latest version). I have been trying to set my featured image. I upload and attached from within the WordPress Editor. Within moments, the featured image disappears! So does my written excerpt. I cannot find any useful information, anywhere. I have installed the Health Check plug in. I updated my PHP. I went through all of my JetPack setting. Nope. Featured image still keeps disappearing. Do you have any insight?

  6. Arun Dixit

    Thanks for amazing article. I am a new blogger. I use twenty seventeen theme (default wp theme). I have one image at the start of every post. (Not a featured image). I have a blog page where latest 3 posts are listed WITHOUT image I put on the post. My query is what needs to be done so that this blog page lists latest 3 posts WITH images?

    awaiting reply on my above mail.

    thanks again

    Arun Dixit

    • WPBeginner Support

      For the image that appears on the blog page, you would need to set the featured image on the post itself and be sure to clear any caching on your site for it to appear properly.

      Admin

  7. Alexandra

    The issue I am having is with Kale (Basic) Header Image. My header image yesterday was definitely centered with the rest of my main page. Today it goes all the way to the right of the screen. It looks really unprofessional and very off centered. I can’t figure out for the life of me why this is happening.

    • WPBeginner Support

      For errors with a specific theme, if you reach out to the theme’s support they should be able to assist you with the site not displaying correctly.

      Admin

  8. Carol

    My problem is different from any of the above. I added some Amazon graphics of book covers and all was well. Now they have disappeared completely, instead little boxes show as placeholders. Clicking on a box takes you to the Amazon site, however. I had done nothing in the meantime except create content, and suddenly this happened. The html coding was added in the Text part of the page. What happened and how do I fix it?

  9. Kirtish

    While trying to insert image in the middle of post, cursor auto jump to top of the page and unable to add image .Looking for help tried in explorer,chrome and firefox

  10. Jason McGathey

    Hi everyone. I’m trying to create an image with multiple links inside of it, depending upon where the mouse is clicked. I believe this is known as creating an HTML map for the image. All of the explanations seem really simple and straightforward online – and are pretty much the same wherever I go – but none of it works. Does anyone know of some common reasons why this wouldn’t work correctly on WordPress? Someone suggested I might have an image optimization plug-in which is blocking this feature somehow. Someone else suggested I try changing themes. So far following through on these ideas hasn’t helped, however. Any advice would be appreciated!

  11. Glasgow

    When sharing my blog posts, the featured image of the post doesn’t appear as the post’s favicon anymore. Can you help?

  12. esther

    I have just updated my WP theme (to Revelar). In most of my previous posts I have actually not used a featured image. Since the change, my posts display the first image twice, unless I had set a featured images- where the featured image is set, the post displays the featured images first, followed by the actual first image. I have checked the Setting for Featured Images for each post and they are empty (where not set in the past). What I would expect is the post to look as designed and the Featured image only to be visible in FB and the like. Certainly no duplication within the post. Is this an issue with that theme, or are there any other settings that I might have missed?

  13. Molly

    I’m having issues with my custom header. Ive added it to my blog and it looks perfectly fine on a desktop and tablet, but it doesn’t fit properly on a mobile. its really zoomed in and cut off. Do you have any tips/advice on how to fix this? thanks!

  14. Dan

    When I post my blog on FaceBook or Twitter, my featured image doesn’t appear; only a blank box to the left of my title. Can this be fixed?

  15. Steven Green

    Good article, but for some reason my photos and text are not displaying properly now when they did before. When I align left or right it shows the text next to the photo in the edit page screen (visual) but when I load the site up the text is all below the image leaving a big gap. I’d appreciate some advice please.

    Thanks

  16. Norma elliott

    Hi great site and lots of helpful information. I was wondering if you would have some advice on something I’m having a problem with on my blog . I post an article and attach pictures then few weeks down the line the articles can only be viewed on large electronic devices and not mobile devices . They were seen originally on mobile devices then disappear. I have attached a plug in update which was advised by HostGator. This did not rectify anything though

    • WPBeginner Support

      Hi Norma,

      You can go go to Appearance > Themes page and then switch to a default WordPress theme like twenty seventeen. See if this solves the problem, if it does, then your theme is causing the issue and you need to find a different theme.

      Admin

  17. Hannah

    All of my images, no matter where I place them on the page will only show at the top of the post when published or previewed.
    How do I make them stay in place within the text?

  18. David

    I’ve scaled all my featured images down to 320 x 200 from 800 x 500, to enhance load times, but I’m not seeing any savings in Pingdom and GT Metrix.

    It’s as if WordPress is telling me the images are now minute, 14 kb instead of 80 kb, but the actual full size original images are still being downloaded?

    Frustrating!! Can you please advise. Thanks.

  19. Ken James

    I have an image that is 1700 X 500 of a product label I need to show clearly. I upload it at the regular size, I have my settings to accept an image this large, yet it puts a miniscule picture on the page – everytime. What do I need to do to put a picture on a page the size I want it? Is that something too difficult to ask for? Why does WP make everything so ^)&)*)_) complicated. This is basic stuff here.

    • Susan Dawson

      On my WP site the featured image sometime needs to be a different size. It appears to be set to populate in my blog at the same size which happens most posts. But every once in a while the image comes into the blog through the featured image extra big. How can I adjust this?

    • Laura

      Hi there, this is a great article, thanks. I’ve followed the instructions for adding a header image but all I get is grey. It thinks there is an image because it shows a thumbnail in the customization panel. What am I doing wrong? Thanks

  20. Danielle

    Hello! Thank you so much for this article. It was very helpful.

    Perhaps I missed this information, but I am still having an issue.

    My readers and I cannot see my sitewide banner when we access my website.

    I can see the sitewide banner when I access my website from my account on WordPress but when I look at it through my phone, an incognito window, or someones else’s laptop the banner is not visible. Instead, a question mark or tiny image box is where the banner usually is.

    Any suggestions on how to fix this issue would be absolutely amazing.

    Thank you in advance!

  21. Prasad Dusane

    hi,
    my website is not showing the images,

    I deactivate wp smush, w3total catch and jetpack still this problem is happening.

    please tell me what should I do?

  22. Stuart Simpson

    My problem with WordPress 2017 is that the featured image appears on the blog post and website, but does not appear as a thumbnail when posting to Facebook. I have Yoast and all seems okay but when try to post, only website link appears, but no featured image!

  23. Ali

    Websites like you is the reason we use adblockers. DO NOT USE FULLSCREEN ADS

    • Editorial Staff

      Hi Ali,

      You saw a fullscreen ad on our website? We do not sell any ads of this sort.

      Are you talking about our email optin exit-pop? If so that should only show once for a user.

      -Syed

      Admin

    • Shawn

      Could not resist this.
      States they use A Blockers, assuming. But still got a popup.
      Lets ponder on that for a few here……..

      Any ways… what we need is tutorials on how NOT to send your images to your web developers. Nothing beats chopped up images that generate faceless thumbs o.O. Feaken awesome when you receive camera photos, but not all the same size and odd shapes that cause faceless (Chopped at mouth in some instances) photos. WP does great thumb generation. Now to deal with user flaws. :)

  24. framipek

    Can you help me… i would like to delete and upload new illustration image. I start to upload to gallery and then a system goes wrong…

    Uploaded file cannot be moved to wp-content/uploads/2015/11

  25. Shannon Costill

    Wow – such a great article!! Lots of tips I need to revisit later.

    Do you know of a plugin that finds unused images you may have uploaded and never used?

    I had a habit of doing this, not realizing it would slow down my site…. now I can’t remember what I used and what I didn’t use.

    Thanks so much!
    Shannon

  26. Ehtisham

    Hello there, I have posted some posts in my category and they all have featured images but they are all showing different sizes on the page…So is there any method that I can fix all of ‘em with exact one size …
    Mean they all show with one size
    Here it is

  27. Nicole

    I’m having an issue uploading images. I keep getting this messages:

    “DSC01398.ARW” has failed to upload.
    Sorry, this file type is not permitted for security reasons.

    What does this mean? And what do I need to do to fix this? It wasn’t doing this before.

    Thank you

    • WPBeginner Support

      Hi Nicole,

      The .ARW file is a raw image file supported by your camera. You will need to save it into a compressed file format like JPEG. Several image editing programs (Adobe Photoshop)can help you convert the file. You can also find online tools to help you convert it.

      Admin

  28. David Lawson

    Hi. When I’m logged in as an admin and I look at my site, all of the pictures are clear. But when I go to the website from a different browser or just log out, every picture is blurry. Can you help me figure out what the problem is?

  29. Ashutosh

    Hi, i have one issue. In here featured images are showing but images inside the post are not opening. Don’t know why please help.

  30. Sarah

    Hello. I just started a blog recently, and this article is very helpful. Thank you. I wonder if you can help with a problem I am having with headers using the Tuulikki theme. I uploaded my logo for the “post page header,” but I am unhappy with the way it “floats” in the middle of the page while scrolling down. I would like it to remain in the navigation bar. I would also be happy to remove it altogether, but when I tried that, my website url appeared in the navigation bar and my large homepage logo drops down during scrolldown and takes up about half of the page. Any tips would be much appreciated!

  31. Corey

    How do you resize header images or force a resize? I’m using 2013 and WordPress displays a 565 pixel wide image in the header and blows it up beyong the bounds of screen.

  32. pezo

    Hi,
    Thank you for the helpful post and quick question: when publishing our posts with image they arrive the e-mail accounts from our subscribers without the image. how can I fix that please? Thank you tons, and thank you so much for your help

    PEZO

  33. Pseudoverse

    You’re my hero! Thank you for explaining how to set a feature image in such plain English. I’m new to site building and get so tripped up on the little things. Seriously, thank you for sharing!

  34. Trinity

    Hello!
    Thank so much for putting this guide together! My problem is that I have the images on my post and when they ALL show it’s great.. but sometimes it shows up perfectly and other times only half my pictures show up — this is both mobile and desktop. I’ve re-uploaded the images and made sure to import it into wordpress’s gallery but it’s still happening.

    Please help!!

    Thank you

  35. Patrick

    Hello,
    Thank you for the helpful tips. I am still having an issue with aligning my pictures. They are properly aligned with the text wrapping around them – exactly how I want it – but when I preview it they still are not aligned and there is no text wrapping.
    What am I doing wrong!?
    Thank you for any help you can give me.

  36. Kristine

    I have recently changed laptops from windows to a mac.

    I changed my default browser to Chrome from the Safari that Macs come with.

    Now when I go to upload an image in Chrome, I get an http error in WP post, also I cannot upload any image with Chrome on Mac into my WP site.

    However, when I switched browsers back to Safari, my images uploaded like normal.

    I would rather use Chrome. Any suggestions on how to fix this image problem on my site while using Chrome so that I do not have to switch back and forth to Safari? Thank you

    • WPBeginner Support

      Hey Kristine,

      Try to log out of your WordPress admin area in Google Chrome. Clear your browser cookies and cache. Restart your browser and login to WordPress admin area. If that doesn’t work, then please try steps mentioned in our WordPress troubleshooting guide.

      Admin

  37. Victoria Winifred

    when I type my website address into someone’s Facebook page, a picture appears with it that is not the picture I want to be the preview for my web address. For example, right now it’s posted one of the pictures from my last blog. I don’t want to feature a picture that shows up in every blog I make, but I want a specific one to show whenever I list my web address . How do I do thst? Many thanks!

    • WPBeginner Support

      Hi Victoria,

      Facebook uses open graph meta data from your website to display a thumbnail. If it isn’t present, then it automatically picks any other image from your site. To make sure you see the appropriate image, you will need to tell Facebook which one to show. For instructions, please see our guide on how to add Facebook Open Garph data in WordPress.

      Admin

  38. Leslie

    I just changed themes. My blog page list used to show the images I used for each post (content image, not featured image). I use the URL for the images, not my media library. The individual post page shows the images, but the blog list page does not unless I add the image to the media library. Is there any code and/or plug-in I can use to make sure the image is included on the blog list page when I add it to the content of the individual post? Is there a way to populate the posts that included the image in the past, but no longer show the image on the list page? Thanks!!!

  39. Gordy Gordon

    My page header calls for 2560x500pixels. But when I create a header in those specs, WP displays it huge. Only part of the header shows up. My site is in case you need to see it.
    THANKS, very aggravating.

  40. Carrie

    I suddenly have a shadow message on my photo for the header. I have tried everything I know how to delete it but can’t. Your assistance is appreciated.

    warning: call_user_function_array () expects parameter 1 to be a valid callback, function” primer_ video_ header” not found etc etc etc

  41. Ruth MacGilp

    Hi. I migrated with you guys from blogger to wordpress. Now all of my images on old blog posts are blurry. Is there a way to change them all in bulk? The regenerate thumbnails thing doesn’t work. Do I have to literally go and resize them all one by one?

    • WPBeginner Support

      Hey Ruth,

      Can you please share your site’s link here in the comment so that we can look at it? Thanks

      Admin

  42. Rajesh Chourasia

    I always prefer wp beginner for my website for fix to any error and this site is one of the best platform for any problem solution

  43. Jalal CHARAF

    Hi there,

    Many images diappeared from the website and seem to be missing from the Media Library thumbnail. They seem to still be there but it is a gray square and it shows no picture when I open it on the library apart from the name of the file.

    Any idea how to solve this?

    Jalal

  44. desi

    hello i recently started creating a blog with bluehost via wordpress, however the one issue i cant seem to find help with is that when i want to upload an image i click select files and nothing happens, it doesnt bring up any of my pictures i dont know what to do. i tried the upload files tab and the media library tab.. nothing please help with any advice

  45. Chris Gardner

    I’ve had my WordPress blog for a few years but have, on more than one occasion, somehow accidentally increased the size, only on my view. I’ve checked and it’s okay on my partner’s laptop but it’s just enormous on mine. I found the solution twice before on google but can’t find it now. I know it was something very simple but I can’t remember what! Repeating, it is just my view that’s grown, not the blog itself.

    • WPBeginner Support

      Hi Chris,

      It is probably your browser’s zoom settings. If you are using Google Chrome, then press CTRL+0 (Command+0 on Mac) keys on your keyboard.

      Admin

  46. Shanuka

    I m uploading products into shop menu. When I enter the text the image scales and change the size and all the images are different sized depending on how long is my text. How do I have a fixed size?

  47. Thomas

    Hello,

    Please how do I fix this issue I have each time I try uploading image.

    “Unable to create directory wp-content/uploads/2017/03. Is its parent directory writable by the server?”

    Thank you

    Thomas

      • Thomas

        I have changed the folder and file permissions as recommended but I am still getting the error

        “Unable to create directory wp-content/uploads/2017/03. Is its parent directory writable by the server?”

        each time I try uploading image or file.

        What more can I do to resolve this.

        Thomas

  48. Sharon

    Hi Wpbeginner,

    We have just bought the Tuulikki Template from Creative Market.
    Unfortunately our imported images (from Blogger) don’t show.
    There are no images on our homepage. Only when you click on a link and open the blogpost, sometimes the image within will show. So this means they are uploaded and somewhere in there, right? We can’t figure out why they aren’t showing on the homepage and how to fix this. We hope you can help us out.
    Thank you so much in advance

  49. Folly KUEGAH CHOUCHOUDA

    I have some issue with my site ; wordpress of course ; image header and sometimes footer too broke , how could I fix it? I have done all i can do , but nothing .

  50. Matus

    I really like your feature images on WPBeginner.
    What fonts are you using there?

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.