Бесплатный онлайн генератор изображений-заглушек. Задайте размер, цвет фона, текст для макетных изображений. Обработка в браузере.
Нажмите Ctrl+D, чтобы добавить страницу в закладки
Генератор изображений-заглушек — это бесплатный онлайн-инструмент, который создаёт временные изображения для разработки и дизайна.
Они используются в веб-разработке для проверки макета, каркасов, прототипов и дизайн-макетов до готовности реальных изображений.
Да, по умолчанию отображаются размеры изображения, но вы можете изменить его на любой нужный текст. Цвет текста и шрифт также настраиваются.
Один серый прямоугольник сообщает посетителю, что сайт не доделан, а на карточке товара заставляет колебаться перед покупкой. В поиске это тоже вредит: пустая заглушка индексируется в Google Картинках, и если поле image структурированных данных товара указывает на этот адрес, страница может лишиться права на расширенный сниппет. Перед каждым релизом прогоните по всему коду поиск строк вроде placeholder или via.placeholder.
Она должна иметь ровно те же пропорции, что и картинка, которая туда встанет. Если настоящее изображение загрузится другой формы, всё под ним сместится вниз, а это ухудшает показатель Cumulative Layout Shift в метриках Google. Размеры в пикселях совпадать не обязаны, а вот соотношение сторон — обязано; и укажите атрибуты width и height у тега img, чтобы браузер зарезервировал место до прихода файла.