Fondo transparente GPT Image 2: flujo alfa limpio

GPT Image 2 ahora puede devolver un PNG transparente directamente. La parte útil no es el fondo que falta en sí mismo. Se trata de un activo reutilizable cuyos bordes aún se ven bien en una página de producto blanca, un anuncio oscuro y un mosaico social saturado.

Comience en Imagen3 página de inicio, abra Espacio de trabajo Imagen3 para obtener un flujo de producción más amplio y luego use Generador de fondo transparente GPT Image 2. El último enlace selecciona Studio y activa la salida PNG transparente.

Respuesta rápida: solicita alfa y luego pruébalo

Utilice el modo Estudio, habilite Fondo transparente (PNG) y solicite un sujeto aislado con su silueta completa visible. Evite paisajes, suelos, marcos, etiquetas impresas o una vista previa en forma de tablero de ajedrez. Esos detalles le dan al modelo algo opaco para representar detrás del sujeto.

Una buena primera solicitud es lo suficientemente breve como para auditar:

Cree una lámpara de escritorio de cerámica color coral como recorte de producto de catálogo premium.
Muestre la lámpara completa y el cable de alimentación con una separación clara en cada borde.
Utilice un fondo genuinamente transparente con un canal alfa.
Sin piso, pared, fondo, patrón de tablero de ajedrez, texto, logotipo, marca de agua u objeto adicional.
Mantenga reflejos naturales en la cerámica y detalles realistas en las uniones de latón.

Descarga el resultado como PNG. Luego colóquelo sobre al menos tres fondos. Una miniatura transparente en el panel de un navegador demuestra muy poco; muchos editores muestran transparencia y un tablero de ajedrez prácticamente de la misma manera.

Qué significa realmente transparente

Un PNG almacena canales de color más un canal alfa. Alpha registra la opacidad por píxel: 0 es completamente transparente, 255 es completamente opaco y los valores entre ellos crean bordes suaves, vidrio, humo y sombras emplumadas. Un archivo puede tener una extensión .png y seguir siendo opaco si cada valor alfa es 255.

La distinción es importante en torno a los bordes suavizados. El borde curvo de un producto suele contener píxeles parcialmente transparentes que se mezclan suavemente con un nuevo fondo. Si esos píxeles se calcularon sobre blanco, el recorte puede tener una franja pálida cuando se coloca sobre negro. Si se calcularon sobre negro, aparece un borde oscuro en una página clara.

La lámpara generada a continuación es un PNG RGBA genuino. Descárgalo y pruébalo en tu propio diseño en lugar de juzgar sólo la vista previa de la página.

Elija un tema que pueda aislarse

La transparencia nativa funciona mejor cuando el mensaje define un tema claro. Los paquetes de productos, iconos, pegatinas, herramientas, muebles, fotografías sencillas de comida y recortes de personajes tienen siluetas legibles. Las multitudes, la niebla, el pelo al viento, las telas translúcidas, las salpicaduras de vidrio y las escenas llenas de partículas necesitan una prueba más cuidadosa.

Comience con el requisito de producción, no con un párrafo estético. Nombra el tema, el recorte requerido y los bordes difíciles. Si el cable, el mango, el mechón de cabello, la antena o el material transparente son importantes, dígalo. De lo contrario, el modelo puede simplificar o recortar exactamente la pieza que necesita.

ASUNTO: una máquina de café espresso compacta con lanza de vapor y cable de alimentación.
CULTIVO: objeto completo visible, centrado, 12 por ciento de espacio libre en cada lado.
PRIORIDAD DE LOS BORDES: preserve la varilla de vapor, el cable, los espacios de las manijas y los pequeños controles metálicos.
FONDO: alfa genuinamente transparente, sin superficie ni entorno de fundición.
SALIDA: activo de producto limpio y reutilizable, sin texto ni marca.

Si necesita varios objetos, generelos por separado cuando el diseño final controle su espaciado. Una imagen combinada bloquea sus posiciones relativas y sombras, lo que limita la reutilización.

Utilice el formato y la configuración de salida correctos

