Конвертер HTML у JPG
Завантажте збережену вебсторінку, шаблон листа або HTML-звіт і отримайте JPG-зображення всієї сторінки, згори донизу. Ширину браузера ви вибираєте самі, тож результат може показувати десктопну або мобільну версію.
Документ у зображення
або перетягніть Файли DOC, DOCX, DOCM … сюди ·
До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв
Файли обробляються на наших серверах і видаляються через 30 хв.
Перетворити всі сторінки, лише першу (мініатюра чи обкладинка) або діапазон.
Сторінки або слайди для перетворення, наприклад 1-3, 5, 8-10.
Лише для файлів HTML: ширина вікна браузера для відображення сторінки. 1280 px — типовий ноутбук; 390 px показує мобільну версію.
85 зберігає чіткість тексту за помірного розміру. Нижчі значення дають менші файли, але розмивають дрібний шрифт.
Як користуватися цим інструментом
- 1
Виберіть HTML-файл
Перетягніть файл .html, .htm або .mhtml, до 20 одночасно. Якщо сторінка має зображення й стилі, спершу збережіть її в браузері як єдиний файл (MHTML), щоб усе передавалося разом зі сторінкою.
- 2
Виберіть ширину сторінки
Ширина сторінки HTML за замовчуванням 1280 px, як на типовому ноутбуці. Введіть 390 px для мобільної версії або 600 px для шаблону листа. Для параметра Зображення вибрано одне довге зображення.
- 3
Конвертуйте в JPG
Натисніть Конвертувати в JPG і завантажте зображення. Перемкніть Зображення на одне на сторінку, якщо хочете розділити сторінку на частини розміром для друку.
HTML у JPG — це скриншот усієї сторінки з файлу: обрана ширина браузера визначає макет, а JPG фіксує кожен його піксель.
Як HTML-файл перетворюється на JPG-зображення
HTML-файл — це інструкції, а не картинка. Браузер читає розмітку, застосовує таблиці стилів, завантажує зображення та шрифти й розташовує все під ширину вікна. Змініть ширину, і адаптивна сторінка перебудується: колонки складуться одна під одну, меню згорнеться, зображення зменшаться. Саме тому конвертер першим запитує Ширина сторінки HTML.
Коли макет готовий, сторінку знімають повністю, згори донизу, а не лише ту частину, що вмістилася б на екрані. Якщо для Зображення вибрано одне довге зображення, ви отримаєте один високий JPG; перемкніть на одне на сторінку, і той самий вміст буде розрізано на зображення розміром зі сторінку.
Якість за замовчуванням 85: основний текст лишається читабельним, а файл набагато менший за PNG тієї самої сторінки. Підвищте її до 95, якщо на сторінці дрібний шрифт або тонкі межі таблиць, які мають лишитися чіткими.
1280 pxтипова ширина браузера для відтворення сторінки
Виберіть ширину сторінки: повна десктопна версія або мобільний вигляд
Значення за замовчуванням. За такої ширини більшість сайтів показують повний десктопний макет із панелями навігації та бічними колонками.
- Перегляд сайтів і погодження з клієнтами
- Архівування вигляду сторінки
- Слайди та звіти
CSS-ширина багатьох нових iPhone. Адаптивні сторінки перемикаються на мобільний макет, виходить високе вузьке зображення.
- Демонстрація мобільного дизайну
- Макети для магазинів застосунків або соцмереж
Ширина, на яку розраховано більшість HTML-шаблонів листів. Шаблон відображається точно так, як його показав би поштовий клієнт на комп’ютері.
- Попередній перегляд розсилок
- Надсилання проби кампанії
Монітор Full HD. Корисно для дашбордів і сторінок, що додають колонки на великих екранах.
- Аналітичні дашборди
- Широкі таблиці даних
Коли результат конвертації HTML у JPG виглядає неправильно
Зображення відсутні або показані як зламані значки
Зображення зберігалися поруч із HTML, а не всередині нього. Збережіть сторінку як єдиний файл MHTML або використайте для зображень повні веб-адреси.
Сторінка порожня або показує лише індикатор завантаження
Вміст будується скриптами після завантаження сторінки або схований за входом в обліковий запис. Відкрийте її в браузері, дочекайтеся повного завантаження, потім збережіть як єдиний файл.
Текст обрізано праворуч
Сторінка має фіксовану ширину, більшу за вікно. Збільште Ширина сторінки HTML до потрібної, наприклад до 1440 px.
JPG завеликий для форми завантаження
Зменште Якість приблизно до 70, використайте меншу ширину або потім зменште результат за допомогою стиснення зображення.
HTML
HyperText Markup Language
HTML — мова розмітки вебу, яку на початку 1990-х описав Тім Бернерс-Лі і яку тепер підтримує WHATWG як «живий стандарт». Файл HTML описує заголовки, абзаци, посилання, таблиці, зображення та форми, а оформлення зазвичай задає CSS. Його відображає кожен браузер, а ще його використовують для шаблонів листів і збережених вебсторінок. Один файл HTML часто залежить від зовнішніх зображень і таблиць стилів, тому окремо він може виглядати зламаним.
- Стиснення
- –
- Прозорість
- –
- Анімація
- –
- Рік появи
- 1993 · Tim Berners-Lee; maintained by WHATWG
JPG
Зображення JPEG
JPEG (або JPG) — найпоширеніший формат фото, стандартизований Joint Photographic Experts Group у 1992 році. Він використовує стиснення з втратами, яке відкидає дрібні деталі, малопомітні оку, завдяки чому фото достатньо малі для вебу, пошти та пам’яті телефона. Він добре передає плавні градієнти та природні сцени, але на чіткому тексті, лінійній графіці та суцільних кольорах з’являються помітні блокові чи розмиті артефакти. У JPEG немає прозорості й анімації, а кожне повторне збереження трохи знижує якість. Його відкриває будь-який браузер, телефон, камера та редактор зображень.
- Стиснення
- З втратами
- Прозорість
- Ні
- Анімація
- Ні
- Рік появи
- 1992 · Joint Photographic Experts Group
HTML виглядає правильно лише в браузері; перетворення на JPG фіксує одне відображення у вигляді картинки, яку можна прикріпити, опублікувати, архівувати або вставити в слайд, де код був би марним.
Запитання про HTML у JPG
Чи можна вставити адресу сайту замість завантаження файлу?
Ні, цей конвертер працює з HTML-файлами, які ви завантажуєте. Відкрийте сторінку в браузері, виберіть «Зберегти сторінку як» і формат «Веб-сторінка, один файл» (MHTML у Chrome і Edge), потім завантажте цей файл. У ньому разом зібрано HTML, стилі й зображення.
Чому мій JPG показує простий текст без жодного оформлення?
HTML збережено без таблиці стилів і зображень, так буває з варіантом «Веб-сторінка, лише HTML». Конвертер бачить тільки розмітку. Збережіть сторінку ще раз як єдиний файл MHTML або перед завантаженням вбудуйте CSS у HTML.
Наскільки довгу сторінку може вмістити один JPG?
Формат JPEG обмежує кожну сторону 65 535 пікселями, тож дуже довга сторінка з великою шириною може досягти цього ліміту. Для довгих статей перемкніть Зображення на одне на сторінку або конвертуйте через HTML у PDF, де такого обмеження немає.
Що вибрати для знімка вебсторінки: JPG чи PNG?
JPG менший за розміром і добре підходить для сторінок із фото. PNG зберігає дрібний текст і тонкі лінії бездоганно чіткими та підтримує прозорий фон, тому краще для макетів інтерфейсів і дашбордів. Про компроміс розповідає наш матеріал JPG, JPEG чи PNG.
Чому шрифти на зображенні виглядають інакше, ніж у моєму браузері?
Шрифти, встановлені лише на вашому комп’ютері, недоступні там, де відтворюється сторінка, тому використовується запасний шрифт. Веб-шрифти, вбудовані у збережену сторінку або завантажені разом зі стилями, відображаються як задумано.
Чи можна перетворити HTML-шаблон листа на зображення для попереднього перегляду?
Так. Установіть Ширина сторінки HTML 600 px, на цю ширину розраховано більшість шаблонів листів, і залиште одне довге зображення. Вийде швидка візуальна проба, яку можна показати тому, кому не варто пересилати сам тестовий лист.