Генератор изображений-заглушек
Создавайте изображения-заглушки любого размера в SVG, PNG или JPG — выбирайте цвета и подпись, смотрите живой предпросмотр, скачивайте файл или копируйте разметку SVG.
Everything is generated locally: the SVG is pure markup you can paste into any project, and PNG/JPG versions are rendered on a canvas in your browser.
Инструмент полностью работает в вашем браузере. Данные не покидают устройство и не загружаются ни на один сервер.
Как пользоваться
- 1Введите ширину и высоту в пикселях.
- 2Задайте цвета фона и текста и необязательную подпись (по умолчанию — размеры).
- 3Скачайте в SVG, PNG или JPG — или скопируйте разметку SVG и вставьте куда угодно.
Генератор изображений-заглушек
Макетам и вайрфреймам нужны рамки под картинки, пока настоящие ассеты не готовы. Введите ширину и высоту — хиро 1200×630, аватар 256×256 или что угодно от 1×1 до 5000×5000 — выберите цвет фона и текста, при желании добавьте подпись, и заглушка рисуется вживую по мере ввода.
Скачайте результат как SVG, PNG или JPG или скопируйте разметку SVG прямо в буфер: это несколько читаемых элементов, а не суп из base64, так что её можно вставить в HTML, JSX или Figma и руками отредактировать текст и цвета. Всё генерируется в вашем браузере; ничего не отправляется.
Частые вопросы
Когда брать SVG вместо PNG или JPG?
SVG — это текст: крошечный, бесконечно масштабируемый и редактируемый вручную, идеален для макетов, документации и писем. PNG безопаснее для платформ, которые портят встроенный SVG (некоторые CMS и мессенджеры), а JPG подходит для фотореалистичных заглушек при малом размере файла. Предпросмотр у всех трёх одинаковый.
Какие пределы размеров и цветов?
Ширина и высота должны быть целыми числами от 1 до 5000 пикселей; цвета — только hex: #RRGGBB или короткая форма #RGB. Всё остальное отклоняется с подсказкой, а не молча выдаёт сломанную картинку.
Уходит ли что-то на сервер?
Нет. SVG собирается из строкового шаблона в вашем браузере, растровые версии рисуются на локальном canvas. Со страницы не уходит ничего: работает офлайн и безопасно для неопубликованных дизайнов.
Похожие инструменты
Генератор QR-кодов
Превратите любой текст или URL в чёткий QR-код с настраиваемым размером, цветами и уровнем коррекции ошибок — скачайте как PNG или SVG.
Все инструменты →
Base64-изображение
Конвертируйте изображения в base64 data URL и обратно — предпросмотр, проверка, скачивание и точное сравнение размеров. Всё в вашем браузере.
Все инструменты →
Выбор цвета
Выберите цвет из образца или возьмите его прямо с экрана через EyeDropper API — hex, RGB и HSL копируются одним кликом.
Все инструменты →
Калькулятор пропорций
Задайте пропорцию вроде 16:9 и одну сторону — недостающая ширина или высота появится мгновенно, плюс пресеты от 1:1 до 21:9 для видео и дизайна.
Все инструменты →
Встроить этот инструмент
Одна строка — и инструмент на вашем сайте. Он работает в браузере посетителя.
<iframe src="https://zoyku.com/ru/tools/placeholder-image-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — placeholder-image-generator" loading="lazy"></iframe>