PNG es el maestro de trabajo más seguro para activos transparentes. Conserva alfa sin compresión con pérdidas y es ampliamente compatible con navegadores, editores, mercados y herramientas de presentación. WebP también puede conservar la transparencia y normalmente produce un archivo de entrega más pequeño. JPEG no tiene canal alfa, por lo que una solicitud transparente guardada como JPEG debe volverse opaca.

Elija la resolución del uso final. Un ícono de aplicación pequeño no necesita una fuente enorme, pero un héroe de tienda o un diseño de impresión necesita espacio para recortar y reducir la resolución. Genere el original más grande que el tamaño de visualización final, inspecciónelo al 100 por ciento y cree copias de entrega más pequeñas después de la aprobación.

El contrato de control es simple:

{
  "modelo": "gpt-imagen-2",
  "fondo": "transparente",
  "output_format": "png",
  "calidad": "mediana"
}

Imagen 3 aplica background: transparent y output_format: png juntos cuando el interruptor transparente está activo. Esto evita la combinación JPEG incompatible a nivel de interfaz.

Escribe un mensaje de aislamiento primero

La frase "fondo transparente" debe aparecer con las instrucciones de composición física. Dígale al modelo que no hay piso ni pared. Pregunta por una silueta completa. Prohibir patrones de transparencia horneados. Describe cómo deben comportarse los materiales difíciles.

Este mensaje es útil para un objeto blando:

Cree una bufanda de punto color crema doblada como activo de comercio electrónico aislado.
Preserva las fibras sueltas y los pequeños espacios abiertos entre los pliegues.
Utilice alfa transparente genuino alrededor de la silueta completa.
Sin maniquí, mesa, piso, pared, tarjeta de sombra, borde, tablero de ajedrez, texto o etiqueta.
Mantenga la textura del tejido natural sin un contorno blanco alrededor de las fibras.

Y esta versión maneja un objeto translúcido:

Cree un frasco de perfume de vidrio ámbar transparente, vista frontal de tres cuartos.
Mantenga la botella completamente visible con un comportamiento preciso del vidrio transparente y reflectante.
Los píxeles del fondo deben ser transparentes; No pintes de blanco el interior del cristal.
Conserve la tapa, los bordes finos del vidrio y la refracción interna.
Sin piso, escenario, logotipo, texto de etiqueta, tablero de ajedrez ni marca de agua.

El vidrio es una prueba exigente porque el objeto está definido en parte por lo que hay detrás de él. Siempre componga un resultado de vidrio sobre los colores de destino reales antes de la aprobación.

Separar el maestro de la sombra con estilo

Un producto maestro reutilizable normalmente debería omitir una sombra proyectada grande. Una sombra generada contra un suelo invisible puede incluir píxeles grises opacos, un blanco mate o una perspectiva que no coincide con el diseño final. Agregue la sombra de destino en CSS o su herramienta de diseño cuando sea posible.

Las sombras de contacto suaves aún pueden funcionar si se desvanecen en alfa parcial y permanecen cerca del objeto. Pruébelos en superficies oscuras y de colores. Si la sombra se convierte en un rectángulo gris, conserve un maestro sin sombras y construya la sombra hacia abajo.

.recorte del producto {
  filtro: sombra paralela (0 18px 22px rgb(15 23 42 / 0.22));
}

CSS drop-shadow() sigue la silueta visible, a diferencia de box-shadow, que sigue el cuadro de imagen rectangular. Eso lo convierte en una opción práctica y no destructiva para diseños web.

Verificar alfa en lugar de confiar en la vista previa

Ejecute una verificación de cuatro partes. Primero, confirme que el archivo sea PNG o WebP y que exista un canal alfa. En segundo lugar, véalo en blanco y casi negro. En tercer lugar, utilice un color saturado como magenta o cian porque los fondos de color exponen rápidamente la contaminación pálida. Cuarto, amplíe los espacios más pequeños y las regiones semitransparentes.

En macOS, ImageMagick puede informar el conjunto de canales:

identificar -formato '%f %[canales]\n' lámpara-transparente.png

Un resultado RGBA o sRGBA confirma que existe un canal alfa. No prueba que el alfa sea útil, así que siga con una prueba compuesta:

magia -tamaño 1600x1200 lienzo:'#111827' \
  lámpara-transparente.png -centro de gravedad -compuesto lámpara-en-oscuridad.png

