Image Holder, онлайн-генератор картинок-заглушек

Генератор

Ширина, px

Высота, px

Формат

Цвет фона

Цвет текста

hex, rgb(), rgba(). Кнопка «шахматка» у палитры фона делает его прозрачным.

Текст на картинке

По умолчанию на картинке размер «ширина×высота». Фрагмент «/n» переносит строку.

Шрифт

Начертание

Размер шрифта

Круглая картинка (до 400 px)

Быстрые размеры:

Шрифты

Превью рисует сам сервис. Нажмите на карточку, чтобы выбрать шрифт в генераторе.

API

Картинка живёт по адресу сайта с параметрами запроса, путь «/api/» работает как синоним.

Структура URL

widthxheight&bg&color&ext&text&font&fz

/?width=600&height=300&bg=8493a8&color=adb9ca&text=IMAGE+HOLDER&font=kelson

Старые ссылки вида «/600x300/цвет/текст&text=…» остаются рабочими: сервер отвечает постоянным редиректом на новый формат.

Примеры

Каждая карточка собрана запросом, ссылка открывает картинку целиком.

Заглушка по умолчанию, размер на картинке

просто размер

bg=t

/n переносит строку

rounded=1, ответ квадратный

Готовые сниппеты

HTML

<img src="https://imgholder.ru/?width=600&height=300&bg=8493a8&color=adb9ca&text=IMAGE+HOLDER&font=kelson" alt="заглушка">

Markdown

![заглушка](https://imgholder.ru/?width=600&height=300)

CSS

.thumb {
    background-image: url(https://imgholder.ru/600x300);
}

HTTP

curl -I "https://imgholder.ru/?width=600&height=300"
ETag: "ih2-…"
Cache-Control: public, max-age=31536000, immutable
# повторный запрос с If-None-Match вернёт 304 и не займёт ни байта

Параметры

Размеры

width: ширина, 9-4096 px, по умолчанию 320
height: высота, по умолчанию равна ширине

Оформление

bg: цвет фона: hex (fff, 34495e), rgb(), rgba() или t
color: цвет текста, те же форматы
ext: png, webp, jpg, gif, avif; синоним jpeg
rounded: 1 или true: круглая картинка до 400 px

Текст

text: любой текст до 300 символов, «/n» переносит строку
font: семейство из списка шрифтов, по умолчанию roboto
fontStyle: b, i или bi
fz: размер шрифта в px, без авто-подгонки

Прочее

v: произвольная метка версии, меняет URL и сбрасывает кеш браузера

Ограничения: до 4096 px по стороне, до 16 мегапикселей площадью. Ответы отдаются с ETag и Cache-Control: immutable, повторные запросы не доходят до генератора.

Image Holder, генератор картинок-заглушек