Как и можно ли превратить весь сайт в картинку?

Question

[Сергей Горячев]

Вопрос из серии "Надо сделать, но хз как и можно ли вообще".
Допустим, мне нужно превратить всю верстку в картинку. В одну большую картинку.
Это нужно для работы плагина beforeafter.js или подобного.
Сайт должен из себя представлять как бы два сайта с разделителем, который можно двигать.
Такие штуки делают обычно на сайтах по ретушированию "Что было? Что стало?".
Важный момент, это не просто скрин для демонстрации, это рабочая страница, в которую могут вноситься изменения и она должна генерироваться "на лету".
Как это можно сделать?

Comments

[Lynn «Кофеман»]

Эээ?
В firefox dev tools есть кнопка для скриншота

Answer 1

[Ankhena]

html2canvas.hertzen.com это?

Comments

[Сергей Горячев]

Видимо оно, сейчас будем попробовать)

Answer 2

[Александр Таратин]

wkhtmltoimage

Answer 3

[Артем]

phantomjs

Answer 4

[coderisimo]

А почему нельзя сделать скриншот?
Можно использовать бесплатный сервис https://web-capture.net/

Answer 5

[Максим]

Так ?

Comments

[Сергей Горячев]

Как ты это сделал?))) Именно так и надо, но не скринами)))

[Максим]

Sergey Goryachev: это гимп делает - я линуксоид

Answer 6

[Adverte]

peeep.us