El mismo activo debería sobrevivir a ambos lados de esta prueba de ventaja:

Diagnosticar un tablero de ajedrez falso

Una cuadrícula de transparencia es sólo una convención del espectador. Si los cuadrados grises y blancos permanecen visibles cuando el archivo se coloca sobre un fondo rojo, la cuadrícula es parte de la imagen. El modelo mostró una imagen de transparencia en lugar de píxeles transparentes.

Regenerar con “alfa genuinamente transparente” y “sin patrón de tablero de ajedrez”. No solicite una "vista previa de fondo transparente" porque la vista previa de palabras puede fomentar una cuadrícula de estilo UI. Pregunte por el activo en sí.

Si el tema es excelente, una herramienta de eliminación de fondo puede recuperar un producto con bordes duros. Es menos confiable para vidrio, cabello, humo y telas semitransparentes porque el removedor tiene que inferir qué píxeles pertenecen al sujeto.

Reparar halos de borde blanco u oscuro

Los halos aparecen cuando los píxeles de los bordes contienen un color mate. Pruebe la salida entre 200 y 400 por ciento tanto en blanco como en negro. Mire alrededor del cabello, los cables, el pelaje, las llantas brillantes, los radios, los agujeros estrechos y los bordes borrosos por el movimiento.

Utilice un mensaje de corrección enfocado cuando solo falle una región:

Repare sólo el borde exterior del cable trenzado negro.
Elimine el borde pálido y conserve el grosor del cable, la textura tejida, la curva, el enchufe, la lámpara, los colores, el recorte y todos los demás píxeles.
Mantenga el alfa transparente genuino fuera del cable. No agregues sombra ni fondo.

Regenera cuando el halo rodea la mayor parte del sujeto, cuando los agujeros internos son opacos o cuando los materiales transparentes se han llenado de blanco. Parchar un problema alfa global suele costar más tiempo que reemplazarlo.

Proteger los agujeros internos y el espacio negativo.

Manijas, patas de sillas, cuadros de bicicletas, joyas, hojas de plantas y cables doblados crean espacios cerrados. Esas brechas también deben ser transparentes. Un contorno exterior limpio puede ocultar una mancha opaca dentro de la silueta.

Nombra los espacios en el mensaje e inspecciónalos por separado. Para una silla, verifique el espacio debajo del asiento y entre cada eje. Para una taza, revisa la apertura del asa. Para la lámpara de esta guía, las áreas importantes son los ángulos abiertos alrededor de las uniones y el bucle formado por el cable.

El espacio negativo es parte del activo. Trate cada agujero como si fuera otro borde, con la misma prueba de fondo claro, oscuro y saturado.

Manejar vidrio, humo y materiales blandos.

Los materiales parcialmente transparentes requieren una calificación alfa en lugar de una selección estricta. Su apariencia cambia con el fondo de destino, por lo que es posible que un recorte no funcione en todas partes. Una botella preparada para una página pálida de catálogo puede parecer demasiado densa en un anuncio negro.

Generar y aprobar con la familia de antecedentes prevista. Si el activo debe funcionar en temas no relacionados, mantenga dos maestros o simplifique el tratamiento del material. No “arregle” una franja suave obligando a cada píxel a ser completamente opaco o completamente transparente; que elimina la calidad del material que deseabas.

Para conocer una forma más amplia de mantener estables los colores, los materiales y la identidad del producto en un conjunto, utilice Flujo de trabajo de referencia de estilo de marca GPT Image 2. Cuando el texto también forma parte del recurso, siga Flujo de trabajo del mensaje infográfico GPT Image 2 y verifique las palabras por separado del alfa.

Construir variantes a partir de un maestro aprobado

Apruebe un maestro neutral antes de generar ángulos, colores o recortes. Mantenga un contrato de activos breve que registre la identidad del sujeto, el cultivo, la transparencia, la dirección de la iluminación y los detalles que no deben cambiar. Luego modifique una variable a la vez.

Utilice la lámpara coralina homologada como referencia de identidad.
Cambie solo el ángulo de visión a una vista frontal directa.
Mantenga el color de la cerámica, los herrajes de latón, el cable, las proporciones, la dirección de la luz,
Fondo alfa transparente, recorte de objeto completo y ausencia de texto sin cambios.

