Всем - привет! Сегодня хочу рассказать вам о сервисах, которые помогут быстро сгенерировать картинки-заглушки. Это может быть полезно для экономии времени как тем, кто и так пользуется своими картинками заглушками, так и для создания прототипов и мокапов.
Конечно, есть полноценные сервисы для этого, но мне частенько приходится использовать временные изображения-заглушки в дизайне, поэтому решил и с вами поделиться этим инструментом.
Итак, одним из таких сервисов, которым я пользуюсь чаще всего - является placehold.it. Метод использования очень прост, нам достаточно просто написать адрес нужного изображения. Делается это путем написания адреса сайта и добавления размерности. Давайте предположим, что нужно поставить заглушку размером 640х70 пикселей. В таком случае адрес картинки будет таким:
<img src="http://placehold.it/640x70/" />
Вот что мы получим:
Кроме того, цвет заглушек и текст можно менять, просто дописывая цвет в формате rgb и &text= :
<img src="http://placehold.it/640x70/33bee5&text=smartlanding"/>
Для того, чтобы поменять цвет текста, его необходимо указать, сразу после цвета самой заглушки:
<img src="http://placehold.it/640x70/33bee5/ffffff/&text=smartlanding"/>
Иногда, это бывает очень удобно и здорово экономит время. Подобные заглушки я когда-то увидел в шаблонах wordpress и с тех пор активно использую их. А вы пользуетесь подомными заглушками?
2 комментария
Если, например, выбор пиктограмм или загрузка картинок занимает слишком много времени, их можно заменить заглушками — накрест перечёркнутыми прямоугольниками с соответствующим описанием. Мы склонны полагать, что вайрфрейм даёт неполное представление о конечном результате.
Здравствуйте.
Очень полезная и интересная статья!
Спасибо Вам за эту информацию.