{"id":1001,"date":"2023-05-24T20:32:57","date_gmt":"2023-05-24T17:32:57","guid":{"rendered":"https:\/\/presta.site\/blog\/que-hacer-si-las-imagenes-no-se-muestran-en-tu-tienda-prestashop\/"},"modified":"2026-07-22T08:38:27","modified_gmt":"2026-07-22T05:38:27","slug":"que-hacer-si-las-imagenes-no-se-muestran-en-tu-tienda-prestashop","status":"publish","type":"post","link":"https:\/\/presta.site\/blog\/es\/que-hacer-si-las-imagenes-no-se-muestran-en-tu-tienda-prestashop\/","title":{"rendered":"Im\u00e1genes PrestaShop no se muestran: correcciones f\u00e1ciles para 10 causas comunes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Cuando las <strong>im\u00e1genes prestashop no se muestran<\/strong> en p\u00e1ginas de producto, categor\u00edas o la p\u00e1gina de inicio, los compradores ven iconos rotos en lugar del cat\u00e1logo. Los archivos suelen seguir en el servidor &#8211; PrestaShop simplemente no puede servir la ruta, el tama\u00f1o o la regla de reescritura correcta. Esta gu\u00eda recorre un paso de diagn\u00f3stico r\u00e1pido, c\u00f3mo se almacenan las im\u00e1genes, las causas habituales y las correcciones que resuelven la mayor\u00eda de los casos sin una reinstalaci\u00f3n completa.<\/p>\n\n\n<!--more-->\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/2023\/05\/Screenshot_3-1-1024x516.png\" alt=\"im\u00e1genes prestashop no se muestran - miniaturas de producto ausentes en la tienda\" class=\"wp-image-666\" srcset=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/2023\/05\/Screenshot_3-1-1024x516.png 1024w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2023\/05\/Screenshot_3-1-300x151.png 300w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2023\/05\/Screenshot_3-1-768x387.png 768w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2023\/05\/Screenshot_3-1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Diagnostique primero (dos minutos)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de tocar permisos o regenerar todo, determine <em>c\u00f3mo<\/em> falla realmente la visualizaci\u00f3n en el navegador cuando las im\u00e1genes prestashop no se muestran:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Abra la URL de la imagen sola<\/strong> &#8211; clic derecho en una imagen rota \u2192 Abrir imagen en una pesta\u00f1a nueva. Anote el estado: <strong>404<\/strong> (archivo o reescritura ausente), <strong>403<\/strong> (permisos \/ reglas de hotlink) o la imagen carga pero la p\u00e1gina sigue rota (tema o m\u00f3dulo de carga diferida).<\/li>\n<li><strong>Revise la consola del navegador<\/strong> &#8211; las advertencias de contenido mixto indican que la p\u00e1gina es <code class=\"codecolorer text default\"><span class=\"text\">https:\/\/<\/span><\/code> pero el <code class=\"codecolorer text default\"><span class=\"text\">src<\/span><\/code> sigue siendo <code class=\"codecolorer text default\"><span class=\"text\">http:\/\/<\/span><\/code>.<\/li>\n<li><strong>Compare Back Office y tienda<\/strong> &#8211; si el formulario de producto muestra la foto pero la tienda est\u00e1 vac\u00eda, las miniaturas, las reescrituras Friendly URL o el dominio de la tienda son los sospechosos habituales. Si ambos lados est\u00e1n vac\u00edos, busque un archivo ausente en disco o una fila de base de datos sin archivo correspondiente.<\/li>\n<li><strong>Active y desactive Friendly URL una vez<\/strong> &#8211; Par\u00e1metros de la tienda \u2192 Tr\u00e1fico y SEO. Si las im\u00e1genes solo aparecen con Friendly URL desactivada, corrija <code class=\"codecolorer text default\"><span class=\"text\">.htaccess<\/span><\/code> \/ reglas de im\u00e1genes de Nginx antes de regenerar todo el cat\u00e1logo.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">PrestaShop guarda los originales y los tama\u00f1os generados en la carpeta <code class=\"codecolorer text default\"><span class=\"text\">\/img\/<\/span><\/code> bajo la ra\u00edz de la tienda. Saber qu\u00e9 directorio contiene qu\u00e9 recursos ahorra tiempo cuando busca un archivo ausente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code class=\"codecolorer text default\"><span class=\"text\">\/img\/p\/<\/span><\/code><\/strong> &#8211; im\u00e1genes de producto. Las subidas se dividen en carpetas anidadas (por ejemplo <code class=\"codecolorer text default\"><span class=\"text\">\/img\/p\/1\/2\/12.jpg<\/span><\/code> para el producto ID 12). PrestaShop tambi\u00e9n genera variantes de miniaturas para listados, carritos y la p\u00e1gina de producto.<\/li>\n<li><strong><code class=\"codecolorer text default\"><span class=\"text\">\/img\/c\/<\/span><\/code><\/strong> &#8211; im\u00e1genes de categor\u00eda, con sus propios tama\u00f1os de miniatura.<\/li>\n<li><strong><code class=\"codecolorer text default\"><span class=\"text\">\/img\/cms\/<\/span><\/code><\/strong> &#8211; im\u00e1genes usadas en p\u00e1ginas CMS. Estas suelen omitir el pipeline de miniaturas de producto, as\u00ed que regenerar miniaturas de producto no reparar\u00e1 una ruta de medios CMS rota.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si la URL de la tienda de una imagen devuelve 404 mientras el archivo existe en disco, revise permisos, reescrituras de <code class=\"codecolorer text default\"><span class=\"text\">.htaccess<\/span><\/code> \/ Nginx y tipos de miniatura antes de volver a subir cada foto. Los problemas de Friendly URL suelen ir junto a fallos de ruta de imagen &#8211; consulte <a href=\"https:\/\/presta.site\/blog\/es\/resolviendo-los-problemas-de-reescritura-de-url-seo-en-prestashop\/\">resolver los problemas de reescritura de URL SEO en PrestaShop<\/a> cuando los enlaces de producto y las URL de medios fallan a la vez.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Causas comunes cuando las im\u00e1genes prestashop no se muestran<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Permisos de archivo incorrectos<\/strong> &#8211; el servidor web no puede leer (ni escribir) archivos bajo <code class=\"codecolorer text default\"><span class=\"text\">\/img\/<\/span><\/code>.<\/li>\n<li><strong><code class=\"codecolorer text default\"><span class=\"text\">.htaccess<\/span><\/code> roto o incompleto<\/strong> &#8211; especialmente tras una mudanza, un cambio a HTTPS o una edici\u00f3n manual.<\/li>\n<li><strong>Dominio de tienda, dominio SSL o URI base incorrectos<\/strong> &#8211; tras una migraci\u00f3n, las URL de imagen siguen apuntando al host o carpeta antiguos.<\/li>\n<li><strong>Configuraci\u00f3n de tipos de imagen<\/strong> &#8211; formatos ausentes o de tama\u00f1o cero en Dise\u00f1o \u2192 Ajustes de im\u00e1genes.<\/li>\n<li><strong>Regeneraci\u00f3n de miniaturas interrumpida<\/strong> &#8211; algunos tama\u00f1os nunca terminaron de escribirse.<\/li>\n<li><strong>Biblioteca de im\u00e1genes PHP ausente<\/strong> &#8211; GD o Imagick no instalados, por lo que la regeneraci\u00f3n no puede crear archivos.<\/li>\n<li><strong>M\u00f3dulos relacionados con im\u00e1genes<\/strong> &#8211; m\u00f3dulos de carga diferida, CDN, marca de agua u optimizador que fallan.<\/li>\n<li><strong>Cach\u00e9 obsoleta<\/strong> &#8211; cach\u00e9 de PrestaShop, un m\u00f3dulo de cach\u00e9 o el navegador siguen sirviendo URL antiguas.<\/li>\n<li><strong>Desajuste tras actualizaci\u00f3n o en el sistema de archivos<\/strong> &#8211; el tema espera nuevos tipos de imagen, o un dise\u00f1o legacy vs nuevo de <code class=\"codecolorer text default\"><span class=\"text\">\/img\/p\/<\/span><\/code> tras mover una tienda antigua.<\/li>\n<li><strong>Huecos en reescrituras de Nginx<\/strong> &#8211; las reglas estilo Apache de PrestaShop no aplican; las rutas de imagen necesitan configuraci\u00f3n del servidor.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">El contenido mixto tras forzar HTTPS es otro culpable frecuente: la p\u00e1gina carga por <code class=\"codecolorer text default\"><span class=\"text\">https:\/\/<\/span><\/code> mientras las etiquetas de imagen siguen apuntando a <code class=\"codecolorer text default\"><span class=\"text\">http:\/\/<\/span><\/code>, y los navegadores modernos las bloquean. Confirme que las URL de tienda y medios usan HTTPS en Par\u00e1metros de la tienda \u2192 Tr\u00e1fico y SEO (y en cualquier m\u00f3dulo CDN).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"269\" src=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/2023\/05\/Screenshot_4-1024x269.png\" alt=\"Ajustes de im\u00e1genes de Dise\u00f1o en PrestaShop donde se regeneran miniaturas\" class=\"wp-image-667\" srcset=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/2023\/05\/Screenshot_4-1024x269.png 1024w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2023\/05\/Screenshot_4-300x79.png 300w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2023\/05\/Screenshot_4-768x202.png 768w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2023\/05\/Screenshot_4.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo solucionar cuando las im\u00e1genes prestashop no se muestran<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Corrija permisos en <code class=\"codecolorer text default\"><span class=\"text\">\/img\/<\/span><\/code><\/strong> &#8211; v\u00eda FTP o el administrador de archivos del hosting, los directorios suelen ser <strong>755<\/strong> y los archivos <strong>644<\/strong>. Pruebe <strong>775 \/ 664<\/strong> solo si su hosting requiere escritura de grupo. Evite <strong>777 \/ 666<\/strong> salvo como prueba breve, y luego vuelva a restringir permisos. El usuario web tambi\u00e9n debe poder <em>escribir<\/em> aqu\u00ed o la regeneraci\u00f3n de miniaturas fallar\u00e1 en silencio.<\/li>\n<li><strong>Corrija la URL de la tienda tras una mudanza<\/strong> &#8211; en Par\u00e1metros de la tienda \u2192 Tr\u00e1fico y SEO, configure <strong>Dominio de la tienda<\/strong>, <strong>Dominio SSL<\/strong> y <strong>URI base<\/strong> al host en producci\u00f3n (incluido el subdirectorio si la tienda no est\u00e1 en la ra\u00edz del dominio). Guarde para que PrestaShop reescriba <code class=\"codecolorer text default\"><span class=\"text\">.htaccess<\/span><\/code>. Los dominios incorrectos son una causa principal de que las im\u00e1genes prestashop no se muestran justo tras una migraci\u00f3n. Si los atributos <code class=\"codecolorer text default\"><span class=\"text\">src<\/span><\/code> de imagen siguen mostrando el host antiguo, limpie la cach\u00e9 y revise la configuraci\u00f3n CDN a continuaci\u00f3n.<\/li>\n<li><strong>Regenere <code class=\"codecolorer text default\"><span class=\"text\">.htaccess<\/span><\/code><\/strong> &#8211; en la misma pantalla SEO y URL, guarde la configuraci\u00f3n de Friendly URL para que se reconstruya el <code class=\"codecolorer text default\"><span class=\"text\">.htaccess<\/span><\/code> ra\u00edz. Vuelva a comprobar la URL de una imagen de producto en una ventana privada del navegador.<\/li>\n<li><strong>Confirme GD o Imagick<\/strong> &#8211; PrestaShop necesita una extensi\u00f3n de imagen PHP para redimensionar subidas. En el servidor, compruebe que <a href=\"https:\/\/www.php.net\/manual\/en\/book.image.php\" target=\"_blank\" rel=\"noopener noreferrer\">PHP GD<\/a> (o Imagick) est\u00e1 habilitado para la misma versi\u00f3n de PHP que usa la tienda. Sin ello, Dise\u00f1o \u2192 Ajustes de im\u00e1genes puede verse bien mientras no aparecen miniaturas nuevas en disco.<\/li>\n<li><strong>Revise tipos de imagen y regenere miniaturas<\/strong> &#8211; vaya a Dise\u00f1o \u2192 Ajustes de im\u00e1genes. Confirme que cada formato usado por su tema tiene ancho\/alto razonables. Ejecute <strong>Regenerar miniaturas<\/strong>. Las notas oficiales de actualizaci\u00f3n tambi\u00e9n lo mencionan cuando las im\u00e1genes desaparecen tras un salto de versi\u00f3n &#8211; consulte la <a href=\"https:\/\/devdocs.prestashop-project.org\/9\/basics\/keeping-up-to-date\/update\/post-update-checklist\/\" target=\"_blank\" rel=\"noopener noreferrer\">lista de comprobaci\u00f3n post-actualizaci\u00f3n<\/a> de PrestaShop. Este paso solo resuelve una gran parte de los casos de \u00abminiatura rota\u00bb.<\/li>\n<li><strong>Reanude una regeneraci\u00f3n atascada<\/strong> &#8211; si la barra de progreso se detuvo a mitad, env\u00ede el formulario de nuevo con <strong>Borrar im\u00e1genes anteriores<\/strong> desmarcado para que PrestaShop contin\u00fae en lugar de borrar tama\u00f1os terminados y empezar de cero. En cat\u00e1logos grandes, regenere un tipo de imagen a la vez para que un tiempo de espera no oculte d\u00f3nde fall\u00f3.<\/li>\n<li><strong>Rutas de imagen de producto legacy vs nuevas<\/strong> &#8211; tiendas migradas desde versiones muy antiguas de PrestaShop a veces guardan archivos en un dise\u00f1o plano mientras la tienda actual espera carpetas anidadas bajo <code class=\"codecolorer text default\"><span class=\"text\">\/img\/p\/<\/span><\/code> (o al rev\u00e9s). En Ajustes de im\u00e1genes, use la opci\u00f3n de mover im\u00e1genes al nuevo sistema de archivos cuando coincida con sus datos &#8211; luego regenere. No active ese interruptor a ciegas en una tienda en producci\u00f3n sin copia de seguridad.<\/li>\n<li><strong>Aisle m\u00f3dulos de imagen<\/strong> &#8211; desactive m\u00f3dulos recientes de carga diferida, WebP, CDN o marca de agua, limpie la cach\u00e9 y vuelva a probar. Reactive uno a la vez para encontrar el culpable.<\/li>\n<li><strong>Limpie cach\u00e9s<\/strong> &#8211; Par\u00e1metros avanzados \u2192 Rendimiento \u2192 limpiar cach\u00e9. Vac\u00ede cualquier m\u00f3dulo de cach\u00e9\/CDN. Actualice forzadamente o limpie la cach\u00e9 del navegador para no mirar una URL rota antigua.<\/li>\n<li><strong>Tras una actualizaci\u00f3n<\/strong> &#8211; limpie la cach\u00e9, regenere miniaturas y confirme que los tipos de imagen requeridos por el tema activo siguen existiendo en Ajustes de im\u00e1genes. Una actualizaci\u00f3n de tema que a\u00f1ade un formato nuevo mostrar\u00e1 huecos vac\u00edos hasta que se genere ese tipo.<\/li>\n<li><strong>Nginx<\/strong> &#8211; PrestaShop no puede escribir la configuraci\u00f3n de Nginx por usted. Pida al hosting (o a su administrador de sistemas) que mapee correctamente las reglas de imagen y reescritura legacy; compare con un fragmento Nginx de PrestaShop conocido como bueno para su versi\u00f3n principal.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Si el Back Office en s\u00ed muestra pantalla blanca mientras trabaja en estos pasos, tr\u00e1telo primero como un problema aparte de PHP\/registro de errores &#8211; empiece con la <a href=\"https:\/\/presta.site\/blog\/es\/pantalla-blanca-de-la-muerte-en-prestashop-una-guia-paso-a-paso\/\">gu\u00eda paso a paso para la pantalla blanca de la muerte<\/a>, y luego vuelva a la regeneraci\u00f3n de im\u00e1genes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfLas im\u00e1genes prestashop no se muestran a\u00fan tras permisos, comprobaciones de dominio\/URL, reescrituras, regeneraci\u00f3n, m\u00f3dulos y cach\u00e9? Restaure <code class=\"codecolorer text default\"><span class=\"text\">\/img\/<\/span><\/code> (y las filas de imagen de base de datos correspondientes si hace falta) desde una <strong>copia de seguridad<\/strong> conocida como buena. Volver a subir cientos de productos a mano es m\u00e1s lento y f\u00e1cil de desajustar con im\u00e1genes de combinaciones.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mantenga las im\u00e1genes funcionando despu\u00e9s de la correcci\u00f3n<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Haga copias de seguridad con regularidad<\/strong> &#8211; incluya el \u00e1rbol completo <code class=\"codecolorer text default\"><span class=\"text\">\/img\/<\/span><\/code> y la base de datos, no solo archivos PHP.<\/li>\n<li><strong>Pruebe en staging<\/strong> &#8211; pruebe cambios de tema, m\u00f3dulos optimizadores de imagen y actualizaciones mayores en una copia antes de la tienda en producci\u00f3n.<\/li>\n<li><strong>Compruebe puntualmente tras cambios grandes<\/strong> &#8211; tras cada actualizaci\u00f3n, migraci\u00f3n o cambio de CDN, abra un listado de categor\u00eda y una p\u00e1gina de producto en m\u00f3vil y escritorio. Confirme que las miniaturas y las im\u00e1genes de zoom cargan para detectar que las im\u00e1genes prestashop no se muestran antes que los clientes.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">La mayor\u00eda de los tickets de \u00abim\u00e1genes prestashop no se muestran\u00bb terminan con un dominio de tienda correcto, permisos legibles en <code class=\"codecolorer text default\"><span class=\"text\">\/img\/<\/span><\/code>, un <code class=\"codecolorer text default\"><span class=\"text\">.htaccess<\/span><\/code> renovado (o mapa Nginx correcto), GD\/Imagick funcionando y una regeneraci\u00f3n de miniaturas completada con borrado desactivado al reintentar. Trabaje eso antes de reconstruir el cat\u00e1logo.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Cuando las im\u00e1genes prestashop no se muestran, diagnostique primero la URL de la imagen y luego corrija dominio, permisos, GD\/Imagick, reescrituras y regeneraci\u00f3n de miniaturas.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[123],"tags":[],"class_list":["post-1001","post","type-post","status-publish","format-standard","hentry","category-desarrollo"],"_links":{"self":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/1001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/comments?post=1001"}],"version-history":[{"count":1,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/1001\/revisions"}],"predecessor-version":[{"id":1928,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/1001\/revisions\/1928"}],"wp:attachment":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/media?parent=1001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/categories?post=1001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/tags?post=1001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}