Esto es más lento que solicitar doce variantes en una sola solicitud, pero los resultados son más fáciles de comparar y reparar. También le da al diseñador un respaldo confiable cuando una variante se desvía.

Preparar el traspaso de producción

Mantenga el PNG transparente original sin cambios. Registre sus dimensiones en píxeles, perfil de color, fecha de creación, mensaje, modo de modelo y notas de aprobación. Realice copias WebP optimizadas o PNG recortados del archivo maestro en lugar de abrirlo y sobrescribirlo repetidamente.

Para la entrega web, pruebe la URL final, el tipo MIME, las dimensiones y el tamaño del archivo. Confirme que el activo siga siendo transparente después de cualquier transformación de CDN. Para tiendas de aplicaciones y mercados, verifique sus requisitos de archivos porque algunos canales aplanan el alfa o agregan un fondo predeterminado durante la carga.

La entrega debe incluir al menos una prueba con fondo oscuro y una prueba con fondo claro. Estas son imágenes de revisión, no reemplazos del patrón transparente.

¿Alfa nativo o eliminación de fondo?

La generación transparente nativa y la eliminación de fondo resuelven diferentes condiciones iniciales. El alfa nativo es la mejor primera opción cuando se crea un nuevo objeto reutilizable. El modelo puede componer el sujeto teniendo en cuenta el aislamiento, dejando espacio alrededor de las partes frágiles y evitando inventar una escena que luego tenga que ser cortada.

La eliminación del fondo comienza con una imagen opaca existente. Es útil cuando un cliente ya aprobó la pose exacta, cuando la fuente es una fotografía que no se puede regenerar o cuando un resultado transparente nativo sigue cambiando el tema. El eliminador calcula una máscara a partir de los píxeles terminados. Eso le da menos información sobre límites semitransparentes y colores de fondo ocultos.

Utilice esta regla de decisión:

No pases un master transparente limpio por un removedor por costumbre. Una segunda pasada de segmentación puede endurecer el alfa parcial y descartar el borde suave que hizo que el archivo nativo fuera útil.

Planificar un conjunto de activos de comercio electrónico

Una imagen de producto transparente rara vez se envía sola. Una tienda puede necesitar un mosaico de catálogo cuadrado, un héroe paisajístico, un recorte detallado, una tarjeta comparativa y varias variantes de color. Cree esos resultados a partir de una referencia de identidad aprobada en lugar de regenerar cada espacio a partir de un mensaje de texto nuevo.

Comience con el maestro neutral: objeto completo, luz simple, sin piso, sin sombra grande y suficiente espacio libre para cultivos alternativos. Registre las características no negociables. Para la lámpara de escritorio, estos podrían ser el esmalte coral, tres uniones de latón, un cable trenzado negro, una base redonda y una pantalla interior blanquecina.

Luego cree una rama controlada a la vez:

FUENTE DE IDENTIDAD: referencia de lámpara de escritorio coral homologada.
DESTINO: mosaico cuadrado del catálogo de comercio electrónico.
CAMBIO: gire la lámpara 20 grados en el sentido de las agujas del reloj y levante ligeramente la pantalla.
CONSERVAR: esmalte de coral, uniones de latón, cable, base, proporciones, materiales y alfa.
CULTIVO: producto completo con un 10 por ciento de espacio transparente en todos sus lados.
PROHIBIDO: piso, sombra de la sala de proyección, escenografía, accesorios, texto, logotipo, marca de agua, tablero de ajedrez.

Compare cada resultado con el maestro antes de pasar a la siguiente rama. Un cambio en el número de bisagras o el color del cable es un error de identidad, incluso si el alfa es perfecto. La salida transparente no relaja las comprobaciones normales de edición de referencias.

Nombra los archivos por lo que son, no por el orden en que aparecieron en una carpeta de descarga. lamp-coral-front-master.png y lamp-coral-three-quarter-web.webp son más fáciles de auditar que generation-14-final-v2.png. Mantenga la copia maestra y de entrega distinguibles tanto en el nombre del archivo como en la ruta de almacenamiento.

Utilice activos transparentes de forma segura en la web

