HTML to Transparent PNG: Badges, Labels and Buttons

Created by

Alexander Daskalov

Actor

HTML to Image API: Render HTML/CSS Templates to PNG

Turn HTML and CSS into transparent PNG images cropped to one element: badges, labels, buttons, price tags and stickers, at 2x retina scale. Fill a template from a list to make a whole set in one run. Emoji and Chinese/Japanese/Korean text render correctly.

Try for free

HTML to Image API: Render HTML/CSS Templates to PNGbossless/html-to-image

File

Download

Format

Width

+4 fields

Input

HTML template(required):<style>body{margin:0}</style><div id="badge" style="display:inline-block;padding:16px 30px;border-radius:999px;background:{{color}};color:#fff;font:700 30px Arial,sans-serif">{{label}}</div>

Data rows

label:New+2

color:#2563eb+2

Clip to element (CSS selector):#badge

Transparent background:true

Scale (device pixel ratio):2

Output fields

File

Download

Format

Width

Height

Bytes

Missing fields

Render ms

How it works

Sign up on Apify or log in

The HTML to Image API: Render HTML/CSS Templates to PNG Actor is ready to run with the inputs already set for "HTML to Transparent PNG: Badges, Labels and Buttons". Sign up or log in and you'll land in Apify Console with a copy of this exact task.

Start the "HTML to Transparent PNG: Badges, Labels and Buttons" task

The HTML to Image API: Render HTML/CSS Templates to PNG Actor will start running based on the input automatically. You can also change all the input fields, like HTML template, data rows, and more, to match your specific use case.

Receive the "HTML to Transparent PNG: Badges, Labels and Buttons" output

Monitor the progress in real time. You will be notified as soon as your dataset is complete and ready for review. Each result includes data such as file, download, format, and more.

Integrate into your workflow

The final output is delivered in JSON, CSV, or Excel format, ready to be plugged into your workflow. You can also run the "HTML to Transparent PNG: Badges, Labels and Buttons" task via API.