AIMRAN Capture
Ganzseitige, Bereichs- und sichtbare Screenshots, Vorschau auf Smartphone, Tablet und Laptop, Anmerkungseditor und Designelemente.
AIMRAN Capture speichert jede Website als gestochen scharfes Bild, lässt Sie es wie in einer Desktop-App annotieren und hilft Ihnen, ihr Design mitzunehmen: Farben, Schriften und Bilder, bereit zum Kopieren oder Herunterladen. Für Designerinnen und Designer, Entwicklerinnen und Entwickler und alle, die Webseiten dokumentieren, prüfen oder analysieren.
SCREENSHOTS
- Ganze Seite: scrollt Bildschirm für Bildschirm durch die Seite und setzt die Streifen nahtlos zusammen, auch auf HiDPI-Displays und mit Zoom. Fixierte Kopfzeilen erscheinen nur einmal, danach kehrt die Seite an ihre ursprüngliche Position zurück.
- Funktioniert auch in Apps mit innerem Scrollbereich: Der Hauptcontainer wird aufgenommen.
- Sichtbarer Bereich oder ein beliebiger Bereich, den Sie aufziehen, in der echten Auflösung Ihres Bildschirms.
- Lokale Galerie mit Suche nach Titel oder Adresse.
ANMERKUNGSEDITOR
- Pfeile, Linien, Rechtecke, abgerundete Rechtecke und Ellipsen (Umschalt für exakte Proportionen, Alt zum Zeichnen von der Mitte aus).
- Stift und transparenter Textmarker, Text mit optionalem Hintergrund, nummerierte Schritte 1, 2, 3 und Emojis mit Suche nach Namen und zuletzt verwendeten.
- Sensible Daten weichzeichnen oder verpixeln, einen Bereich hervorheben und den Rest abdunkeln sowie das Bild zuschneiden.
- Jede Anmerkung bleibt bearbeitbar: verschieben, skalieren, drehen oder duplizieren sowie Farbe, Stärke und Deckkraft ändern. Unbegrenztes Rückgängigmachen und Wiederholen, Zoom und ein Tastenkürzel für jedes Werkzeug.
- Export als PNG oder JPG, Kopieren in die Zwischenablage oder Speichern als neue Version in der Galerie, ohne das Original zu verlieren. Anmerkungen lassen sich später erneut öffnen und weiterbearbeiten.
GERÄTEVORSCHAU
- Smartphone, Tablet und Laptop: emuliert jedes Gerät echt im Tab (Breite, Pixeldichte, User-Agent und Toucheingabe) und nimmt den Bildschirm oder die ganze Seite auf, im Hoch- oder Querformat.
- Standardmäßig ohne Rahmen; per Schalter zusätzlich in einem dezenten Geräterahmen, auf transparentem, hellem oder dunklem Hintergrund. Den Rahmen können Sie später ohne neue Aufnahme hinzufügen oder entfernen.
- „Alle drei“: ein Responsive-Mockup mit dem Laptop im Hintergrund sowie Tablet und Smartphone davor – bereit für die Präsentation beim Kunden – oder die drei Aufnahmen ohne Rahmen nebeneinander.
- Maße, Pixeldichte und User-Agent lassen sich in den Einstellungen ändern. Danach kehrt die Seite in ihren ursprünglichen Zustand zurück.
DESIGN-RESSOURCEN
- Farben: Palette nach Häufigkeit sortiert, ähnliche Töne gruppiert, CSS-Farbvariablen der Website sowie HEX-, RGB- und HSL-Werte, die sich mit einem Klick kopieren lassen. Export der Palette als CSS-Variablen, JSON oder Tailwind-Konfiguration.
- Schriften: auf der Seite verwendete Schriftfamilien, Größenskala, Schriftstärken, Zeilenhöhen, geladene Schriften und @font-face-Regeln. Die CSS-Deklaration jedes Stils lässt sich kopieren.
- Bilder: img-Tags, srcset, picture, CSS-Hintergründe, Inline-SVG, Favicon und og:image, gefiltert nach Typ und Größe. Einzeln oder alle herunterladen.
- ZIP exportieren: Bilder, palette.json, tokens.css, typography.json und der Screenshot der Seite in einer Datei.
CSS-SELEKTOR UND MASSE
- Zeigen Sie auf ein Element, um Inhalt, Padding und Margin zu sehen – wie in den Entwicklertools.
- Klick: kopiert einen eindeutigen CSS-Selektor und fixiert das Element. Umschalt + Klick: kopiert seine Maße. Alt: zeigt den Abstand zwischen dem fixierten und dem angezeigten Element.
SO FUNKTIONIERT ES
- Klicken Sie auf das Symbol von AIMRAN Capture und wählen Sie eine Aktion. Der Screenshot öffnet sich in der Ansicht; klicken Sie auf „Annotieren“, um ihn zu bearbeiten.
- Tastenkürzel: Alt+Umschalt+V (sichtbarer Bereich), Alt+Umschalt+F (ganze Seite; erneut drücken zum Abbrechen), Alt+Umschalt+M (CSS-Selektor und Maße) und Alt+Umschalt+D (Smartphone-Vorschau). Anpassbar unter chrome://extensions/shortcuts. Im Editor zeigt ? alle Tastenkürzel.
- Verfügbar auf Deutsch, Englisch, Spanisch und Französisch; die Sprache wählen Sie in den Einstellungen.
DATENSCHUTZ
- Alles wird in Ihrem Browser verarbeitet und gespeichert. Keine Konten, keine Server, keine Analyse und keine Werbung.
- Die Erweiterung greift nur auf einen Tab zu, wenn Sie auf ihr Symbol klicken oder ein Tastenkürzel verwenden.
- Der Zugriff auf andere Websites ist optional: Er wird nur angefragt, um Bilder anderer Domains in das ZIP aufzunehmen.
- Die Gerätevorschau nutzt die Chrome-Berechtigung „debugger“ nur im aufgenommenen Tab und nur während der Aufnahme; Chrome blendet dabei einige Sekunden lang eine Leiste ein.
Chrome erlaubt keine Aufnahmen seiner internen Seiten, des Chrome Web Store oder des PDF-Viewers.
AIMRAN Capture ist Teil von AIMRAN, von Aimran Oukham · aimran.es