Store-Screenshots für Browser-Erweiterungen erstellen.
Kostenloses Browser-Tool für Store-Screenshots von Erweiterungen (Chrome, Firefox, Edge, Opera): Verlauf, scharfe Lupe und Glas-Textkarte, als PNG oder JPEG. Ohne Upload.
- Formate
- Chrome · Firefox · Edge · Opera
- Export
- PNG · JPEG
- Uploads
- Keine
- Preis
- Kostenlos
Das Problem
Jede Erweiterung braucht fünf schöne Store-Screenshots, und jedes Update braucht sie neu. In Figma verrutschen Elemente zwischen Folien, Lupen sind unscharfe Ausschnitte, und der Glaseffekt geht beim Export kaputt.
Wofür es gut ist
- Die fünf Screenshots für einen neuen Eintrag im Chrome Web Store oder bei Firefox Add-ons erstellen.
- Nach einem Update alle Screenshots neu machen, ohne dass das Layout zwischen den Folien verrutscht.
- Ein kleines Detail deiner Oberfläche mit einer Lupe zeigen, die scharf bleibt.
- Dasselbe Design auch als Promo-Kachel und im Hochformat exportieren.
Was es kann
Gemeinsames Layout, Inhalt pro Folie
Hintergrund, Rahmen, Karte und Lupenstil sind global, nichts verrutscht zwischen Folien.
Eine scharfe Lupe
Die Lupe rendert die Szene vergrößert neu, statt Pixel zu skalieren, und bleibt an ihrem Detail verankert.
Pixelgenauer Export
Ein Canvas-2D-Renderer zeichnet Vorschau, Thumbnails und Export, du bekommst also genau, was du siehst.
Jede Store-Größe
Chrome Web Store, Full HD, Promo-Kacheln und Hochformat. Größenwechsel behält das Layout.
Glas auf dem Canvas, nicht in CSS
backdrop-filter lässt sich per DOM-to-Image nicht zuverlässig exportieren, deshalb wird die Milchglaskarte auf dem Canvas berechnet: Der Bereich hinter der Karte wird in Viertelauflösung abgetastet, mit ctx.filter weichgezeichnet (mit Down-/Up-Sampling als Fallback für ältere Safari-Versionen), zwischengespeichert und wieder hochskaliert. Weil er ohnehin unscharf ist, sieht billiges bilineares Hochskalieren genauso aus wie ein Blur in voller Auflösung.
Auflösungsunabhängiges Layout
Positionen sind Anteile der Folie, Größen sind Punkte bei 1920 × 1080. Der Wechsel vom Chrome-Screenshot zur Promo-Kachel behält die Komposition.
Local-first
Projekte speichern automatisch in IndexedDB, Schriften sind selbst gehostet, es gibt keine Anfragen an Dritte. Screenshot mit Strg/⌘ + V einfügen, mit Strg/⌘ + E exportieren.
Die TabTTL-Store-Screenshots auf dieser Seite sind mit Storeshot entstanden.