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

Rating 4.5 / 5

Star size (PNG height) 48 px

Filled color

#ffdc24

Empty color

#e5e7eb

Background

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

Trustpilot Profile Audit

Trustpilot Section Shopify

Review Request Email Generator

Yotpo Logo Downloader

Review Sentiment Analyzer

Trustpilot Review URL Generator

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.

Sign up with Shopify

Book a Demo

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.

Sign up with Shopify

Book a Demo

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.