ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
Блог Админа. W3Schools на русском

Бесплатные сервисы-заполнители изображений для создания фиктивных изображений


Original: "Free image placeholder services to generate dummy images",
by Adham Dannaway on 12 Dec 2012


Бесплатные сервисы-заполнители изображений для создания фиктивных изображений

(Последнее обновление статьи было 23 мая 2018 г.)

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

Placehold.it

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

<img src="http://placehold.it/350x150" />

Lorempixel.com

Эта служба предоставляет фактические изображения, которые были классифицированы для вас, чтобы вы могли отображать изображения-заполнители, соответствующие теме вашего веб-сайта, например, спорт:

<img src="http://lorempixel.com/400/200/sports/" />

Flickholdr

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

<img src="http://flickholdr.com/200/300/sea,sun" />

Dummy Image Generator

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

<img src="http://dummyimage.com/600x400/000/fff" />

Place Kitten

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

<img src="http://placekitten.com/200/300" />