Как веб-сервер может делать такие изображения?

Question

Ниже приведено миниатюрное изображение, которое находится в сообщении от http://doctype.com/,, если вы еще не были на сайте, оно похоже на этот сайт, но для CSS / дизайна и при публикации вопроса Вы можете сделать так, чтобы он опубликовал снимок экрана, а также URL веб-сайта.

Ниже приведен один из них, который вы видели, как вы думаете, это сделано программно?

ЕСЛИ так, как бы вы поступили на этой стороне сервера?

_{(источник: doctype.com )}

Answer 1

Да, вам нужно сделать это программно на сервере. Есть несколько флеш-плагинов для этого, но я думаю, что серверная сторона - это путь. Вот как я это сделал: http://www.guangmingsoft.net/htmlsnapshot/html2image.htm http://www.imagemagick.org/script/index.php

Answer 2

Этого эффекта скриншота в заметке можно добиться, имея шаблонное изображение скрученной бумажной заметки (скрученная граница, скрепка, тень) и маску для которой скриншот сайта должен уместиться внутри шаблона. Получив снимок экрана, вы просто слегка поворачиваете его и составляете его с помощью шаблона.

Чтобы составить это программно, вы можете использовать ImageMagick как sugested от cpharmston .

Вот альтернатива компоновки двух изображений с PIL и python .

Answer 3

Если это делается программно, скорее всего, используется библиотека обработки изображений. GD и ImageMagick - два самых популярных из них.