VELVIONIX SCREENSHOT WERKZEUG 1.5.0
Anleitung für Google Chrome und Microsoft Edge

Velvionix Screenshot Werkzeug nimmt den sichtbaren Bereich einer Website auf und öffnet ihn in einem Editor. Dort messen Sie Abstände, vergleichen Farben, markieren Fehler, verdecken vertrauliche Inhalte und geben das Ergebnis als PNG weiter. Alles läuft lokal in Ihrem Browser.

Downloadseite mit aktueller Version und häufigen Fragen:
https://qa.velvionix.com/tools/screenshot-tool/

Voraussetzungen: ein Chromium-basierter Desktop-Browser wie Google Chrome oder Microsoft Edge ab Version 109. Firefox, Safari und mobile Browser werden nicht unterstützt.


INHALT

1. Installation
2. Die erste Aufnahme
3. Werkzeuge im Überblick
4. Abstände messen
5. Farben vergleichen
6. Vertrauliches verdecken
7. Eigene Bilder öffnen
8. Ansicht, Sprache und Zurücksetzen
9. Tastenkürzel
10. Updates
11. Datenschutz und lokale Daten
12. Wenn etwas nicht klappt
13. Lizenz


1. INSTALLATION

Sie brauchen kein Konto, keinen Web Store und keine Programmierkenntnisse.

1. Entpacken Sie die ZIP-Datei vollständig in einen Ordner, den Sie dauerhaft behalten, zum Beispiel unter Dokumente.
2. Öffnen Sie die Erweiterungsverwaltung. Geben Sie dazu in die Adressleiste chrome://extensions (Chrome) oder edge://extensions (Edge) ein und drücken Sie Enter.
3. Schalten Sie den Entwicklermodus ein.
4. Klicken Sie auf „Entpackte Erweiterung laden“.
5. Wählen Sie den Ordner, in dem die Datei manifest.json direkt liegt. Meist heißt er wie die ZIP-Datei, also screenshot-werkzeug-1.5.0. Sehen Sie darin nur einen weiteren Ordner, wählen Sie diesen inneren Ordner.
6. Heften Sie das Werkzeug an die Symbolleiste: Öffnen Sie das Erweiterungsmenü (Puzzle-Symbol) neben der Adressleiste und klicken Sie bei Velvionix Screenshot Werkzeug auf die Stecknadel. In Edge heißt die Option „In Symbolleiste anzeigen“.

Wichtig: Verschieben oder löschen Sie den Ordner nach der Installation nicht. Der Browser lädt die Erweiterung bei jedem Start aus diesem Ordner.

Weil die Installation nicht über einen Web Store läuft, kann der Browser auf den Entwicklermodus hinweisen. Das ist bei dieser Installationsart normal. Auf verwalteten Firmenrechnern können Richtlinien die Installation verhindern. Wenden Sie sich dann an Ihre IT.

