Перейти до вмісту
100% локально

Генератор заповнювачів для зображень

Створюйте заповнювачі для зображень зі своїми розмірами, кольорами та текстом — як SVG, data: URI або тег <img>.

0
Вихід

Генератор заповнювачів для зображень

Установіть ширину та висоту, або виберіть поширене співвідношення сторін — 16:9 або 4:3, і цей інструмент створить заповнювач для зображення прямо зараз, готовий для макету, каркасу або заповнення порожнього місця у розмітці, доки фінальний графічний файл ще не готовий. Інструмент використовує SVG, тому зображення залишається чітким при будь-якому розмірі та масштабується без растрової розмитості.

Виберіть кольори фону та тексту, і або залиште за замовчуванням розміри (наприклад, «800×600»), або напишіть свій текст — назву компонента, точку зупинки, що завгодно, щоб відрізнити один заповнювач від іншого під час розробки. Шрифт та розмір тексту налаштовуються, а заокруглення кутів, сітка або діагональна лінія дають зображенню звичний вид заповнювача замість простого сірого прямокутника.

Виберіть формат результату: чистий SVG-код для збереження у файл, data: URI з процентним кодуванням або base64 для фонового зображення CSS або вбудованого джерела картинки, або повний тег img, який можна вставити прямо в HTML. Дуже великі розміри або незвично довгий текст автоматично обмежуються, щоб вкладка не зависала і результат був дійсно застосовний.

Усе створюється локально у вашому браузері, як тільки ви змините параметр — не потрібна робота на сервері, і ніщо з того, що ви напишете, нікуди не завантажується. Скопіюйте результат, завантажте як файл .txt або відправте прямо в інший інструмент, наприклад кодувальник SVG URL або конвертер кольорів.

FAQ

Зображення оновлюється при змінені параметрів?
Так. Попередній перегляд перегенерується в режимі реального часу при змінені ширини, висоти, кольорів, тексту або будь-якого іншого параметра.
Чи можна використовувати результат як джерело зображення?
Так. Виберіть формат data: URI або base64 і вставте результат прямо в атрибут src тега <img> або в CSS властивість background-image.
Що станеться, якщо встановити співвідношення сторін та висоту одночасно?
Співвідношення сторін має пріоритет: висота перераховується на основі ширини, щоб зображення зберігало точне співвідношення.
Чи є обмеження на розмір?
Ширина та висота обмежені 4000 px кожна, а надто довгий вільний текст відхиляється із повідомленням про необхідність його скорочення, тому інструмент ніколи не спробує створити неприйнятно велике зображення.
Мої дані завантажуються куди-небудь?
Ні. Заповнювач для зображення створюється повністю у вашому браузері — нічого не відправляється на сервер.