Что теряется, когда страница становится картинкой: слой, который рисует скрипт
Что теряется, когда страница становится картинкой, зависит от того, насколько страница держится на скрипте. В Страница в картинку читается разметка, и по ней рисуется изображение. В этом браузере скрипты не выполняются. Всё, что скрипт добавил после загрузки, в картинку не попадает.
Всё, что записано в разметке, на месте: заголовки, абзацы, таблицы, рамки, цвет фона, размер шрифта, межстрочный интервал, изображения, входящие в документ. Всё, что скрипт сделал потом, пропадает: второй слайд, комментарии, раскрывающиеся по нажатию, список, который наполняется при прокрутке, сообщение после отправки. Это не вопрос качества. Этого блока никогда не было в разметке.
Страница в картинку берёт только статичное содержимое. Скрипты не выполняются, страницы после входа не появляются, изображения с другого домена тоже.
Без скрипта страница застывает на первом рисунке
Карусель, которую листает скрипт, выходит первым слайдом. Изображение, подгружаемое при прокрутке, выходит пустым местом. Панель, открывающаяся по кнопке, в картинку не попадает вовсе. Если нужная фраза живёт только в этой панели, инструмент её не достанет.
Страница после входа тоже не появляется. Попросите содержимое, видимое только после входа, и получите форму входа или пустоту. У ReadyIMG нет ни входа, ни сервера аккаунтов, принимающего изображения, и он не станет входить ни на один сайт за вас. Здесь читается только открытая разметка, до которой дотягивается этот браузер.
Изображения с другого домена остаются пустыми
Если картинка на странице отдаётся с другого домена, при рисовании эти пиксели прочитать нельзя, и место остаётся пустым. Изображения с того же сайта выходят нормально. Белый провал, сломанная рамка, контур без содержимого: чаще всего это оно, а не испорченный файл.
- Содержимое из скриптов: второй слайд, комментарии по нажатию, списки при прокрутке.
- Страницы после входа: вы получаете форму входа или пустоту.
- Изображения с другого домена: место пустое, только рамка или белое пятно.
Адрес не читается — вставьте HTML
Бывают страницы без читаемого адреса в браузере: файл ещё на диске, страница, открывающаяся только во внутренней сети, фрагмент, собранный на месте. Тогда вставьте исходный HTML. Это та же статичная разметка, и теряется то же самое.
Ширина окна считается от 320. Узкая и широкая — две разные вёрстки, одна и та же страница выйдет по-разному. Сначала решите, для кого картинка. Для телефона берите узкую ширину.
Три формата на выходе, выберите один
Можно получить JPG, PNG или SVG, в который завёрнуто растровое изображение. Для снимков экрана, страниц с большим количеством текста и вставок в документ оставляйте PNG: края букв чище. Где принимают только JPG, выбирайте JPG. Этот SVG — обёртка вокруг пикселей, а не вектор, который масштабируется бесконечно. Увеличенный, он размывается, как любой растр.
Если результат слишком тяжёлый для отправки, прогоните его через Сжать файл. Сжимается копия, которую вы только что скачали. Снятая страница остаётся как была.
Страница в картинку делает одну страницу за раз. Сорок файлов сразу она не берёт. Страница готова, скачали, перешли к следующей.
Для чего эта картинка годится
Зафиксировать вёрстку для того, кто не откроет ссылку. Сохранить след того, как страница выглядела, если завтра она изменится. Вложить страницу в документ, чтобы читателю не уходить. Всё это работает.
Для съёмки процесса не годится: промежуточные кадры анимации при прокрутке, скелетоны загрузки, вид при наведении. Для этого нужны работающие скрипты, а здесь они не работают.
С сетью соприкасаются только две вещи
Когда страница открывается, этот визит считает 51.LA. Считается то, что кто-то открыл страницу, а не ваши файлы изображений. Как обрабатываются файлы обозначает эту границу: изображения не уходят в ReadyIMG, входа и регистрации здесь нет.
Второе — первый запуск вырезания объекта, который скачивает модель распознавания в кеш этого устройства. Это другой инструмент и к съёмке страницы отношения не имеет. Вычисление остаётся на этом устройстве, а скачиваете вы новый файл, сделанный здесь.
Три взгляда перед отправкой
- Не обрезан ли текст. Широкая вёрстка в узком окне ломает заголовки на три строки.
- Не пропало ли изображение. Если пропало, снимите снова с картинкой с того же сайта.
- Сохранённое — новый файл. Страница и исходные изображения остались на своих местах.
Очередь живёт только внутри этого визита. Обновите или закройте страницу, и всё, что не скачано, исчезнет. Заберите нужную картинку до того, как перейдёте к следующей странице.
Если ещё не начинали, вернитесь на Верстак, вставьте адрес или HTML и откройте Страница в картинку. Чего не хватает вашей картинке, вы теперь назовёте.