Optional:
- Private Fenster: In den Details der Erweiterung „Im Inkognitomodus zulassen“ aktivieren. In Edge heißt die Einstellung „In InPrivate zulassen“.
- Lokale HTML-Dateien (file://): In den Details „Zugriff auf Datei-URLs zulassen“ aktivieren.


2. DIE ERSTE AUFNAHME

1. Öffnen Sie die Website und scrollen Sie den gewünschten Bereich ins Bild.
2. Klicken Sie auf das Symbol des Werkzeugs oder drücken Sie Alt+Umschalt+S.
3. Der Editor öffnet sich mit der Aufnahme in einem neuen Tab.
4. Schneiden Sie den Ausschnitt zu, markieren Sie die wichtige Stelle und messen Sie bei Bedarf.
5. „PNG speichern“ lädt die Datei herunter. „Bild kopieren“ legt sie in die Zwischenablage, zum Beispiel zum Einfügen in ein Ticket.

Aufgenommen wird der sichtbare Bereich des aktiven Tabs, ohne Browserleisten und ohne automatisches Scrollen.


3. WERKZEUGE IM ÜBERBLICK

Wählen Sie links ein Werkzeug. Farbe, Größe und weitere Einstellungen erscheinen passend dazu oberhalb des Bildes.

- Auswahl (V): Markierungen anklicken, verschieben, umfärben oder mit Entf löschen. Ein Doppelklick auf einen Text öffnet ihn zum Bearbeiten.
- Zuschneiden (C): Ausschnitt aufziehen, dann „Anwenden“ klicken oder Enter drücken.
- Pfeil (A), Rahmen (R), Ellipse (E) und Freihand (P): mit gedrückter Maustaste zeichnen.
- Hinterlegung (H): transparente Farbfläche zum Hervorheben. Sie verdeckt nichts.
- Nummer (N): fortlaufende Nummern für Hinweise in Schritten.
- Text (T): an die gewünschte Stelle klicken und schreiben.
- Lineal (M), Farbpipette (I), Verpixeln (B) und Schwärzen (X): siehe die folgenden Abschnitte.


4. ABSTÄNDE MESSEN

- Wählen Sie „Lineal“ (M) und oberhalb des Bildes die Richtung: Horizontal, Vertikal oder Freie Strecke.
- Ziehen Sie von Kante zu Kante. Beim Loslassen erscheinen Maßlinie und Pixelwert im Bild. Beides wird mit dem PNG exportiert.
- Für einen Vergleich ziehen Sie weitere Linien.
- Mit „Auswahl“ verschieben Sie den Wert allein, ohne die Messpunkte zu ändern. Ziehen an der Linie bewegt die ganze Messung. Der Startpunkt ist gefüllt, der Endpunkt hohl.
- Gemessen werden Bildpixel der Aufnahme, unabhängig vom Zoom im Editor. Das sind keine CSS-Pixel: Bildschirmskalierung und Browserzoom beeinflussen das Verhältnis. Kanten werden nicht automatisch erkannt.


5. FARBEN VERGLEICHEN

- Wählen Sie „Farbpipette“ (I) und klicken Sie nacheinander Punkt A und Punkt B im Bild an. Die Lupe zeigt das gemessene Pixel.
- Rechts erscheinen HEX, RGB, die Pixelkoordinaten und der Vergleich. Zum erneuten Messen wählen Sie A oder B im Bedienfeld und klicken erneut ins Bild.
- Mit „A ins Bild setzen“, „B ins Bild setzen“ oder „Vergleich ins Bild setzen“ erscheint eine Vorschau. Bewegen Sie sie an die gewünschte Stelle und platzieren Sie sie mit einem Klick. Esc bricht ab. Solange eine Platzierung offen ist, ist der Export gesperrt.
- Eingefügte Farbkarten lassen sich mit „Auswahl“ verschieben, in der Schriftgröße ändern und löschen. Neue Messungen ändern bestehende Karten nicht.
- „HEX kopieren“ kopiert den aktiven Wert. „Als Zeichenfarbe“ übernimmt ihn für Ihre Markierungen.
- Gemessen wird ein sRGB-Pixel der Originalaufnahme, unabhängig von Markierungen und Zoom. Das ist kein CSS-Quellwert und keine Messung Ihres Monitors. Messen Sie Flächenfarben innerhalb der Fläche, nicht an geglätteten Kanten, Verläufen oder Schatten.


6. VERTRAULICHES VERDECKEN

- Schwärzen (X): deckt einen Bereich vollständig schwarz ab. Verwenden Sie diese Funktion für vertrauliche Texte.
- Verpixeln (B): Bereich aufziehen und die Pixelgröße oberhalb des Bildes einstellen. Verpixelte Inhalte können erkennbar bleiben. Verpixeln ist keine sichere Schwärzung.
- Die Hinterlegung (H) ist transparent und verdeckt nichts.
- Der Editor behält das Original lokal für Rückgängig und die Farbpipette. Geben Sie nur das exportierte PNG weiter und prüfen Sie es vorher.


7. EIGENE BILDER ÖFFNEN

- Wählen Sie oben im Editor „Bild öffnen“ und eine PNG-, JPEG- oder WebP-Datei. Sie öffnet sich in einem neuen Editor-Tab. Die bisherige Aufnahme bleibt erhalten.
- Ohne vorherige Aufnahme: Rechtsklick auf das Symbol des Werkzeugs, dann „Optionen“ oder in den Details der Erweiterung „Erweiterungsoptionen“. Danach „Bild öffnen“ wählen.
- Grenzen: 25 MB, 24 Millionen Pixel und 16.384 Pixel je Seite. Ungeeignete Dateien werden mit einer Meldung abgewiesen.
- Die Originaldatei bleibt unverändert, und es wird nichts hochgeladen. Das Ergebnis speichern Sie als PNG.


8. ANSICHT, SPRACHE UND ZURÜCKSETZEN

- „Werkzeuge“ oben links klappt die Werkzeugleiste zu einer schmalen Symbolleiste ein und wieder aus. Die Einstellung bleibt gespeichert.
- Oben rechts wechseln Sie zwischen Deutsch und English. Beim ersten Start gilt die Sprache des Browsers, sonst Englisch. Bereits eingefügte Farbkarten behalten ihre Sprache. Eigene Texte werden nicht übersetzt.
- „Alles zurücksetzen“ entfernt nach einer Rückfrage alle Markierungen, Messungen, Farbproben, Verpixelungen, Schwärzungen und den Zuschnitt. Das Originalbild bleibt erhalten. Rückgängig stellt alles in einem Schritt wieder her.
- Der Bearbeitungsstand wird laufend lokal gespeichert. Nach dem Neuladen des Editor-Tabs ist er noch da, die Rückgängig-Historie aber nicht.


9. TASTENKÜRZEL

Alt+Umschalt+S   Aufnahme starten
V   Auswahl
C   Zuschneiden
A   Pfeil
R   Rahmen
E   Ellipse
H   Hinterlegung
N   Nummer
T   Text
P   Freihand
M   Lineal
I   Farbpipette
B   Verpixeln
X   Schwärzen
Strg+Z   Rückgängig
Strg+Umschalt+Z oder Strg+Y   Wiederholen
Strg+S   PNG speichern
Strg+C   Bild kopieren
Esc   Aktion abbrechen
Entf   Auswahl löschen

Die Buchstabentasten wirken nicht, während Sie in ein Textfeld schreiben. Das Kürzel für die Aufnahme ändern Sie unter chrome://extensions/shortcuts oder edge://extensions/shortcuts.


10. UPDATES

- Klicken Sie unten in der Werkzeugleiste auf „Nach Updates suchen“. Ohne diesen Klick fragt das Werkzeug nie nach Updates.
- Gibt es eine neue Version, erscheint ein Link zur Downloadseite. Updates werden nicht automatisch installiert.
- So aktualisieren Sie: Aufnahmen, die Sie noch brauchen, exportieren. Die neue ZIP-Datei herunterladen und die Dateien im bisherigen Ordner ersetzen. Auf der Erweiterungsseite „Neu laden“ klicken und alte Editor-Tabs schließen.
- Bei Verbindungsproblemen erscheint eine Meldung. Versuchen Sie es dann später erneut. Die Bearbeitung von Bildern funktioniert unabhängig davon.


11. DATENSCHUTZ UND LOKALE DATEN

- Keine Uploads von Screenshots, kein Konto, keine Nutzungsanalyse, keine externen Schriften oder Skripte.
- Nur „Nach Updates suchen“ verbindet sich mit qa.velvionix.com. Dabei erhält der Hostinganbieter technisch bedingt Ihre IP-Adresse und Verbindungsdaten. Cookies, Bildinhalte, besuchte Adressen, eigene Kennungen und die installierte Version werden nicht mitgesendet. Der Versionsvergleich findet auf Ihrem Gerät statt.
- Aufnahme, Seitentitel und Bearbeitungsstand liegen im lokalen Speicher der Erweiterung. Wenn Sie den Editor-Tab schließen, wird die zugehörige Aufnahme gelöscht. Nach einem Browserabsturz werden verbliebene Daten beim nächsten Browserstart bereinigt.
- Exportierte Dateien und Inhalte der Zwischenablage werden nicht automatisch gelöscht.


12. WENN ETWAS NICHT KLAPPT

- Der Browser meldet, dass die Manifestdatei fehlt: Sie haben einen Ordner zu weit oben gewählt. Wählen Sie den Ordner, in dem manifest.json direkt liegt.
- Kopieren funktioniert nicht: Klicken Sie in den Editor und versuchen Sie es erneut. Oder speichern Sie das PNG und fügen Sie die Datei im Zielprogramm ein.
- Die Aufnahme ist unvollständig: Geschützte Inhalte, etwa manche Videos, und Browserrichtlinien können eine Aufnahme einschränken.
- Alt+Umschalt+S reagiert nicht: Das Kürzel ist vermutlich anderweitig belegt. Legen Sie unter chrome://extensions/shortcuts oder edge://extensions/shortcuts ein anderes fest.

Fragen oder einen Fehler gefunden? Schreiben Sie an info[at]velvionix.com.


13. LIZENZ

Die Nutzung ist kostenlos, privat und geschäftlich. Innerhalb Ihres Unternehmens dürfen Sie die unveränderte ZIP-Datei weitergeben. Öffentlich erhältlich ist das Werkzeug nur über die offizielle Downloadseite. Nicht erlaubt sind Änderungen, jede andere öffentliche Verbreitung und das Anbieten unter anderem Namen. Es gelten die Lizenzbedingungen in LICENSE.txt.

© 2026 Velvionix GmbH, Dresden
