Картинки-заглушки для верстки

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

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

Итак, одним из таких сервисов, которым я пользуюсь чаще всего - является 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 комментария

  1. MikeTok

    Если, например, выбор пиктограмм или загрузка картинок занимает слишком много времени, их можно заменить заглушками — накрест перечёркнутыми прямоугольниками с соответствующим описанием. Мы склонны полагать, что вайрфрейм даёт неполное представление о конечном результате.

  2. Елена

    Здравствуйте.
    Очень полезная и интересная статья!
    Спасибо Вам за эту информацию.

Добавить комментарий