FireShot – Screenshots erstellen und bearbeiten

Von Sahanya am 25. August 2008 um 09:00

Das Firefox-Addon FireShot 0.58 ist wirklich eine besonders hilfreiche Browser-Erweiterung. Mit ihm kann man Screenshots machen (auch von kompletten Seiten, nicht nur von am Monitor sichtbaren Teil) und diese anschließend nach herzenslust bearbeiten.

Nach der Installation sollte man als erstes die umfangreichen Einstellungen (Preferences) des Programms anpassen.

Einstellungsmöglichkeiten

Generelle Einstellungen

Bei den generellen Einstellungen erkennt man schon die Möglichkeiten, die einem FireShot bietet. Man kann (wie bereits oben erwähnt) zuerst einmal wählen wovon genau ein Screenshot gemacht werden soll: sichtbarer Bereich (Visible Area) oder die komplette Seite (Entire Page). Und man kann entscheiden, wo sich FireShot integrieren soll:

Kontextmenü
Statusleiste
Extras-Menü (engl. Tools)
Navigations-Symbolleiste

Bei allen Varianten kann man wählen was mit einem angefertigten Screenshot im Anschluss geschehen soll:

Bearbeiten (Edit) – sicherlich die interessanteste Variante mit diesem Add-on
Hochladen (Upload) – der Screenshot kann im Web gespeichert werden!!
Sichern (Save) bzw. lokal speichern
In die Zwischenablage kopieren (Copy to Clipboard)
Als E-Mail versenden (mit Outlook)
In einem externen Programm öffnen (Open in external Editor)

Hier an dieser Stelle kann man also festlegen, welche Option als Standard ausgewählt sein soll, d. h. was FireShot macht, wenn man nur einen Button klicken möchte und das Programm nicht über das Dropdownmenü auswählen oder (falls sie dies hier aktiviert haben) das Kontextmenü.

Capturing-Einstellungen

Auf dem Reiter "Erfassung" (Capturing) kann man festlegen, ob ein Ton abgespielt werden soll und ob auf der Webseite eingebettete Flashfilme auch erfasst werden sollen und wenn ja mit welcher Verzögerung. Zudem kann man die Größe des Screenshots bestimmen.

Interessanter wird es auf dem Karteireiter "Editor". Hier gelangt man zu weiteren Einstellungen, die man festlegen kann:

Soll die Internetadresse (URL) der Quelle auf dem Screenshot angezeigt werden? Wo landen Screenshots, die gespeichert werden sollen (Pfad) und wann sollen diese Bilder wieder gelöscht werden?

Generelle Optionen

Bei den Standardaktionen (default action) kann man über das Verhalten folgender Aktionen entscheiden:

Soll eine Nachricht angezeigt werden, wenn ein Screenshot erfolgreich in die Zwischenablage kopiert wurde? Anzeigen (Display), nicht anzeigen (Don´t Display)
Soll der Ordner geöffnet werden, in den ein Screenshot gespeichert wurde? Nur auf Nachfrage (Ask), automatisch öffenen (Open), nicht öffnen (Don´t open)
Soll das Programm FireShot verlassen werden nachdem ein Screenshot "verarbeitet" wurde, z. B. nach dem Speichern? Nur auf Nachfrage (Ask) automatisch verlassen (Exit), nicht verlassen (Don´t exit)
Soll das Programm FireShot durch das Drücken auf die Escape-Taste verlassen werden? Nur auf Nachfrage (Ask) automatisch verlassen (Exit), nicht verlassen (Don´t exit)

Standard-Aktionen

Bei den Editor-Optionen können folgende Einstellungen vorgenommen werden:

Soll das Werkzeugfenster frei "schweben" oder am rechten Rand angedockt sein, mit welchem externen Programm sollen die Screenshots weiter bearbeitet werden. Zusätzlich kann man hier die Namensgebung der Screenshots festlegen, wenn diese gespeichert werden.

Editor-Optionen

Für die Ansicht (Display Settings) können die folgenden Optionen aktiviert bzw. deaktiviert werden:

Einstellungen der Ansicht

Dabei bedeutet:

Display annotation – Beschriftung anzeigen
Display number – Nummerierung anzeigen
Display callout line – Hinweislinien (Pfeile) anzeigen
Display shadows – Schattierungen anzeigen
Display hints – Hinweise anzeigen

Dabei bezieht sich dies alles auf die mögliche Bearbeitung der Screenshots (s. u.). Das gleiche gilt auch für die Optionen unter "Styles & Placement" (Stil und Platzierung):

Stil und Platzierung

Dabei geht es vor allen Dingen darum wo und wie Anmerkungen zu dem Screenshot dargestellt werden sollen.

