MARKETPLACE
PLUGINS
BASE 64 TO IMG
Base 64 To Img logo

Base 64 To Img

Published February 2025
   •    Updated this week

Plugin details

This plugin allows you to easily render a Base64 encoded image on your Bubble page. You can customize how the image fits within its container by selecting different object-fit options (contain, cover, fill, or scale-down) and apply a grayscale filter if needed. It’s perfect for dynamically displaying images where direct URLs are not available or when working with inline image data.

Free

For everyone

stars   •   0 ratings
80 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Eduardo Furihata logo
Eduardo Furihata
Joined 2024   •   6 Plugins
View contributor profile

Instructions

Usage Instructions Add the Plugin Element:
Drag and drop the plugin element onto your Bubble page.

Configure the Image Source:

Provide a Base64 encoded string via the imgBase64 property.
If no Base64 string is provided, the plugin will fall back to a default image set in instance.data.fallback.
Customize Image Display:

Object-Fit: Choose how the image should be scaled using the object_fit property. Options include:
1: Contain
2: Cover
3: Fill
4: Scale-down
0: None (if none of the above are selected)
Grayscale Filter: Adjust the grayScale property to apply a grayscale effect (0% - 100%).
Preview:
The plugin automatically updates the rendered image on the canvas. Check the preview to ensure the image displays as expected with the applied styles.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Image   •   Blog   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble