Free Tool

Free Star Rating PNG Generator (for emails, signatures, PDFs)

Generate transparent PNG star ratings for emails (where CSS doesn't render), email signatures, transactional templates, and PDFs. Customize size, color, rating. Copy as data URI or download.
Sign up with Shopify
5x more reviews
+300k reviews collected
1-click setup
#ffdc24
#e5e7eb
Use cases: CSS star ratings don't render in many email clients (Outlook, older Gmail). For transactional emails, email signatures, or PDF reports, embed a PNG via <img src="data:image/png;base64..."> or hosted URL. Set background to "transparent" for emails (works on light or dark themes).

Discover other free tools to boost your trust on your Shopify website

Starter
0-250 orders /mo
+0.15€ per extra order
59€
per month
Pro plan includes:
WhatsApp, SMS, Email
Basic AI Analysis
Trustpilot Auto-Matching Reviews
Custom branding
Slack & discord notifications
Sign up with Shopify
Growth
250-2500 orders /mo
+0.10€ per extra order
119€
per month
⃪ All Starter features
Upsell automation
AI Analysis & insights
Automatic review reminder
Sign up with Shopify
Unlimited
Unlimited orders /mo
299€
per month
⃪ All growth features +
Dedicated Success Manager
Sign up with Shopify
How it Works

Generate a star rating PNG in 5 seconds

CSS star ratings break in Outlook, older Gmail, Yahoo, and most desktop clients. For transactional emails, signatures, and PDFs, you need a PNG. This generator renders any rating (with half-stars), any size, any color, transparent or solid background. Download or copy as base64 data URI.

Set rating, size, color

Decimal ratings supported (4.3 / 5 renders correctly with partial fill on the 5th star). Size from 16 to 120 pixels. Custom hex colors for filled and empty stars.

Pick background

Transparent (default) for emails that need to work on light or dark themes. Solid white or black for fixed contexts.

Download or copy data URI

Download for use as a regular hosted asset. Copy data URI to embed inline in HTML emails (no external host needed, works in restrictive email clients).

FAQ

Your questions, answered.

Why do I need a PNG instead of CSS for star ratings?
Most email clients (Outlook 2007-2019, older Gmail, Yahoo) strip CSS or render it inconsistently. PNGs work everywhere. For HTML emails specifically, the data URI version (base64-encoded) avoids external image blocking that some clients apply by default.
What size should I use for email signatures?
24-32px height usually fits inline next to text. For dedicated star-rating sections in emails, 40-60px works. Match your email's typography size: stars at 1.5x your body text size feel proportional.
Does this support half-stars?
Yes. Any decimal rating renders correctly: 4.3 / 5 fills the 5th star to 30%. The fill is pixel-precise, not "half-star" approximation.
Can I use this for product pages or website widgets?
You can, but for live websites a CSS-based star component (like our <a href="/tools/css-star-rating-generator">CSS Star Rating Generator</a>) is better — fully scalable, lightweight, and accessible. Use this PNG version specifically for email and PDF contexts where CSS won't render.