Wie Sie Bildschirmfotos (engl. Screenshots) erstellen können

Contributors Contributors Zuletzt aktualisiert:
Dies ist eine maschinengenerierte Übersetzung des englischen Inhalts. Sie wurde nicht von einem Menschen überprüft und kann Fehler enthalten. Wenn Sie diesen Inhalt überarbeiten möchten, können Sie hier beginnen.

Hinweis: Lesen Sie den Artikel Wie erstelle ich ein Bildschirmfoto meines Problems?, wenn Sie Hilfe beim Erstellen eines Screenshots benötigen, den Sie einer Frage im Mozilla-Support-Forum hinzufügen möchten.

Dieser Artikel erklärt, wie Sie auf verschiedenen Betriebssystemen und Geräten Screenshots erstellen und bearbeiten, um sie in Artikeln der Wissensdatenbank zu verwenden. Wie Sie Screenshots und andere Bilder zu Artikeln der Wissensdatenbank hinzufügen, erfahren Sie im Artikel Add images and screenshots to Knowledge Base articles.

Visuelle Markierungen

Visuelle Markierungen sind der Schlüssel zu einer klaren und benutzerfreundlichen Dokumentation. Diese Markierungen lenken die Aufmerksamkeit auf bestimmte Bereiche in einem Bild und führen die Nutzer durch jeden Schritt eines Prozesses.

Farbe der Umrandung

