Динамическое создание изображений онлайн

Placeholders.ru

Изображения-заглушки на лету

Что такое плэйсхолдер?

Плэйсхолдер (плейсхолдер, placeholder) или иными словами картинка-заглушка означает прямоугольное изображение определённого цвета и размеров для временного использования вместо какого-то другого, возможно ещё не имеющегося в наличии изображения. Приведу пример. Предположим, что вы верстальщик и создали шаблон приблизительно с таким каркасом.

	<!DOCTYPE html>
	<html lang=ru>
	<head>
	  <meta charset="utf-8">
	  <title>Тестовая страница</title>
	</head>
	<body>
	  <div id="all">
	    <div id="header">
	    </div>
	    <div id="main">
	      <div class="content" id="content">
	      </div>
	      <div id="sidebar">
	      </div>
	    </div>
	  <div id="footer">
	  </div>
	</div>
	</body>
	</html>
  

Отдельные детали разметки я умышленно опустил, поскольку принципиального значения они не имеют. Предположим также, что с помощью CSS вам удалось добиться следующего расположения.

Макет сайта
Пример макета сайта

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

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

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

Заглушки позволяют в полной мере завершить вёрстку шаблона, а затем, когда он будет полностью готов, заменить плэйсхолдеры настоящими баннерами.