Как создавать эскизы изображений HTML-страниц

Я пытаюсь создать уменьшенные изображения для нескольких HTML-страниц, поэтому пользователь может иметь представление о том, как выглядит HTML, прежде чем открыть ссылку. Я искал в Интернете, но не нашел ничего полезного.

Может ли кто-нибудь здесь дать несколько советов? Большое спасибо!

Я специально хочу, чтобы это произошло на стороне сервера, поэтому клиенту не требуется загружать страницу

Ответы

Ответ 1

Возможно, вы захотите проверить этот URL: http://html2canvas.hertzen.com/.

Используя этот script, вы можете преобразовать страницу в холст на стороне клиента.

Затем вы можете использовать это как миниатюру.

Ответ 2

http://phantomJs.org предлагает бесплатный инструмент для локального захвата HTML из файла (если вы включите его с помощью параметра командной строки и используете file:// URI) или с веб-сайта и отнести его к изображению. Это очень хорошо зарекомендовавший себя очень популярный инструмент. Он также используется людьми, которые пишут автоматизированные тесты. Там есть страница wiki, которая охватывает этот инструмент и аналогичные.

У него есть опция обрезки. Вы можете запустить вывод этого с помощью других инструментов обработки изображений, чтобы масштабировать его.

Что касается получения интеллектуальных превью/эскизов, таких как Twitter и Facebook, то я не уверен. Я знаю, что существует популярный протокол oEmbed, который доступен Twitter и другим сайтам, а также способы извлечения метаданных, с помощью которых вы могли бы создать свой собственный небольшой HTML файл, а затем отобразить его на изображении.

(Примечание о phantomJs: Если вы не получите требуемое качество изображения в изображении, попробуйте повысить настройку качества для параметра изображения до 100, и, увеличивая масштаб страницы фактор коэффициент масштабирования 2 дает значительно лучшее качество, чем коэффициент масштабирования 1 - см. документы API относительно масштабирования).

Ответ 3

http://api.s-shot.ru/?=(your url) а также https://s.wordpress.com/mshots/v1/(your url)

Я надеюсь, что эта помощь!