Verwenden Sie eine rote Umrandung (insbesondere die Hex-Farbe #f71701), um wichtige Bereiche Ihrer Screenshots abzugrenzen. Diese Farbwahl stellt sicher, dass die hervorgehobenen Bereiche sofortige Aufmerksamkeit erregen.

Eckenstil

Verwenden Sie für die Umrandungen quadratische Ecken, um eine visuelle Harmonie in Ihren Screenshot-Anmerkungen zu erzielen.

Liniendicke

Wählen Sie eine Liniendicke zwischen 4 und 8 Punkten (pt), um eine einheitliche Sichtbarkeit bei Screenshots unterschiedlicher Größe zu gewährleisten.

Hervorgehobene UI-Elemente zentriert ausrichten

Richten Sie das UI-Element zentriert innerhalb der roten Umrandung aus, um die Klarheit und Erkennbarkeit zu verbessern.

Screenshot outline example

Sequenzielle Schrittmarkierungen

Die Verwendung von sequenziellen Schrittmarkierungen auf Screenshots verknüpft jede Aktion innerhalb der Benutzeroberfläche mit den entsprechenden Textschritten. Dies reduziert Unklarheiten und die Notwendigkeit mehrerer Bilder. Es ist besonders nützlich für längere Anleitungen innerhalb desselben Fensters oder Kontexts. Mit dieser Methode können Sie mehrere Anweisungen in einem einzigen Screenshot mit klaren Indikatoren für jede Aktion in der Benutzeroberfläche zeigen. Hier ist ein Beispiel für ein geeignetes Szenario zur Anwendung dieses Ansatzes:

Sequential Step Markers example

Um diese Markierungen zu Ihren Screenshots hinzuzufügen, öffnen Sie den Screenshot in Ihrem bevorzugten Bildbearbeitungsprogramm. Speichern Sie dann die Markierungen aus der Sequential step markers list und platzieren Sie sie in den entsprechenden Bereichen des Screenshots.

Bildvorbereitung und -bearbeitung

Größe

Stellen Sie sicher, dass Screenshots eine kompakte Größe haben. Um die Ladezeiten und die Zugänglichkeit zu verbessern, insbesondere für Nutzer mit langsameren Internetverbindungen, ist es am besten, die Abmessungen von Screenshots unter 620 Pixeln in Höhe und Breite zu halten.

Example image size

Zuschneiden

  • Stellen Sie sicher, dass größere Screenshots zugeschnitten werden, um die UI-Elemente hervorzuheben, die für die jeweilige Aufgabe relevant sind.
Cropped screenshot example

Vereinfachungen

  • Vereinfachen Sie komplexe Screenshots, indem Sie nicht wesentliche UI-Elemente entfernen, um die kognitive Belastung für die Nutzer zu reduzieren. Entscheiden Sie sich für gedämpfte Graustufentöne wie #D4D4D4 und #E0E0E8 anstelle von hellen oder dunklen Farben. Diese helleren Töne helfen, Ablenkungen zu minimieren, sodass sich die Nutzer auf die wichtigen Teile des Screenshots konzentrieren können.
Simplified screenshot example

PII

  • Entfernen Sie alle persönlich identifizierbaren Informationen (PII) aus Screenshots, einschließlich E-Mails, Benutzernamen und aller persönlichen Daten, die potenziell eine Person identifizieren könnten.
Remove PII example

Heller Modus

  • Erstellen Sie Screenshots nach Möglichkeit im „hellen Modus“, da Bilder im „dunklen Modus“ für einige Nutzer möglicherweise nicht so leicht erkennbar sind.

Paint unter Windows und Vorschau unter Mac sind nützliche Programme zum Zuschneiden und Bearbeiten von Screenshot-Bildern. Sie können auch Freeware wie GIMP unter Windows, Mac und Linux verwenden. Weitere Bearbeitungsprogramme sind am Ende dieses Artikels aufgeführt.

Screenshots unter Windows

Einen Screenshot erstellen

Sobald der Bildschirminhalt so angezeigt wird, wie Sie ihn für den Screenshot haben möchten:

  1. Drücken Sie die Taste Druck (Print Screen oder Prnt Scrn oder prt sc oder PrtSc oder PrtScr, je nach Tastatur). Diese Taste befindet sich normalerweise im oberen rechten Bereich Ihrer Tastatur. Um nur das aktive Fenster zu erfassen, halten Sie die Taste Alt gedrückt, bevor Sie die Taste Druck drücken.
  2. Gehen Sie zum Windows-Menü Start und öffnen Sie das Programm Microsoft Paint aus der Liste Programme (suchen Sie unter Zubehör).
  3. Sobald Paint geöffnet ist, klicken Sie auf Einfügen und Ihr Screenshot wird angezeigt.
  4. Speichern Sie Ihr Bild als PNG-Datei an einem leicht zu findenden Ort, z. B. auf Ihrem Desktop.

Screenshots in Paint zuschneiden

Durch das Zuschneiden von Screenshots können Sie ein großes Bild so bearbeiten, dass die Leser nur das sehen, was sie sehen müssen.

  1. Öffnen Sie den Screenshot in Paint.
  2. Klicken Sie in der Symbolleiste auf Auswählen+Rechteckige Auswahl.
    Paint1
  3. Ihr Cursor sieht nun wie ein Fadenkreuz aus. Zeichnen Sie mit dem Cursor ein Rechteck um den Bereich, der im endgültigen Bild erscheinen soll.
  4. Klicken Sie auf Crop.

Bildschirmausschnitte in Paint erstellen

Mit Bildschirmausschnitten können Sie sich auf einen kleinen Teil eines Bildes innerhalb eines größeren Bildes konzentrieren. Möglicherweise möchten Sie eine einzelne Schaltfläche in einer ganzen Symbolleiste zeigen.

  1. Öffnen Sie den Screenshot in Paint.
  2. Wählen Sie in der Symbolleiste „Formen“ die Rechteckform aus.
    Paint3
  3. Wählen Sie in der Symbolleiste „Farben“ die Farbe Rot aus.
    Paint4
  4. Ihr Cursor sieht nun wie ein Fadenkreuz aus. Zeichnen Sie mit dem Cursor ein rotes Rechteck um den Bereich, den Sie hervorheben möchten.
    Paint2

Bildgröße in Paint ändern

Manche Screenshots sind sehr groß. Es ist jedoch am besten, keine Screenshots zu verwenden, die länger oder breiter als 620 Pixel sind. So ändern Sie die Größe eines großen Screenshots.

  1. Öffnen Sie den Screenshot in Paint.
  2. Klicken Sie in der Symbolleiste auf Resize. Ein Fenster Größe ändern und neigen öffnet sich.
  3. Prüfen Sie, ob Höhe und Breite beide unter 620 Pixel liegen. Wenn sie größer sind, geben Sie eine kleinere Zahl entweder in das horizontale oder das vertikale Feld ein.
    Paint5

Screenshots unter Mac

Einen Screenshot erstellen

Sobald der Bildschirminhalt so angezeigt wird, wie Sie ihn für den Screenshot haben möchten:

  • Um den gesamten Bildschirm aufzunehmen, halten Sie die Tasten Command und Shift gedrückt und drücken Sie dann die Taste 3.
  • Um einen bestimmten Bereich aufzunehmen, halten Sie die Tasten Command und Shift gedrückt und drücken Sie dann die Taste 4. Wählen Sie anschließend den Bereich aus, den Sie kopieren möchten.
  • Um ein bestimmtes Fenster aufzunehmen, halten Sie die Tasten Command und Shift gedrückt, drücken Sie dann die Taste 4 und danach die Spacebar. Sie können dann auf ein Fenster klicken, um es aufzunehmen.

Als Ergebnis wird eine PNG-Datei auf Ihrem Schreibtisch erstellt.

Bilder in der Vorschau zuschneiden

Durch das Zuschneiden von Screenshots können Sie ein großes Bild so bearbeiten, dass die Leser nur das sehen, was sie sehen müssen.

  1. Öffnen Sie den Screenshot in der Vorschau.
  2. Klicken Sie in der Symbolleiste auf PreviewToolbar. Eine zweite Symbolleiste öffnet sich.
  3. Ihr Cursor sieht nun wie ein Fadenkreuz aus. Zeichnen Sie mit dem Cursor ein Rechteck um den Bereich, der im endgültigen Bild erscheinen soll.
    Preview2
  4. Klicken Sie auf Crop.

Bildschirmausschnitte in der Vorschau erstellen

Mit Bildschirmausschnitten können Sie sich auf einen kleinen Teil eines Bildes innerhalb eines größeren Bildes konzentrieren. Beispielsweise möchten Sie vielleicht eine einzelne Schaltfläche in einer ganzen Symbolleiste hervorheben.

  1. Öffnen Sie den Screenshot in der Vorschau.
  2. Klicken Sie auf Tools > Annotate > Rectangle.
  3. Ein rotes Rechteck erscheint. Passen Sie das Rechteck so an, dass es um den Bereich passt, den Sie hervorheben möchten.
    ReloadiOS

Bildgröße in der Vorschau ändern

Manche Screenshots sind sehr groß. Es ist jedoch am besten, keine Screenshots zu verwenden, die länger oder breiter als 620 Pixel sind. So ändern Sie die Größe eines großen Screenshots.

  1. Öffnen Sie einen Screenshot in der Vorschau.
  2. Klicken Sie auf Tools > Adjust Size. Ein Fenster öffnet sich.
  3. Prüfen Sie, ob Höhe und Breite beide unter 620 Pixel liegen. Wenn sie größer sind, geben Sie eine kleinere Zahl entweder in das Feld für die Höhe oder die Breite ein.
  4. Stellen Sie sicher, dass Scale Proportionally markiert ist, und klicken Sie auf OK.
    ScalePreview

Screenshots unter Linux

Einen Screenshot erstellen

Sobald der Bildschirminhalt so angezeigt wird, wie Sie ihn für den Screenshot haben möchten:

  • Klicken Sie unter Ubuntu Linux auf das Menü Applications, gehen Sie zum Ordner Accessories und wählen Sie Take Screenshot.
  • In anderen Fällen können Sie je nach Desktop-Manager KSnapshot oder Gnome-screenshot verwenden oder die Taste Print Screen, Prnt Scrn, prt sc oder PrtSc (je nach Tastatur) drücken, um Ihren Screenshot aufzunehmen.

Screenshots auf iOS-Geräten

Einen Screenshot erstellen

Sobald der Bildschirminhalt auf Ihrem iPhone oder iPad so angezeigt wird, wie Sie ihn haben möchten:

  1. Halten Sie die Standby-Taste gedrückt und drücken Sie dann sofort die Home-Taste.
  2. Ihr Bildschirm blitzt für eine Sekunde weiß auf und das Gerät macht ein Kamera-Auslösegeräusch (wenn die Lautstärke eingeschaltet ist), um anzuzeigen, dass der Screenshot aufgenommen wurde.
  3. Der Screenshot wird nun in Ihrer Fotos-App zur Ansicht gespeichert.
iOS-Geräte: Bei iPhone 6-Geräten und neuer befindet sich die Standby-Taste auf der rechten Seite des Geräts.

Screenshots auf Android-Geräten

Einen Screenshot erstellen

Sobald der Bildschirminhalt auf Ihrem Android-Telefon oder -Tablet so angezeigt wird, wie Sie ihn haben möchten:

  1. Halten Sie die Standby-Taste und die Leiser-Taste gleichzeitig gedrückt. Der Bildschirm blitzt auf.
  2. Suchen Sie den Screenshot in der Galerie-App.
  3. Senden Sie den Screenshot an Ihren Computer. Wenn Sie möchten, bearbeiten Sie den Screenshot in einem Bildbearbeitungsprogramm wie Paint oder Vorschau.
  • Auf Android-Telefonen mit Stock-Android und Android-Version 9 (Pie) können Sie einfach die Ein/Aus/Sperren/Entsperren-Taste gedrückt halten, wodurch das Power-Menü angezeigt wird. Wählen Sie im Power-Menü Screenshot (die dritte Option am unteren Rand des Menüs) und ein Screenshot wird automatisch in der Galerie Ihres Telefons gespeichert.
  • Nicht alle Android-Geräte funktionieren auf die gleiche Weise. Wenn die oben genannten Methoden nicht funktionieren und Ihr Gerät eine Home-Taste hat, halten Sie die Home-Taste und die Ein/Aus-Taste gleichzeitig gedrückt, bis der Bildschirm aufblitzt. Für andere Methoden lesen Sie diese Artikel:

Programme

Vollständige Richtlinien für die Wissensdatenbank

Weitere Richtlinien finden Sie in den Artikeln der Wissensdatenbank für Mitwirkende.

Diese netten Menschen haben geholfen, diesen Artikel zu schreiben:

Illustration of hands

Mitmachen

Vergrößern und teilen Sie Ihr Fachwissen mit anderen. Beantworten Sie Fragen und verbessern Sie unsere Wissensdatenbank.

Weitere Informationen