Генератор зображень-заповнювачів
Генеруйте зображення-заповнювачі будь-якого розміру, кольору та формату (PNG, JPEG, WebP чи SVG) і завантажуйте або копіюйте їх як data URI. Безкоштовно, у вашому браузері.
Задайте розмір, кольори та підпис: заповнювач оновлюється наживо. Завантажте його або скопіюйте data URI / SVG-розмітку для ваших макетів.
Розмір
Стиль
Формат
Живий перегляд: показується масштабованим за розміром; завантаження використовує точний піксельний розмір.
Data URI вбудовують зображення безпосередньо в HTML/CSS: зручно для швидких макетів без розміщення файлу.
Вбудувати на сайт
Вставте цей HTML-фрагмент на будь-яку сторінку: зображення віддається з публічного URL з вашими поточними налаштуваннями та веде назад на цей інструмент у новій вкладці.
Про Генератор зображень-заповнювачів
Генератор заповнювачів зображень створює макетні зображення для мокапів, вайрфреймів та розробки. Задайте будь-яку ширину та висоту або оберіть популярний пресет, виберіть колір фону та тексту, додайте власний підпис або дозвольте інструменту вивести розміри: попередній перегляд оновлюється миттєво під час налаштування кожного параметра.
Заповнювач можна експортувати як PNG, JPEG, WebP або SVG, з повзунком якості для форматів зі стисненням. Замість завантаження файлу можна також скопіювати зображення як data URI або скопіювати сирий SVG-код: зручно для вбудовування заповнювача прямо в HTML або CSS без розміщення на хостингу.
Усе малюється на canvas прямо у вашому браузері. Завантаження файлів не відбувається взагалі, тож генератор працює миттєво і ніколи не надсилає жодних даних на сервер.
Як використовувати Генератор зображень-заповнювачів
- Введіть ширину і висоту в пікселях або клацніть на пресет розміру.
- Оберіть колір фону та тексту: скористайтеся кнопкою обміну, щоб інвертувати їх.
- Введіть власний підпис або залиште поле порожнім, щоб показати розміри (наприклад, «800 × 600»).
- Оберіть формат виводу: PNG, JPEG, WebP або SVG, і за потреби налаштуйте якість.
- Завантажте зображення або скопіюйте його як data URI чи SVG-код для прямого вбудовування.