So erstellen Sie einen Website-Screenshot mit bestimmten Abmessungen mit Google Chrome

So machen Sie einen Screenshot mit Google Chrome

Wenn Sie eine Agentur oder ein Unternehmen sind, das über ein Portfolio von Websites oder Seiten verfügt, die Sie online freigeben möchten, haben Sie wahrscheinlich versucht, eine Uniform zu erfassen Screenshots von jedem der Standorte.

Einer der Clients, mit denen wir arbeiten, wird gehostet Intranet-Lösungen das kann intern innerhalb der Grenzen eines Unternehmens gehostet werden. Intranets sind für Unternehmen unglaublich hilfreich, um Unternehmensnachrichten zu kommunizieren, Marketinginformationen zu verbreiten, Informationen zu Vorteilen bereitzustellen usw.

Wir haben OnSemble dabei geholfen, die Intranet-Lösung von der Website des Mutterunternehmens zu migrieren. Es war ein umfangreiches Projekt, das alles beinhaltete, von der Erstellung neuer sozialer Profile über die Aktualisierung von Marketo bis hin zur Zerlegung einiger benutzerdefinierter Entwicklungen, die sie in der Vergangenheit durchgeführt hatten, um ihre Websites zu kombinieren.

Client-Screenshots mit Google Chrome

Möglicherweise ist Ihnen dies nicht klar, aber Sie können mit den integrierten robusten Entwicklertools von Google Chrome perfekte Screenshots aufnehmen. Interessanterweise ist es kein sehr bekanntes Feature, obwohl es eine erstaunliche Flexibilität aufweist.

Hier ist ein kurzes Video-Tutorial, wie Sie mit Google Chrome einen perfekten Screenshot einer Webseite mit einer bestimmten Größe erstellen:

Schritte zum Erstellen eines Screenshots mit Google Chrome

Die Entwicklertools von Google Chrome bieten die Möglichkeit, eine Vorschau einer Website mithilfe der Gerätesymbolleiste anzuzeigen. Das Tool wurde so entwickelt, dass Entwickler sehen können, wie die Website in verschiedenen Ansichtsfenstergrößen auf verschiedenen Geräten aussieht. Es ist jedoch auch eine perfekte Möglichkeit, einen Screenshot einer Webseite in perfekter Größe zu erhalten.

In diesem Fall möchten wir, dass jeder der wichtigsten Kunden von OnSemble in allen Branchen, die schöne Intranet-Sites erstellt haben, einen Screenshot macht, damit wir sie alle in einem Portfolio auf ihrer Website anzeigen können. Die Seiten sollen 1200px breit und 800px hoch sein. Um das zu erreichen:

  1. Wählen Sie in der Navigationsschaltfläche ganz rechts (3 vertikale Punkte) die Option aus Menü anpassen und steuern.

Entwickler-Tools-Menü mit Google Chrome

  1. Klicken Sie (sodass dort ein Haken erscheint) auf das Rechteck Weitere Tools> Entwicklertools

Entwicklertools mit Google Chrome

  1. Toggle die Gerätesymbolleiste um die Geräteoptionen und -abmessungen aufzurufen.

Schalten Sie die Gerätesymbolleiste mit Google Chrome um

  1. Stellen Sie die erste Option auf ein ansprechbarStellen Sie dann die Abmessungen auf 1200 x 800 ein und drücken Sie die Eingabetaste. Die Seite wird nun mit diesen Abmessungen angezeigt.

Responsive Gerätesymbolleiste Google Chrome

  1. Klicken Sie auf der rechten Seite der Gerätesymbolleiste auf die Navigationsschaltfläche (3 vertikale Punkte) und wählen Sie Erfassen Screenshot.

Screenshot mit Google Chrome aufnehmen

  1. Google Chrome macht einen perfekten Screenshot und legt ihn in Ihrem ab Downloads Ordner, in den Sie ihn anhängen und per E-Mail senden können. Stellen Sie sicher, dass Sie keinen Screenshot in voller Größe auswählen, da dies die gesamte Länge der Seite einnimmt und Ihre Höhenbeschränkung ignoriert.

Google Chrome-Tastaturkürzel für Screenshots

Wenn Sie ein Master für Tastenkombinationen sind, können Sie mit diesen Tastenkombinationen auch einfach einen ganzseitigen Screenshot erstellen. Ich mag diesen Ansatz nicht, da ich die maximale Höhe des Ansichtsfensters nicht einstellen kann. Aber es ist praktisch, wenn Sie jemals den Screenshot einer ganzen Seite benötigt haben.

Tastaturkürzel auf einem Mac:

1. Alt + Command + I 
2. Command + Shift + P

Tastaturkürzel unter Windows oder Linux:

1. Ctrl + Shift + I 
2. Ctrl + Shift + P

Was denken Sie?

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.