Генератор SVG-заглушек

Сгенерируйте изображение-заглушку (placeholder) в формате SVG с нужными размерами, цветами и текстом — идеально для макетирования интерфейса до получения настоящих изображений.

Пример:

Как это работает

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

Почему для заглушки лучше SVG, а не PNG?

SVG остаётся чётким при любом масштабе отображения и обычно весит значительно меньше, чем аналогичный PNG, что ускоряет загрузку на этапе макетирования.

Можно ли встроить этот SVG прямо в HTML?

Да, сгенерированный SVG-код можно вставить прямо в тег <img src="data:image/svg+xml,...">, использовать как CSS-фон или скачать в виде отдельного файла .svg.

Обработка 100% локально: SVG генерируется полностью в вашем браузере через WebAssembly.