Extenshi · Icon preview
Note Grabber
Palettehow the toolbar around your icon is colored
Chrome
New Tab×
Docs — Extenshi
+
Firefox
New Tab×
+
⌄
Edge
New Tab×
Docs — Extenshi
+
Contrast across palettesdoes the icon survive every background?
△ Low-saturation mid-gray icon: it clears the contrast ratio on every palette, yet stands out on none of them — mid-gray reads as "part of the toolbar" everywhere. Consider a saturated brand color, or add a darker/lighter outline or backdrop shape.
Store sizes
Trim empty margins
Rescale the artwork edge-to-edge — applied to every preview, the size matrix, and all exports.
The 16 px render at 8× magnification on the selected toolbar color — this is the version most users will actually see. Check that the silhouette stays readable and edges don't dissolve.
Recommended promptpaste into whatever draws your icon to fix the findings
Export
{
"icons": {
"16": "icons/16.png",
"32": "icons/32.png",
"48": "icons/48.png",
"128": "icons/128.png"
},
"action": {
"default_icon": {
"16": "icons/16.png",
"32": "icons/32.png"
}
}
}
Generated locally by @extenshi/cli — no data left your machine.