Quick start
Paste this anywhere on your site:
<script src="https://pixlfits.com/embed.js" data-tool="resizer"></script>That's it. The widget renders inline, takes 100% of its container width, and is 640px tall by default.
Available tools
Set data-tool to any of these:
| Tool | data-tool value |
|---|---|
| Image Resizer | resizer |
| Image Compressor | compress-image |
| Image Converter | convert-image |
| Image Cropper | crop-image |
| Background Remover | remove-background |
| EXIF Viewer / Remover | exif-viewer |
| Image to PDF | image-to-pdf |
| PDF to Image | pdf-to-image |
| Color Palette Extractor | color-palette |
| QR Code Generator | qr-code-generator |
| WebP / AVIF Converter | webp-avif-converter |
| HEIC to JPG | heic-to-jpg |
All options
| Attribute | Default | Description |
|---|---|---|
| data-tool | resizer | Which PixlFits tool to embed. |
| data-width | 100% | Pixel value or CSS dimension. |
| data-height | 640 | Pixel value or CSS dimension. |
| data-theme | dark | Only dark today. Light theme planned. |
| data-id | (inline) | ID of an element to inject into. |
Examples
Embed the resizer in a specific div
<div id="my-tool"></div>
<script
src="https://pixlfits.com/embed.js"
data-tool="resizer"
data-id="my-tool"
data-height="720"></script>Embed the compressor at a fixed pixel width
<script
src="https://pixlfits.com/embed.js"
data-tool="compress-image"
data-width="600"
data-height="700"></script>Embed the background remover (taller, AI model needs space)
<script
src="https://pixlfits.com/embed.js"
data-tool="remove-background"
data-height="800"></script>Privacy — what the embed does and doesn't do
- Does not send your visitors' images to PixlFits or anyone else.
- Does not set tracking cookies on your visitors' behalf. Google Analytics fires inside the iframe only and is anonymous.
- Does load the AI model from the PixlFits domain for background removal (one-time, cached locally).
- Does show a small "Powered by PixlFits" attribution line below the iframe.
Frequently asked questions
Do I need an API key?
No. The embed is free, has no rate limit, and requires no authentication.
Will my visitors' images be uploaded to PixlFits?
No. PixlFits never uploads images — that's the whole point. Verify with your browser's DevTools → Network tab.
Can I remove the "Powered by" attribution?
Not in the free embed. For white-label / branded embedding, contact team@pixlfits.com.
Is there a Wordpress plugin?
Not yet. You can add the embed via a custom HTML block or shortcode in any Wordpress post. Plugin planned for Q3 2026.
What about CSP (Content Security Policy)?
Whitelist https://pixlfits.com in your script-src and frame-src directives. The embed loads no third-party scripts on your page.