La IA diseña tu web, pero no tus fotos: cómo evitarlo

Esta es la verdad sobre los creadores de sitios web con IA en 2026: son espectacularmente buenos con el diseño y espectacularmente malos con tus fotos.

Pídele a ChatGPT, Claude o Gemini que te cree el sitio web de un restaurante y te dará un diseño espectacular: las secciones correctas, una paleta de colores preciosa, tipografía adaptable, un formulario de contacto que funciona, todo. La parte del diseño está prácticamente resuelta.

Pero en cuanto intentas incluir tus propias imágenes (esas que pasaste una tarde fotografiando de tu comida real, tu local real, tu equipo real), las cosas se tuercen. Y rápido.

El problema de las imágenes del que nadie habla

Si alguna vez pegaste una foto en un prompt de IA y le pediste que la incorporara a un sitio web, probablemente ya conoces los resultados:

• Las imágenes se deforman. La IA cambia el tamaño, recorta o estira tus fotos de maneras que las hacen irreconocibles.
• Los rostros quedan desfigurados. Las fotos de equipo vuelven con ediciones inquietantes: dedos de más, rasgos deformados, caras fusionadas.
• La comida parece incomible. Tus platos perfectamente presentados se vuelven a generar como algo propio de una película de terror, no de una carta.
• Los logotipos pierden detalle. Los elementos sutiles de la marca (degradados, líneas finas, transparencias) se aplanan o se redibujan mal.
• Baja la calidad del archivo. Incluso cuando la imagen “parece estar bien”, se ha vuelto a codificar con menor resolución y los defectos se notan en cualquier pantalla moderna.

Esto no es una molestia menor. Para un restaurante, un salón de belleza, una panadería, cualquier negocio donde la identidad visual es el producto, usar imágenes estropeadas por la IA es peor que no usar ninguna. Una foto borrosa de tu plato estrella le dice a los clientes que no te importa la calidad.

¿Por qué a la IA le cuestan las imágenes?

Los modelos de IA que generan código para sitios web (HTML, CSS, JavaScript) son modelos de lenguaje. Se entrenan con texto. Cuando les pides que “incluyan esta imagen”, no están editando la imagen en sí: están generando código que hace referencia a una imagen y, a veces, intentan volver a describir o volver a generar la imagen con un modelo de visión aparte.

El resultado es un juego del teléfono descompuesto:

1. Tú aportas una foto de alta calidad de tu restaurante.
2. La IA describe lo que “ve” en la foto (una mesa, unos platos, luz cálida).
3. Genera una imagen nueva a partir de esa descripción o, peor aún, incrusta una versión codificada en base64 que ha reprocesado.
4. Lo que sale es una imagen vagamente parecida pero fundamentalmente distinta que ya no representa a tu negocio real.

La IA es brillante con la estructura. No está hecha para la fidelidad. Pedirle que reproduzca fielmente tus fotos exactas dentro de un sitio web generado es como pedirle a un novelista que pinte un retrato: la herramienta equivocada para el trabajo.

El flujo inteligente: primero el diseño, después las imágenes

Cuando entiendes el problema, la solución resulta obvia: deja que la IA haga lo que se le da bien (el diseño) y encárgate tú de las imágenes.

Este es el flujo que de verdad funciona:

Paso 1: genera tu sitio web con imágenes de marcador

Usa el Creador de prompts de SiteDrop para preparar el prompt de tu sitio web. Cuando llegues al paso de la estrategia de imágenes, elige imágenes de marcador. Así le indicas a la IA que use recuadros de marcador limpios, del tamaño correcto y con un texto alternativo descriptivo, en lugar de intentar generar o incorporar fotos reales.

El prompt que genera la herramienta incluirá instrucciones como:

Usa imágenes de marcador con texto alternativo descriptivo en todo el sitio. Para la sección principal, usa un marcador con la etiqueta “Interior del restaurante, iluminación ambiental cálida”. Para la galería del menú, usa marcadores etiquetados con el nombre de cada plato.

La IA producirá un sitio con un diseño precioso (estructura perfecta, adaptable a cualquier dispositivo y con exactamente la combinación de colores que elegiste), con recuadros grises donde irán las fotos.

Paso 2: sube el sitio a SiteDrop

Toma el archivo HTML (o el ZIP) que generó la IA y arrástralo a SiteDrop. Tu sitio se publica en segundos, marcadores incluidos. Así tienes una URL real y funcional que puedes abrir en tu teléfono, compartir con un amigo y ver el diseño en acción antes de dedicar tiempo a las imágenes.

Paso 3: sustituye los marcadores por tus fotos reales

Ahora abre tu panel de SiteDrop. Verás todas las imágenes de marcador en una lista, cada una con su descripción (por ejemplo, “Imagen principal: interior del restaurante” o “Plato del menú: pizza margarita”). Haz clic en cualquier marcador y sube tu propia foto. SiteDrop se encarga automáticamente del tamaño, la compresión y la publicación.

