img

Заглушка изображений для верстки

Верстальщику иногда нужно быстро вставить черновое изображение с определенным размером, не дожидаясь работы веб-дизайнера.

Часто приходиться копировать в проект демо-картинки из дизайна или искать что-то в интернете.
Можно вставить серые картинки заглушки по типа "здесь будет фото", но это может визуально влиять на общее впечатление от вашей работы. 

Мы сделали небольшой сервис, который позволяет вставлять «заглушки» нужных размеров в разметке, где в будущем будут стоять настоящие изображения. А сами «заглушки» статичны для параметров что вы передаете (чтобы избежать миганий и прочих артефактов) и генереруют приятные градинеты, которые хорошо впишутся в болшее кол-во ваших дизайнов.

Как установить изображение нужного размера

Просто пропишите в атрибуте src ссылку (https://placeholder.apptor.studio/200/200/RAND.png) и вы получите заглушку 200 на 200 пикселей. Этот пример генерирует фиктивное изображение с шириной 250 пикселей и высотой 200 пикселей.
Где RAND вы можете указать случайное значение к которому будет соотвестовать итоговая картинка.

 <img src="https://placeholder.apptor.studio/200/200/product1.png" alt="">
 <img src="https://placeholder.apptor.studio/200/200/product2.png" alt="">
 <img src="https://placeholder.apptor.studio/200/200/product3.png" alt="">

 

Сервис placeholder.apptor.studio экономит ваше время и генерирует картинки прямо на лету. Представьте, что вы получили заказ на верстку. На личном опыте знаем, что вы не получите фотографии от заказчика так быстро, как вам хотелось бы. Для демонстрации верстки заказчику, достаточно вставить «заглушки» на месте изображений.

Поделиться: