Generative Expand de Photoshop: amplía una foto para convertirla en un banner web
Amplía una foto para un banner web con Generative Expand de Photoshop, revisa los detalles inventados y las uniones, y comprueba el WebP exportado en la página.
En este artículo
Sobre esta guía y sus límites
Documentación oficial consultada el 29 de octubre de 2026. No se hizo una prueba con sesión iniciada ni una evaluación práctica del producto. La portada es una ilustración generada con IA, no una captura del software.
Este proceso de edición sugerido se basa en documentación. No garantiza un resultado convincente para todas las fotografías.
1. Elige una imagen que puedas adaptar sin problemas
Sección 1 de 4Empieza con una fotografía propia o que tengas permiso para editar. Conserva el original por separado. Un fondo sencillo es una primera prueba razonable: una pared de estudio o una superficie lisa deja menos detalles importantes por revisar que la fachada de un comercio llena de elementos.
2. Planifica el espacio antes de generar
Sección 2 de 4Comprueba las dimensiones y el comportamiento del recorte en el banner real. Decide dónde deben ir el título, el botón y el sujeto. Plantea una ampliación moderada en el lado que necesita más espacio.
3. Amplía el lienzo
Sección 3 de 4En Photoshop para escritorio, selecciona la herramienta Crop y arrastra sus controles hacia fuera. Elige Generative Expand en Contextual Task Bar y selecciona un modelo de Adobe Firefly disponible. Deja vacío el prompt y selecciona Generate para ampliar la imagen. Revisa las variaciones en el panel Properties.
4. Revisa la unión y el significado
Sección 4 de 4Compara el resultado con el original a tamaño completo y al tamaño que realmente verán los visitantes. Busca texturas repetidas, sombras extrañas, líneas rectas dobladas, objetos inesperados y cambios visibles donde se une el original con la zona generada.
1. Elige una imagen que puedas adaptar sin problemas
Empieza con una fotografía propia o que tengas permiso para editar. Conserva el original por separado. Un fondo sencillo es una primera prueba razonable: una pared de estudio o una superficie lisa deja menos detalles importantes por revisar que la fachada de un comercio llena de elementos.
Piensa en lo que representa la imagen. Los entornos generados con IA son inventados. En anuncios inmobiliarios, fotografías documentales o características de producto en las que se basan los compradores, cambiar la escena podría inducir a error. Utiliza una fotografía sin modificar o una ilustración claramente identificada cuando la exactitud de los hechos sea esencial.
2. Planifica el espacio antes de generar
Comprueba las dimensiones y el comportamiento del recorte en el banner real. Decide dónde deben ir el título, el botón y el sujeto. Plantea una ampliación moderada en el lado que necesita más espacio.
Por ejemplo, si el retrato está a la derecha, puedes probar a añadir fondo a la izquierda. Mantén a la persona holgadamente dentro de la fotografía original. Evita pedirle a la ampliación que reconstruya partes importantes del cuerpo, envases o letreros que faltan.
3. Amplía el lienzo
En Photoshop para escritorio, selecciona la herramienta Crop y arrastra sus controles hacia fuera. Elige Generative Expand en Contextual Task Bar y selecciona un modelo de Adobe Firefly disponible. Deja vacío el prompt y selecciona Generate para ampliar la imagen. Revisa las variaciones en el panel Properties.
Empieza con una ampliación pequeña y evalúala antes de intentar una composición más ancha. Instrucciones de Adobe: Adobe — Ampliar con Generative Expand
4. Revisa la unión y el significado
Compara el resultado con el original a tamaño completo y al tamaño que realmente verán los visitantes. Busca texturas repetidas, sombras extrañas, líneas rectas dobladas, objetos inesperados y cambios visibles donde se une el original con la zona generada.
Revisa también el sujeto. Un fondo convincente no debería distraerte de textos alterados ni de otros detalles importantes para el encargo.
Coloca el título previsto sobre la imagen en la maqueta de tu página. Comprueba que siga siendo legible y que un diseño estrecho no recorte el sujeto. Si la composición sigue fallando, prueba con otra fotografía o coloca el texto a su lado.
5. Guarda una copia para la web y revísala en la página
Conserva el archivo de trabajo editable. Para obtener una copia WebP, Adobe documenta la ruta File → Save a Copy y después la selección de WebP. El formato admite documentos RGB de 8 bits, con las opciones Lossless o Lossy; Lossy también ofrece un control deslizante de calidad. Adobe — WebP en Photoshop
Elige los ajustes examinando el archivo exportado y después pruébalo en el diseño real de la página. Confirma que tu sitio acepte el formato y revisa el tamaño del archivo final.
Comprueba tus créditos antes de repetir
La guía de créditos generativos de Adobe indica que la cantidad disponible depende del plan y que el consumo depende de la función. Revisa tu propia cuenta antes de generar alternativas una y otra vez. Adobe — Créditos generativos
El objetivo práctico es conseguir un banner aprobado que encaje en la página, conserve el mensaje previsto y siga siendo creíble al examinarlo de cerca.
Fuentes
Estas son las fuentes oficiales del artículo original. Muchas de sus páginas están en inglés.