Минимизированный предварительный просмотр html в div

Question

Как вы можете реализовать минимизированное представление html-страницы в div (например, просмотр в Google)?

http://img228.imageshack.us/i/minimized.png/

edit: ok .. я вижу его изображение на Google, вероятно, уменьшенный скриншот.

Answer 1

Это более или менее дубликат вопроса: Создание миниатюр из URL-адресов с использованием PHP

Однако, просто для добавления моих 2 2, я бы настоятельно хотел использовать существующийвеб-сервис, например, websnapr , как указано тридцаткой в комментариях к вашему вопросу.Создание собственных снимков будет трудно масштабировать хорошо, и я думаю, что стоит использовать уже установленный сервис.

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

Answer 2

Google отображает миниатюру изображения, поэтому вам нужно будет сгенерировать изображение с помощью GD или ImageMagic.

Общий поток будет

1. Извлекать содержимое страницы, включая таблицы стилей и все изображения с помощью curl (потенциально сложно захватить все встроенные файлы, но не должно выходить за рамки компетентного программиста PHP).
2. Построить рендеринг страницы внутри самого PHP (ЧРЕЗВЫЧАЙНО сложно! Даже не знаю, с чего начать, хотя может быть доступно какое-то стороннее расширение)
3. Использование GD/ Imagemagic / что угодно для создания миниатюрного изображения в соответствующем формате (не должно быть слишком сложным).

Очевидно, это рендеринг страницы из загруженного вами HTML, CSS, изображений и т. Д.Это будет трудная часть.

Лично я хотел бы знать, стоит ли затраченное усилие.