Генератор заглушек изображений
Генерируйте placeholder-изображения для моков и вайрфреймов.
Задайте размер, цвета фона/текста и текст и получите URL изображения для прямой ссылки.
Ширина
Высота
Пресет
Цвет фона
Цвет текста
Формат
| Формат | 400 × 300px (PNG) |
|---|---|
| URL изображения | https://img.skin/400x300 |
| HTML | <img src="https://img.skin/400x300" alt="400×300" width="400" height="300"> |
| CSS | background-image: url("https://img.skin/400x300"); |
- Безопасно
- Просматривать могут только пользователи, которые знают URL изображения.
Примечания
Переменные теги
В тексте можно использовать пользовательские переменные теги.
Они позволяют вставлять размеры изображения, цвета, переносы строк и другое.
| Тег | Описание | Пример | Результат |
|---|---|---|---|
{width} | Заменяется шириной сгенерированного изображения. | {width}px | 400px |
{height} | Заменяется высотой сгенерированного изображения. | {height}px | 300px |
{ratio} | Заменяется соотношением сторон сгенерированного изображения. | {ratio} | 4:3 |
{back} | Заменяется сгенерированным цветом фона. | Фон: {back} | Фон: #dddddd |
{color} | Заменяется сгенерированным цветом текста. | Цвет текста: {color} | Цвет текста: #979797 |
{fmt} | Заменяется форматом сгенерированного изображения. | Формат: {fmt} | Формат: PNG |
{br} | Вставляет перенос строки в этом месте. Если вы вставите перенос строки в форме этого инструмента, он будет вставлен автоматически. | Привет{br}мир | Привет мир |
Структура URL изображения
URL изображений, сгенерированные этим инструментом, можно использовать как прямые ссылки.
Чтобы запросить изображение напрямую, используйте путь ниже.
- URL изображения
- https://img.skin/
ШиринаxВысота/Цвет фона/Цвет текста
?text=Текст&fmt=Формат изображения
| Значение | Описание | Пример | Опционально |
|---|---|---|---|
| Ширина | 1–5000 | 400 | Нет |
| Высота | 1–5000 | 300 | Нет |
| Цвет фона | Hex-цвет / имя цвета / transparent | ff1493 / deeppink | Да *1 |
| Цвет текста | Hex-цвет / имя цвета / transparent | fff / white | Да |
| Текст | Любой текст / переменные теги Если опущено, будет '{width}×{height}'. | W:{width}px | Да |
| Формат изображения | png / jpg / gif Если опущено, используется PNG. JPG и GIF не могут использовать прозрачный фон. | jpg | Да |
*1 Нельзя опустить, если указан цвет текста (fontColor).