Und damit wären wir bei dem Herzstück dieses Add-ons. Sicherlich kann man damit auch "nur" Screenshots machen und sie unbearbeitet speichern oder verschicken, aber interessant ist dieses Add-on wegen seiner Möglichkeit die Screenshots zu bearbeiten.

Screenshots bearbeiten

Nachdem also ein Screenshot zum Editieren gemacht wurde, öffnet FireShot ihn (falls so eingestellt) im Editierfenster. In meinem Fall wird die Quell-URL oben links angezeigt:

unbearbeiteter Screenshot

Das Bearbeiten läßt sich leicht über die Symbolleiste bzw. über die Werkzeugleiste realisieren:

Screenshot bearbeiten

Nach dem Einfügen von Bearbeitungshinweisen sieht die Webseite jetzt so aus:

bearbeiteter Screenshot

Im Detail habe ich folgende Anmerkungen gemacht:

Werkzeuge

W-Leiste

Mit dem Form-(Shape-)Werkzeug habe ich den Copyright-Hinweis umrahmt und ihn beschriftet.
Mit dem Zeichnen-(Drawing-)Werkzeug habe ich ein Ausrufezeichen gemalt.
Mit dem Zeiger-(Pointer-)Werkzeug habe ich auf das Logo verwiesen, zusätzlich habe ich hier eine Nummerierung eingefügt.
Mit dem Text-Werkzeug können einfache Texte eingefügt werden.
Mit dem Bild-(Image-)Werkzeug habe ich das Southparkbild eingefügt.

Für alle Werkzeuge steht einem zusätzlich die Werkzeugleiste zur Verfügung, bei der man sämtliche Farben und Formen noch einmal individuell anpassen kann. Hier kann man die Elemente auch kopieren, löschen, nummerieren etc.

Auswahl

Zusätzlich zu diesen Funktionen verfügt FireShot noch über ein Auswahlwerkzeug.

Durch ein Dropdownmenü kann man auswählen, ob die Auswahl/Selektion quadratisch oder ellipitisch sein soll. Hat man einmal etwas ausgewählt eröffnen sich einem folgende Möglichkeiten:

Selektion

Eine Anmerkung aus der Zwischenablage einfügen. ("Paste")
Eine neue Auswahl erstellen (Deselektion der bestehenden Auswahl). ("New")
Die Auswahl umkehren. ("Inver Sel.")
Eine Anmerkung erstellen/anbringen. ("Annotate")
Den gewählten Bereich ausschneiden. ("Crop")

ausgeschnitten
Den gewählten Bereich mit einer Farbe füllen. ("Fill")

gefüllt
Den gewählten Bereich verschwommen "machen". ("Blur")

verschwommen
Den gewählten Bereich in Graustufen umwandeln. ("Grayscale")

Graustufen
Den gewählten Bereich invertieren. ("Invert")

invertiert
Den gewählten Bereich farbig leuchten lassen. ("Glow")

leuchten
Den gewählten Bereich mit TV-Linien versehen. ("Interlace")

TV-Linien

Fazit

Alles in allem also ein wunderbares Add-on um Screenshots für z. B. Präsentationen aufzubereiten. Dabei helfen nicht nur die hier vorgestellten "Spielereien", sondern vor allen Dingen die Möglichkeit eigene Anmerkungen im Screenshot anzubringen. Erwähnenswert scheint mir auch zu sein, dass man die Möglichkeit hat "ganze" Webseiten als Screenshot zu erstellen und nicht nur den sichtbaren Bereich. Besondere Benutzerfreundlichkeit erreicht FireShot durch seine vielfältigen Einstellungsmöglichkeiten, die man ganz individuell an seinen Arbeitsablauf anpassen kann.

Unterstützung für IE

Eine kleine Besonderheit noch zum Schluss: das Firefox-Addon FireShot läßt sich sogar für den Internet Explorer aktivieren.

Diesen Artikel weiterempfehlen:

6 Reaktionen auf diesen Beitrag »»

Kommentare

Marc sagte am
25. August 2008 um 10:03 folgendes:

FireShot ist für Linux nicht verfügbar.

Schade…

Antworten
gauda sagte am
25. August 2008 um 10:41 folgendes:

wer auf den editieren-kram verzichten kann und ein plattformunabhängiges addon sucht, versuche es mit dem Pearl Crescent Page Saver. habe damit gute erfahrungen gemacht.

Antworten
Marc H. sagte am
25. August 2008 um 11:16 folgendes:

FireShot ist für MacOSX nicht verfügbar.

Auch sehr schade…

Antworten

Webwork-Tools - Dem Webworker seine Werkzeugkiste