Urgent.News

What's breaking now, across thousands of outlets.

Tech

Generating Hero Images, Icons and OG Cards for a Side Project with Nano Banana 2.1

Every side project hits the same wall right before launch: the code works, but the landing page has no images. Here is the workflow I use to generate a consistent asset set with nanobanana21pro.com , an independent third-party web app built on Google's Nano Banana image models. Disclosure: nanobanana21pro.com is not a Google product and not Google AI Studio. It is a separate service, not…

Side projects often struggle with assets right before launch. To tackle this, I use the independent web app Nanobanana21pro.com, built on Google's Nano Banana image models. Unlike Google AI Studio, Nanobanana21pro.com is a separate service. I write asset specifications in a small spec file in the repository. This includes brand colors, style description, and asset requirements like hero image dimensions and icon count.

I generate the hero image first, setting the visual language for the project. For example, I might ask for a soft 3D clay illustration of a rocket made of stacked code brackets launching from a laptop keyboard, with navy and sky blue accents. I specify no text to ensure the focus remains on the image. It's crucial to leave space on the hero image for a headline, as this will be added later via HTML.

After creating the hero, I use it as a reference for the rest of the assets. Nanobanana21pro.com allows up to 14 reference images, so I attach the approved hero and assign it a role: style, color palette, and lighting reference. I then create single icons using the same style, ensuring consistency across all assets. For instance, I generate soft 3D clay icons of a padlock, lightning bolt, and chart, all on a plain #F8FAFC background.

When creating the Open Graph (OG) card image for social media previews, I add text to the image using the reference image for style and palette. The OG card should have bold white letters for the project name, smaller sky blue letters for the tagline, and the rocket image from the hero on the right. I keep the text short and check it carefully before publishing.

Budgeting the runs is straightforward. Nanobanana21pro.com shows a credit quote before submitting an image. One 2K hero image costs 12 credits, three 1K icons cost 8 credits each, and one 1K OG card costs 8 credits. With a few retries, the total cost fits within a small credit pack. One-time packs start at $2.99, and monthly plans are $18.99 or $44.99. Batch sizes increase the cost, so I explore different pricing options based on my needs.

Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.

Read the original at dev.to →

More in Tech

xxl-job: 3,350 application matches against 148 page titles

xxl-job: 3,350 application matches against 148 page titles Schedulers are the component that makes a system act without a person.

  • 3,350 application matches found, compared to 148 title matches
  • Discrepancy between application fingerprint and page titles
  • Console port exposure contributes to mismatch

How to email a customer when their Stripe payment fails

When a renewal fails, Stripe fires invoice.payment_failed and starts retrying. Its recommended setting tries up to 8 times in two weeks.

  • Enable Stripe's email notifications for failed payments.
  • Set up your own webhook endpoint to handle invoice.paymentfailed events securely.
  • Use Kicklace to send personalized emails for failed payments, keeping Stripe secret secure.

More from Saturday 24 October →