Skip to main content

Fallback Image for HTML5 Banners

Automatically include a static backup of your banner, captured from any frame, so it displays correctly even without animation support.

Updated today

The Fallback Image feature allows you to automatically include a static version of your banner inside your HTML5 export, without any extra steps.

This is especially useful for platforms or environments that don’t fully support HTML5 animations, ensuring your banner still displays correctly as a static image.

What is a Fallback Image?

A fallback image is a static snapshot of your banner that appears when animations or HTML5 rendering aren’t supported.

With this feature, you can:

  • Select a specific frame from your animation

  • Automatically generate a fallback image from that frame

  • Include it directly in your downloaded HTML5 ZIP file

No manual exporting or image replacement needed.

How It Works

1. Select the Frame from the Timeline

In the editor timeline, you can position the playhead (time marker) on the exact frame you want to use as your fallback image.

Automatically include a static backup image of your banner, captured from any frame, so it displays correctly even without animation support.

Key tip:

Choose a frame that clearly communicates your message (e.g., final CTA, product + price, or key visual).

2. Enable Fallback Image in Download Settings

When exporting your banner:

  1. Go to Download → HTML5 - Standard

  2. Scroll to the Fallback Image section

  3. Check Include fallback image

  4. Choose one of the following options:

  • All elements
    ​     Captures a full snapshot of the slide at rest (ignores timeline timing)

  • Selected frame
    ​     Uses the exact frame where your timeline marker is placed

Automatically include a static backup image of your banner, captured from any frame, so it displays correctly even without animation support.

3. Download Your Banner

Click Download, and your HTML5 ZIP file will automatically include:

  • The animated HTML5 banner

  • The fallback image (based on your selection)

No additional configuration required.

When Should You Use a Fallback Image?

We recommend using fallback images when:

  • Uploading to ad networks with partial HTML5 support

  • Targeting environments with slow loading times

  • Ensuring compatibility across older browsers or devices

  • You want a guaranteed visual backup of your banner

Best Practices

To get the most out of your fallback image:

  • Use the final frame – It usually contains the CTA and key message

  • Avoid transitional frames – Mid-animation frames can look incomplete

  • Keep it clear and readable – Treat it like a standalone banner

  • Test before exporting – Scrub through the timeline to pick the best moment

Ready to start designing?

👉 Sign up for a free Bannersnack account – it only takes a minute.
👉 Already have an account? Log in here to continue where you left off.

Did this answer your question?