Get the Pixotter Badge

Show your visitors that your images are optimized. One script tag, under 3KB, works everywhere.

Light mode
Images optimized with Pixotter
Dark mode
Images optimized with Pixotter

Add to Your Site

Paste this snippet where you want the badge to appear, typically in your site footer.

<script src="https://pixotter.com/badge.js" async></script>

How It Works

1

Paste the snippet

Add the script tag to your HTML, WordPress footer, Ghost code injection, or any CMS that supports custom scripts.

2

Badge appears

A small, tasteful badge renders inline at the script location. It auto-detects your visitor's dark or light mode preference.

3

Zero performance cost

Under 3KB total. Loads async. Uses Shadow DOM for style isolation. No external dependencies. No impact on your page speed.

Platform-Specific Instructions

WordPress

Go to Appearance → Theme File Editor → footer.php. Paste the script tag just before the closing </body> tag. Alternatively, use a plugin like "Insert Headers and Footers" to add it to the footer section.

Ghost

Go to Settings → Code injection → Site Footer. Paste the script tag and save.

Hugo / Jekyll / Static Sites

Add the script tag to your footer partial or layout template, just before the closing </body> tag. The badge will render inline at the script's position.

Shopify

Go to Online Store → Themes → Edit code → theme.liquid. Paste the script tag in the footer section, before </body>.

Squarespace / Wix

Squarespace: Go to Settings → Advanced → Code Injection → Footer. Wix: Use the Tracking & Analytics section in your site settings to add custom code.