Tus imágenes originales van directamente al sitio en línea, sin que la IA las toque. Sin recodificar, sin distorsión, sin pérdida de calidad. La foto que subes es la foto que ven tus clientes.

Por qué este enfoque es mejor

El flujo de marcadores primero no es solo un apaño. Es de verdad la mejor manera de crear un sitio web con IA:

• Rapidez. Tienes un sitio web completamente diseñado y en línea en menos de diez minutos, incluso antes de que tus imágenes estén listas. Se acabó esperar a tener “todas las fotos ordenadas” para empezar.
• Calidad. Tus fotos reales aparecen a resolución completa, exactamente como las hiciste. La IA diseña alrededor de ellas, no a través de ellas.
• Iteración. Puedes cambiar las imágenes en cualquier momento. ¿Menú de temporada? ¿Un nuevo miembro del equipo? ¿Un nuevo local? Actualiza una imagen en el panel y el sitio en línea se refresca al instante.
• Cada uno en lo suyo. La IA se ocupa de la estructura, el diseño, los textos, el SEO y la adaptación a cada pantalla. Tú te ocupas de la identidad visual, lo único que solo tú puedes aportar. Cada herramienta hace lo que mejor sabe hacer.
• No hacen falta conocimientos técnicos. No necesitas abrir el HTML, buscar la etiqueta de la imagen, actualizar la ruta del archivo, volver a subirlo por FTP ni vaciar una caché. Haces clic, subes la foto y listo.

Un ejemplo real: un restaurante de comida para llevar

Veamos un ejemplo concreto. Imagina que tienes un restaurante de comida para llevar llamado Flame & Spice en Mánchester y quieres un sitio web.

Sin el flujo de marcadores

1. Pegas tus fotos de comida en ChatGPT y le pides que construya un sitio web.
2. La IA vuelve a generar tus fotos: tu pollo tikka ahora parece una pintura al óleo de un plato vagamente anaranjado.
3. Pasas una hora intentando arreglar las imágenes con nuevos prompts.
4. Te rindes y usas el sitio con las imágenes distorsionadas, o te rindes del todo.

Con el flujo de marcadores

1. Usas el Creador de prompts: introduces el nombre de tu negocio, los platos del menú, los precios y los colores, y seleccionas “imágenes de marcador”.
2. Pegas el prompt en ChatGPT. Genera un sitio limpio y profesional con marcadores etiquetados: “Principal: exterior del restaurante”, “Pollo tikka masala”, “Biryani de cordero”, etc.
3. Lo subes a SiteDrop. El sitio está en línea en 30 segundos.
4. Abres el panel, haces clic en cada marcador y subes tus propias fotos de comida. Listo.

Tiempo total: menos de quince minutos. La IA diseñó el sitio. Tú aportaste el alma.

¿Y las fotos de archivo?

Quizá te preguntes: ¿puedo usar fotos de archivo en lugar de marcadores? Puedes, pero hay una razón por la que no lo recomendamos para la mayoría de los negocios.

Las fotos de archivo están bien para secciones genéricas (un fondo decorativo, un patrón abstracto). Pero para todo lo que representa a tu negocio (tu comida, tu local, tu equipo), los clientes lo notan. Una foto de archivo de una persona sonriente detrás de un mostrador no genera la misma confianza que una foto real tuya detrás de tu mostrador de verdad.

El enfoque de marcadores te empuja a usar imágenes reales donde importa, y el panel hace que sea facilísimo.

Consejos para lograr buenas fotos para tu web

No necesitas un fotógrafo profesional. Los teléfonos modernos hacen fotos increíbles. Algunos consejos:

• La luz natural lo es todo. Fotografía cerca de una ventana o al aire libre. Evita la luz fluorescente del techo: hace que la comida se vea gris y los espacios, fríos.
• Despeja el fondo. Saca el desorden del encuadre. Un mostrador desordenado detrás de un plato precioso le resta valor a la foto.
• Orientación horizontal para las imágenes principales. La mayoría de las secciones principales son anchas y bajas. Haz tus fotos clave en horizontal.
• Formato cuadrado para los platos del menú y las galerías. La coherencia importa. Si todas las fotos de platos son más o menos cuadradas, la cuadrícula se ve cuidada.
• No abuses de los filtros. Un ligero aumento del brillo y del contraste está bien. Los filtros al estilo Instagram hacen que las fotos se vean anticuadas en un sitio web profesional.

En resumen

La IA es el mejor diseñador web al que tendrán acceso la mayoría de los pequeños negocios. Escribe código limpio, crea diseños adaptables, se ocupa del SEO y lo hace todo en minutos. Pero no puede reproducir tus fotos con fidelidad, y fingir lo contrario te hace perder el tiempo y daña tu marca.

La respuesta no es evitar la IA. La respuesta es usarla para lo que se le da bien y encargarte tú de las imágenes.

Con SiteDrop, el flujo es sencillo: genera con marcadores, sube el sitio para publicarlo y luego cambia los marcadores por tus fotos reales desde el panel. Tu sitio web aprovecha el diseño de la IA y la autenticidad de tu propia fotografía: lo mejor de los dos mundos.