Machen Sie einen hochauflösenden Screenshot einer Website


8

Ich möchte einen (Nicht-Bild-) Teil meiner Website auf ein T-Shirt kleben, und dazu benötige ich ein hochauflösendes Bild des relevanten Teils. Mein Gedanke ist, einem Dienstprogramm zu sagen, "mache einen Screenshot dieser Webseite mit dieser und jener Auflösung" und schneide dann den Teil aus, den ich will.

Ist das der richtige Ansatz? Kennt jemand ein solches Dienstprogramm?


Wenn Sie Vista verwenden, können Sie das Snippet-Dienstprogramm verwenden.

Antworten:


16

Sie können die Seite in ein PDF-Dokument drucken. Auf diese Weise wird der Text mit Vektoren gerendert und hält im hochauflösenden Druck viel besser.

Der meiste Druck erfolgt in 300 dpi. Der Text reicht manchmal bis zu 1200 oder sogar 2400 dpi. Ihr Bildschirm hingegen hat normalerweise eine Auflösung von 72 bis 96 dpi. Wenn Ihre Seite also textlastig ist, sieht sie im Vergleich zur Bildschirmversion viel schärfer und gestochen scharfer aus.

Weitere Informationen zu DPI finden Sie hier: http://www.nikon-euro.com/nikoneuro_en/hit/general/en/HIT_gen_en_17.htm


Das Schöne ist, dass das PDF wahrscheinlich auch von Ihrem Hemddrucker verwendet werden kann.
John Rudy

5
Dies funktioniert nicht genau, wenn es ein Druck-Stylesheet gibt, das die Formatierung der Seite ändert.
Andrew

5

Sie benötigen keine externen Programme.

Vergrößern Sie die Webseite durch Vergrößern (groß genug, bis Sie es möchten) und schalten Sie Firefox in den Vollbildmodus. Klicken Sie auf die Schaltfläche Bildschirm drucken, um einen Screenshot aufzunehmen, mspaint zu öffnen und den Screenshot einzufügen.

Wahrscheinlich ist der Screenshot, den Sie mögen, nicht groß genug. Wenn ja, können Sie noch mehr zoomen, mehr Screenshots machen und mehrere Screenshots zu einem großen zusammenfügen.


Sie werden nur durch die tatsächliche Auflösung des vergrößerten Objekts eingeschränkt. Irgendwann wird es körnig aussehen.
Dagorym

1
@dagorym, da er angibt, dass es sich um einen Nicht-Bild-Teil handelt, sollte beim Skalieren alles hochauflösend bleiben. Und in Chrome skaliert es linear, sieht gut aus.
Hyperslug

3
Stellen Sie außerdem sicher, dass Ihre Bildschirmauflösung auf die höchste Einstellung eingestellt ist, bevor Sie den Screenshot aufnehmen. [Klicken Sie mit der rechten Maustaste auf den Desktop, wählen Sie Eigenschaften (2k / XP) oder Personalisieren (Vista / 7).]
Fällig

1
@hyperslug: Liebst du WebKit nicht? Apple hat die Rendering-Engine für Chrome geschrieben. Ich mag Apple nicht, aber ich liebe ihre Arbeit an WebKit.
John Gietzen

@ John Gietzen: Apple ist nicht der einzige Entwickler von Webkit, es gibt viele andere (einschließlich Google): en.wikipedia.org/wiki/WebKit
EvilChookie

3

Ich liebe MWSnap. Die aktuelle Bildschirmauflösung bleibt erhalten, und Sie können die gewünschten Abschnitte auswählen oder später zuschneiden.

AFAIK, Sie können keinen Screenshot außerhalb der Auflösung verwenden, die Sie bereits verwenden. Bei einer Website sollte eine Erhöhung der Auflösung keine Auswirkungen haben.

(Und es ist kostenlos) http://www.mirekw.com/winfreeware/mwsnap.html

BEARBEITEN: Wenn Sie es in Photoshop entworfen und das Bild noch nicht rasteurisiert haben, können Sie die Auflösung dort erhöhen, jedoch nicht über den Browser.


Ich mag auch MWSnap. Die einzige "Beschwerde", die ich darüber habe, ist, dass es keine neueren Versionen gibt.
Isxek

Ich stimme zu ... die Tatsache, dass es nur auf dem primären Monitor für mehrere Monitor-Setups funktioniert, macht mich einige Tage wahnsinnig.
RiddlerDev

3

Wenn Sie Vista verwenden, klicken Sie auf Start-> SnippingTool ausführen


3

Wir hatten einen norwegischen Studenten, der nur einen Teil einer sehr langen Webseite drucken wollte ( http://www.wilsonminer.com/posts/2006/may/10/are-you-generic/ dies war die eigentliche Seite). PrintWhatYouLike.com hat sehr geholfen, ist kostenlos und sehr einfach zu bedienen.

PrintWhatYouLike.com

Es ist eine kostenlose Website, mit der Sie jede Webseite zum Drucken formatieren können.

Sie geben zunächst die URL der Seite ein, die Sie drucken möchten. Mit dem PrintWhatYouLike-Online-Editor können Sie die Seitenelemente schnell entfernen, in der Größe ändern und neu anordnen, sodass Sie nur das drucken können, was Sie möchten.

Es funktioniert ziemlich gut für mich, ich habe es in IE8, Firefox 3.5 und Chrome getestet

Verwenden Sie es einfach zum Drucken in eine PDF-Datei und es ist perfekt!


2

Sie können nur einen Screenshot mit Bildschirmauflösung aufnehmen. In jedem Betriebssystem, das Sie möglicherweise verwenden, ist eine Screenshot-Funktion integriert.

DRUCKBILDSCHIRM unter Windows (dann in MSPaint oder was auch immer einfügen) oder Command Shift 3 oder F3 oder etwas auf dem Mac, und das Bild wird auf Ihren Desktop kopiert.


3
Vergessen Sie nicht, dass Sie ALT + Print-Screen in Fenstern verwenden können, um nur das betreffende Fenster zu erfassen. Dies ist hilfreich, wenn Sie mehrere Monitore einrichten und sich nicht um das Zuschneiden der Bilder vom zweiten Monitor kümmern müssen.
Dillie-O

1

Screengrab ! Es kann die Seite / den Rahmen / den sichtbaren Teil / die Auswahl / das Fenster von Firefox kopieren / speichern.


Screengrab ist leider das Ende des Lebens - der Autor kann mit dem Tempo der Firefox-Änderung nicht Schritt halten.
SamStephens

1

Wenn Sie zoomen und dann Abduction oder CaptureIt! sollte es funktionieren, beide scrollen automatisch. Ich mag die Print-to-PDF-Idee, vorausgesetzt, alle Hintergründe bleiben erhalten.


Die Entführung funktioniert nicht - sie berücksichtigt Ihren Zoom nicht und erfasst die Seite in Originalgröße. Ich weiß nichts über CaptureIt!, Ich kann es nicht finden.
SamStephens

1

Paparazzi (für Mac) eignet sich sehr gut zum Erfassen von Webseiten. Export als PDF-, TIFF-, PNG- oder JPG-Dateien.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.