Los navegadores procesan alfa sin JavaScript adicional, pero las opciones de diseño pueden exponer errores de producción. Asigne dimensiones al elemento de imagen para que la página no salte mientras se carga. Utilice object-contain para recortes completos de productos y verifique el resultado con los temas claros y oscuros de la página.

<imagen>
  <fuente srcset="/assets/lamp-coral.webp" type="image/webp" />
  <img
    src={transparentAssetUrl}
    ancho="1254"
    altura="1254"
    alt="Lámpara de escritorio de coral aislada sobre fondo transparente"
    cargando="perezoso"
  />
</imagen>

El PNG alternativo conserva la transparencia para los clientes que no seleccionan la fuente WebP. No coloque el activo en un tablero de ajedrez en la página del producto en vivo. Un tablero de ajedrez es útil en un editor, pero distrae la atención del producto y puede hacer que los compradores se pregunten si el patrón es parte de la imagen.

Si un tema oscuro revela una franja que el tema claro oculta, corrija el recurso. Evite cubrir el problema con un brillo del mismo color o un fondo de contenedor porque la siguiente ubicación lo revelará nuevamente.

Mantenga alfa mediante el cambio de tamaño y la optimización

Las herramientas de optimización pueden aplanar la transparencia cuando su formato de salida o su configuración son incorrectos. Trate cada transformación como un nuevo activo que necesita una verificación del canal. Cambiar el tamaño con ImageMagick conserva alfa cuando los formatos de entrada y salida lo admiten:

lámpara mágica-coral-front-master.png \
  -redimensionar '900x900>' \
  -tira \
  lampara-coral-frontal-900.png

Para WebP, utilice una configuración de calidad que conserve los detalles de los bordes y verifique que la salida aún informe alfa. Los cables finos y el cabello merecen una comparación visual, no sólo un recuento de bytes menor.

cwebp -q 88 -alpha_q 100 lámpara-coral-front-master.png \
  -o lampara-coral-frente-web.webp

Evite convertir el original en funcionamiento a JPEG en cualquier momento. Una vez que alfa se aplana contra un mate, convertir ese JPEG nuevamente a PNG no restaura la transparencia faltante.

Accesibilidad y presentación honesta

El texto alternativo debe describir el tema visible y por qué la imagen está en la página. El “PNG transparente” por sí solo no le dice nada al usuario de un lector de pantalla. Para una comparación instructiva, explique que el mismo producto se está probando en fondos claros y oscuros. Para un recorte de producto decorativo al lado de una copia que ya nombra el artículo, una descripción del tema más breve es suficiente.

No dé a entender que un concepto de producto generado por IA sea una fotografía de un artículo a la venta. Imágenes conceptuales de etiquetas donde esa distinción afecta una decisión de compra o diseño. Si el activo representa un producto real, compare etiquetas, puertos, botones, proporciones y piezas incluidas con una referencia aprobada antes de publicarlo.

La transparencia también puede revelar fragmentos accidentales que estaban ocultos en el color de vista previa original: luces separadas, sombras perdidas, letras parciales y pequeñas formas flotantes. Inspecciona el lienzo completo, no sólo la silueta principal.

Una lista de verificación de liberación compacta

Antes de enviar un PNG transparente de Imagen GPT 2, confirme cada elemento a continuación:

• El archivo tiene un canal alfa, no simplemente una extensión PNG.
• No hay ningún tablero de ajedrez, rectángulo blanco o pared de estudio en los píxeles.
• El tema completo y todos los cables, manijas y partes estrechas necesarios están presentes.
• Los agujeros internos son transparentes.
• Los fondos claros, oscuros y saturados no revelan ningún halo inaceptable.
• El vidrio, el cabello, el humo y las sombras utilizan una transparencia parcial creíble.
• El master se conserva por separado de los recortes y las copias comprimidas.
• El texto alternativo describe el tema y la función instructiva de la imagen.

La salida transparente es un entorno de producción, no un sustituto de la revisión. Genere un maestro limpio, pruebe sus ventajas y solo entonces construya el conjunto de campaña.

Regrese a Imagen3 página de inicio, continúe en Espacio de trabajo Imagen3 o abra Imagen GPT 2 generador PNG transparente con Studio y la salida alfa ya seleccionadas.