0
37
2019-01-15

Лучшие 35+ генераторы изображений на начало 2019 года (Dynamic Image Generator)

Генератор изображений - отличный помощник, который придет на помощь веб разработчику при первоначальной компоновке веб-дизайна до того, как будут доступны реальные изображения для сайта. Вашему вниманию собраны лучшие генераторы изображений на 2019 год.
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

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

Профессиональные генераторы изображений

Lorem Picsum

Особенности:

  • Укажите ширину и высоту
  • Изображения в градациях серого
  • Случайные изображения
  • Получить конкретное изображение
  • Изображения в формате JSON

Образец

Пример использования

https://picsum.photos/420/320?image=0

Образец изображения

picsum.photos


Lorempixel

Особенности:

  • Укажите ширину и высоту
  • Изображения в градациях серого
  • Случайные изображения
  • Изображение по категории
  • Получить конкретное изображение
  • Текст на изображении

Образец

Пример использования

https://lorempixel.com/420/320/abstract/1/Sample

Образец изображения

Lorempixel


ImgPlaceholder

Особенности:

  • Укажите ширину и высоту
  • Пользовательский цвет фона (и прозрачный фон)
  • Пользовательский шрифт + цвет + размер
  • Пользовательский текст
  • Изображение из шрифта (шрифт потрясающий, Ionicons, Glyphicons)

Образец

Пример использования

https://imgplaceholder.com/420x320/ff7f7f/333333/fa-image

Образец изображения

ImgPlaceholder


Placeholder.com

Особенности:

  • Укажите ширину и высоту
  • Пользовательский цвет фона
  • Пользовательский цвет шрифта
  • Пользовательский текст

Образец

Пример использования

https://via.placeholder.com/420x320/ff7f7f/333333?text=Sample

Образец изображения

Placeholder.com


Fake images please?

Особенности:

  • Укажите ширину и высоту
  • Пользовательский цвет фона (и прозрачный фон)
  • Пользовательский шрифт + цвет
  • Пользовательский текст

Образец

Пример использования

https://fakeimg.pl/420x320/ff0000,128/333333,255/?text=Sample&font=lobster

Образец изображения

Fake images please?


Dynamic Dummy Image Generator

Особенности:

  • Укажите ширину и высоту
  • Пользовательский цвет фона
  • Пользовательский цвет шрифта
  • Пользовательский текст
  • Множественный формат изображения
  • Предопределенные стандарты размера изображения (размеры рекламы, стандарты экрана и видео)
  • Бонус: все это дело с открытым исходным кодом

Образец

Пример использования

https://dummyimage.com/420x320/ff7f7f/333333.png&text=Sample

Образец изображения


PlaceIMG

Особенности:

  • Укажите ширину и высоту
  • Изображения на основе категорий
  • Эффект размытия, оттенков серого и сепии

Образец

Пример использования

https://placeimg.com/420/320/tech/grayscale

Образец изображения

PlaceIMG


Ipsum Image

Особенности:

  • Укажите ширину и высоту
  • Пользовательский цвет фона
  • Пользовательский цвет шрифта
  • Пользовательский текст
  • Множественный формат изображения

Образец

Пример использования

https://ipsumimage.appspot.com/420x320,ff7700

Образец изображения

Ipsum Image


LoremFlickr

Особенности:

  • Укажите ширину и высоту
  • Изображения на основе категорий
  • Изображения на основе цвета

Образец

Пример использования

https://loremflickr.com/420/320?lock=1

Образец изображения

LoremFlickr


DummySrc

Особенности:

  • Укажите ширину и высоту
  • Пользовательский цвет фона
  • Пользовательский цвет шрифта
  • Пользовательский текст
  • Множественный формат изображения

Образец

Пример использования

http://www.dummysrc.com/430x320.png/22c5fc/17202A

Креативные генераторы изображений

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

Животные

Placekitten

Образец кода

https://placekitten.com/420/320?image=2

Образец изображения

Placekitten


Placebear

Образец кода

https://placebear.com/420/320?image=2

Образец изображения

Placebear


Знаменитости

Fill Murray

Образец кода

https://www.fillmurray.com/420/320

Образец изображения

Fill Murray


Steven SeGALLERY

Образец кода

https://www.stevensegallery.com/420/320

Образец изображения

Steven SeGALLERY


PlaceCage

Образец кода

https://placecage.com/420/320

Образец изображения

PlaceCage


Place Beyonce

Образец кода

https://placebeyonce.com/420-320

Образец изображения

Place Beyonce

Разное

Baconmockup.com

Образец кода

https://baconmockup.com/420/320

Образец изображения

baconmockup.com


Placebeard

Образец кода

https://placebeard.it/420/320

Образец изображения

https://placebeard.it/420/320


Placezombie

Образец кода

http://placezombie.com/300x200 

Образец изображения

Placezombie


Генераторы изображений на стороне клиента

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

Одним из таких альтернатив является Holder.js