Generate Transparent PNG Assets for Multi-Channel Campaigns

Generate Transparent Image Assets for Campaigns and Presentations

A great image should work on any background. Transparent image assets make it easy to reuse the same visuals across campaigns, websites, presentations, and product catalogs without white boxes or manual background removal.

This cookbook covers four customer use cases:

• Seasonal e-commerce campaigns: Generate transparent product images once and reuse them across storefront backgrounds, seasonal banners, and marketing layouts.
• Branded enterprise presentations: Generate transparent charts that blend directly into required PowerPoint themes and gradient slide backgrounds.
• Design-template assets: Generate app icons, stickers, and decorative elements that users can place on any template or background.
• Print-on-demand merchandise: Apply one transparent print design to different blank garments and product mockups.

Set up

Install the Python packages with pip install openai pillow, and set OPENAI_API_KEY in your environment. You will also need access to a transparency-capable image model and Codex to build the website.

This example uses gpt-image-2.5-flare and requests PNG output with background="transparent". To compare a model optimized for demanding quality requirements, set IMAGE_MODEL to "gpt-image-2.5-sunburst". Both models support transparent backgrounds. Keep the prompts, sizes, and quality="high" unchanged for the first comparison, then inspect transparency, fine edges, and text before tuning quality or latency.

The images and screenshots below are retained from the original GPT Image 2 version of this cookbook. They illustrate the workflows, not measured GPT Image 2.5 results. Save a copy of those assets before rerunning the generation cells, which write to the same filenames.

For more background, see the image prompting guide, the OpenAI models page, and the image generation guide.

Use case 1: Seasonal e-commerce campaigns

A fictional home-fragrance brand wants to reuse one product collection across multiple seasonal storefronts. Generate transparent product shots once, then place the same assets over different campaign backgrounds without cutting them out by hand.

1.1 Define the original product prompts

The website uses four products from the same fictional home-fragrance brand. Each original product description is followed by the same brand-and-transparency instructions to keep the collection visually consistent.

Note: Prompt instructions take priority over background="transparent". If the prompt describes a backdrop, scene, color, or other background, the model may generate that background instead of producing transparency. Keep the prompt focused on an isolated subject and explicitly request a transparent background.

1.2 Generate high-quality transparent PNGs

1.3 Inspect the four generated products

These are the original, unchanged transparent PNGs used on the campaign website.

The next cell confirms that every file contains an alpha channel and reports how much of each image is fully transparent.

1.4 Build a seasonal campaign website with Codex

Give Codex the four generated PNGs and ask it to build a single-page storefront for STILLROOM. The finished site places the same products over Spring, Summer, Autumn, and Winter campaign backgrounds, lets visitors switch between one product, two products, or the full collection, and includes a checkerboard view that makes the transparency visible.

Run the following cell and paste its output into Codex alongside the image files.

1.5 View the finished storefront

The screenshots below show the same four transparent assets reused across different campaign backgrounds and product arrangements.

Spring campaign: the full four-product collection on a green background.

Winter campaign: a two-product arrangement on a dark blue background.

Look closely at the difficult edges

Switch between seasons and inspect the clear and frosted glass, the perfume bottle's sheer ribbon, the diffuser's thin reeds and hairlike pampas fibers, and the candle's fine cotton cord. Conventional background-removal tools can clip these details, add halos, or flatten translucent materials. Generating the alpha channel directly helps preserve those subtle edges when the same product is placed on very different backgrounds.

Use case 2: Branded enterprise presentations

Enterprise teams often have to use a required PowerPoint theme with a specific background color or gradient. An AI-generated chart with an opaque white background can clash with that theme, while a transparent PNG lets the slide's original background remain visible.

2.1 Define the presentation scenario and mock business data

The fictional Northstar Cloud board-review slide uses two data series: quarterly revenue and the regional distribution of qualified sales opportunities. These values are examples, not real company results.

2.2 Define transparent chart prompts

Ask for transparent areas across the entire chart, not just outside its silhouette. For a dark enterprise theme, also specify white or pale labels, bright brand-compatible colors, and no card, frame, panel, or filled plot area.

The model receives the exact mock values, but generated image content is still raster artwork. Verify that labels, values, and proportions match the source data before using the charts. For production reporting where numerical precision is critical, render charts deterministically and use image generation for illustrations or other visual elements.

2.3 Generate transparent PNG charts

As in the product example, request background="transparent" and output_format="png". A landscape size of 1536x1024 gives the charts room for their labels, and quality="high" helps with small text.

2.4 Inspect the generated chart assets

The following files are separate transparent PNGs, ready to place on top of an enterprise slide theme.

The next cell checks that both files contain real alpha channels and reports how much of each chart image is fully transparent.

2.5 Build a branded PowerPoint slide with Codex

Give Codex the two transparent chart PNGs, their mock source data, and the required slide theme. Ask it to preserve the alpha channels and use the slide's native background rather than adding white rectangles or decorative background shapes.

Run the following cell and paste its output into Codex alongside the chart image files.

2.6 View the finished enterprise slide

PowerPoint files are not rendered directly in notebook output, so the image below shows the completed single-slide presentation. Both generated charts remain separate PNG assets in the underlying PowerPoint file.

The gradient remains visible behind the bars, through the center of the doughnut chart, and around each label because the charts contain genuine alpha channels. This lets teams add generated visual assets to a required enterprise presentation theme without introducing distracting white boxes.

Use case 3: Design-template assets

Design platforms need reusable app icons, stickers, and decorative elements that work across many layouts. Generating these elements with transparent backgrounds lets users drop the same assets into any template without masking, cutting out, or repainting a background.

3.1 Generate transparent design elements

3.2 Place the assets on a simple website

Each asset is an independent transparent PNG, ready to move, resize, or reuse on another template.

The sample webpage combines the three assets on a colored template and lets visitors switch the background while keeping the same PNGs in place.

Use case 4: Print-on-demand merchandise

Merchandise platforms can generate one print-ready transparent design and place it on different products without removing a white rectangle for every garment color. A single artwork can become a T-shirt, sweatshirt, or another item in a seller's catalog.

4.1 Generate a reusable print design and blank garments

4.2 Apply one design to multiple products

The print artwork and both blank garments are separate transparent images. Keeping them separate means a seller can reuse the design across garment types, product colors, and future catalog layouts.

Use Pillow to trim empty transparent margins, place the same artwork over each garment, and create a simple two-product catalog preview.

The same transparent design blends naturally into both garment colors while the blank products remain available for other designs.

Evaluate the generated assets

Collect human feedback on transparency, edge quality, brand fit, and usefulness across representative campaigns, slides, design templates, and merchandise mockups. Use a vision-capable language model to evaluate the same assets against a clear rubric, flagging opaque backgrounds, clipped details, poor garment placement, and chart labels that do not match the source data.

Conclusion

Transparent PNG assets let teams reuse generated images across seasonal campaigns, branded presentations, design templates, and merchandise catalogs without manual background removal. Pairing these workflows with human and vision-model evaluations helps keep creative output consistent as usage grows.