Что такое заполнитель изображения?

Заполнитель изображения — это временная графика, используемая при разработке веб-сайтов или приложений для резервирования места макета до того, как появится реальное изображение — часто используется в макетах, прототипах и шаблонах HTML.

Есть ли максимальный размер изображения?

Генератор поддерживает до 4000×4000 пикселей. Превышение этого значения может вызвать ошибки из-за ограничений памяти холста браузера. Для большинства случаев разработки 4000 пикселей на сторону будет более чем достаточно.

Что такое URI данных Base64 и когда его следует использовать?

URI данных Base64 кодирует изображение в виде текстовой строки, которую можно вставить напрямую в атрибут src тега img или в значение background-image в CSS, избавляясь от необходимости отдельного файла изображения. Лучше всего подходит для небольших изображений в прототипах или электронной почте.

Какой формат вывода следует выбрать — PNG, JPEG или WebP?

Выбирайте PNG для без потерь качества и поддержки прозрачности, JPEG для меньшего размера файла, если прозрачность не требуется, и WebP для лучшего баланса между размером и качеством в современных браузерах.

Загружает ли этот инструмент мои данные на сервер?

Нет. Изображение генерируется полностью в вашем браузере с использованием API Canvas и никогда не передается на любой сервер. Нет входа, загрузки или сбора данных.

Загружает ли этот инструмент мои данные?

Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.

🏞️ Генератор заполнителей изображений

Создавайте пользовательские заполнители изображений любого размера — выберите цвет фона, цвет текста и метку, затем загрузите как PNG, JPEG или WebP напрямую в браузере.

Ширина

Высота

Фон

Текст

Формат

Метка (пусто = размер)

Приватно по умолчанию. Этот инструмент работает полностью в вашем браузере — ничего из введённого не загружается и не сохраняется, и он работает офлайн.

Об инструменте

Этот инструмент использует API Canvas браузера для отрисовки прямоугольника с однотонным фоном на пиксельных размерах, которые вы укажете, а затем накладывает центрированную текстовую метку — по умолчанию размер изображения, например 800×600. Вы можете выбрать любой цвет фона и текста с помощью пикеров цвета, ввести пользовательскую метку и выбрать формат вывода: PNG, JPEG или WebP. Результат можно сохранить как файл или скопировать как URI данных Base64 для прямого вставки в HTML или CSS. Поскольку все работает на стороне клиента, ваши данные никогда не покидают браузер, и не требуется аккаунт или сервер.

Как пользоваться

Введите желаемую ширину и высоту в пикселях (до 4000 каждая).
Выберите цвет фона и цвет текста с помощью пикеров цвета.
Введите пользовательскую метку или оставьте поле пустым, чтобы автоматически отобразить размеры изображения.
Выберите формат вывода — PNG, JPEG или WebP — и посмотрите предварительный просмотр на холсте.
Нажмите Скачать, чтобы сохранить изображение, или скопируйте URI данных Base64, чтобы вставить его напрямую в код.

Частые вопросы

Что такое заполнитель изображения?: Заполнитель изображения — это временная графика, используемая при разработке веб-сайтов или приложений для резервирования места макета до того, как появится реальное изображение — часто используется в макетах, прототипах и шаблонах HTML.
Есть ли максимальный размер изображения?: Генератор поддерживает до 4000×4000 пикселей. Превышение этого значения может вызвать ошибки из-за ограничений памяти холста браузера. Для большинства случаев разработки 4000 пикселей на сторону будет более чем достаточно.
Что такое URI данных Base64 и когда его следует использовать?: URI данных Base64 кодирует изображение в виде текстовой строки, которую можно вставить напрямую в атрибут src тега img или в значение background-image в CSS, избавляясь от необходимости отдельного файла изображения. Лучше всего подходит для небольших изображений в прототипах или электронной почте.
Какой формат вывода следует выбрать — PNG, JPEG или WebP?: Выбирайте PNG для без потерь качества и поддержки прозрачности, JPEG для меньшего размера файла, если прозрачность не требуется, и WebP для лучшего баланса между размером и качеством в современных браузерах.
Загружает ли этот инструмент мои данные на сервер?: Нет. Изображение генерируется полностью в вашем браузере с использованием API Canvas и никогда не передается на любой сервер. Нет входа, загрузки или сбора данных.
Загружает ли этот инструмент мои данные?: Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.