Skip to main content

Creating Dynamic Images on Abyssale: Personalization at Its Finest

Unlock Dynamic Image Power! Customize images dynamically via URLs for diverse use cases. Manage, generate & integrate for versatile visuals.

Updated yesterday

ℹ️ Available on Pro plan and above
The Dynamic Image URL feature is included in Pro and Suite plans (not available on Start).

What Are Dynamic Images on Abyssale?

Dynamic Images let you automatically generate personalized visuals by modifying parameters directly in an image URL. Whether for marketing campaigns, emails, or user onboarding, they adapt in real-time to your data.

When you first joined Abyssale, you likely saw this feature in action through your Welcome email. With Dynamic Images, you can update visuals by changing values in the URL, instantly generating unique, data-driven assets.

Example use cases:

  • Personalized greeting or gift cards

  • Dynamic visuals in email campaigns

  • Real-time social banners

  • Customized images in outbound messages

  • Personalised image in Landing pages


How to Create and Manage Dynamic Images

Note : Dynamic images only work with static templates (JPG, PNG, or PDF outputs).

With Abyssale, every dynamically generated image remains available and displayed, even if you pause an URL or it reaches its expiration date. There are no limitations on the number of dynamic images that can be created from a design. Each design hosts its own set of dynamic images. Here's how you can get started:

  1. Go to your project dashboard.

  2. Select the design you want to make dynamic.

  3. In the left menu, click Dynamic Image URL.

  4. Press Create new dynamic image URL.

  5. Use the URL builder to define your variables and rules.

Each design can have only one dynamic image URLs, and each generated image remains accessible even after URL is paused or expires.


Understanding API Credits with Dynamic Image

API credits are counted as follows:

  • Every unique image generation from a URL = 1 API credit.

  • Repeated calls to the same URL = 0 additional credits.

Note: In other words, if the same image url is displayed thousands of times, it consumes only one credit.


Dynamic Modifications to Image Information

You can update text, color, image, or other properties directly from the URL.

Example:

...img.abyssale.com/34j39c5e-31fa-4jdb-b6d4-0c97445fb9b3?name.payload=Guillaume

Here, name is the layer name, and payload is the layer property.

You can chain multiple parameters using &:

...img.abyssale.com/34j39c5e-31fa-4jdb-b6d4-0c97445fb9b3?name.payload=Guillaume&name.color=%23000000

This changes both the text and its color.

For a complete list of editable properties, visit our developers page.


Test Mode vs. Production Mode

Once your Dynamic Image URL is ready, you can choose how it behaves based on your use case:

Change the mode of your dynamic image url

  1. Go to your project dashboard.

  2. Select the design where the Dynamic image url is created.

  3. In the left menu, click Dynamic Image URL.

  4. Toggle Test or Production mode depending your need

Test Mode (default)

  • Rate-limited to 10 requests per second.

  • Each generated image appears in the Abyssale UI (“Generated visuals” page).

  • Ideal for testing, QA, or previewing dynamic updates.

  • When the limit is reached, additional requests return an error message.

Scale Mode

  • No rate limit, optimized for large-scale use.

  • Generated visuals are not displayed in the UI (to prevent overload).

  • Recommended for campaigns, automations, and live integrations.

Choose the mode that matches your workflow, Test for experimentation, Production for live usage.


Integrating Your Dynamic Image URL

Integration is simple: just insert your Dynamic Image URL into your preferred tools and update the query parameters dynamically. This allows your visuals to reflect live data from CRMs, automation tools, or APIs.

To learn more about embedding dynamic images on Sendingblue, check out our blog article. You'll find this information at the end of the post.


Behavior After Updates and Resource Limits

What Happens If You Update Your Design?

Whenever you make changes to a design connected to a Dynamic Image URL, Abyssale automatically refreshes the cache.


Five minutes after saving your updated design, the cache is reset for every viewer who loads that image URL. Even if someone has already seen the previous version, the next time they access the same URL, they’ll see the new, updated design.

This is extremely useful for scenarios like:

  • Correcting a typo or design error in a live email campaign

  • Updating visuals in running ads without changing the URL

⚠️ However, since a new version of the design is generated, each refreshed image will consume new API credits, even if the URL itself hasn’t changed.


What Happens If You Run Out of Bandwidth or Credits?

If your account exceeds its allocated credits or bandwidth, the Dynamic Image URL will temporarily stop serving visuals.

In this case:

  • Viewers will see a blank image placeholder (as if the file doesn’t exist).

  • If someone tries to access the image URL directly, they’ll see an error message stating that there are no remaining credits or bandwidth.

To restore normal display, you’ll need to refill your credits or upgrade your plan.

💡 Pro tip: Always monitor your credit and bandwidth usage in your Abyssale dashboard to avoid interruptions in live campaigns.

Did this answer your question?