Wie kann ein Webserver solche Bilder machen?

Question

Unten ist ein Thumbnail-Bild, das auf einem Beitrag von http://doctype.com/ ist, wenn Sie noch nicht auf der Website waren, ist es dieser Website aber für css/Design-Zeug ähnlich und wenn Sie eine Frage stellen, können Sie es veröffentlichen ein Screenshotbild für Sie von einer Website-URL.

Unten ist einer von denen, die ich sah, denken Sie, das ist etwas Programmgesteuert getan?

Wenn ja, wie würden Sie diese Server-Seite tun?

screenshot http://media.doctype.com/1f0be842-b2f3-4e11-a0ac-9dc72cb50a67.png

Answer 1

Sie diesen erreichen kann eine Vorlage Bild des krausen paperclipped-Note (die gekräuselten Ränder, die Büroklammer-Screenshot-in-a-Note Effekt, indem , der Schatten) und eine Maske, wo der Screenshot der Seite in die Vorlage passen soll. Sobald Sie den Screenshot bekommen, drehen Sie ihn einfach ein wenig und komponieren ihn mit der Vorlage.

Um es programmgesteuert zu erstellen, können Sie ImageMagick als sugested by cpharmston verwenden.

Hier ist eine Alternative zum Erstellen der beiden Bilder mit PIL and python.

Answer 2

Wenn es programmatisch durchgeführt wird, verwendet es wahrscheinlich eine Bildverarbeitungsbibliothek. und ImageMagick sind zwei der beliebtesten.

Answer 3

Ja, Sie müssen es programmgesteuert auf dem Server tun. Es gibt einige Flash-Plugins, um es zu tun, aber ich denke, Server-Seite ist der Weg zu gehen. Diese ist, wie ich es tat: http://www.guangmingsoft.net/htmlsnapshot/html2image.htm http://www.imagemagick.org/script/index.php