Генератор случайных изображений для вашего сайта

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

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

Поиск генератора случайных изображений может показаться преувеличением, но поверьте мне, это не так. Наоборот.

Я использую его в сочетании с Альфредапп.

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

Посмотрите, нравятся ли мне генераторы изображений для веб-разработки, о которых я уже говорил 3 года назад, в частности о Фотографии.

Но без лишних слов, давайте приступим к делу.

Инструмент называется Лорем.пространство и его работа очень проста, как вы увидите ниже.

Видеоурок

Основные операции генератора случайных изображений

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

Вот пример:

https://api.lorem.space/image/movie?w=150&h=220

Если мы используем URL-адрес для отображения изображения, это будет результат

Если мы посмотрим на предыдущий URL-адрес, мы увидим, что он имеет другие параметры, которые мы увидим далее.

Категория изображения

Мы видим, что фильм появляется на предыдущем изображении, потому что слово появляется в URL-адресе. кино.

Инструмент позволяет нам изменить категорию изображения на следующее:

• кино
• игра
• альбом
• книга
• противоречить
• мода
• обувь
• смотреть
• мебель

Поэтому, просто заменив слово кино на лицо, мы увидим, что вместо фильмов появляются изображения лиц:

И так с каждой из категорий

Размер изображения

Помимо категорий изображений, мы также можем изменить их размер.

Это так же просто, как изменить размер, который появляется в конце URL-адреса:

https://api.lorem.space/image/face?w=150&h=220

Если присмотреться, то оказывается:

• ?w=150 -> Относится к ширине изображения в пикселях.
• h=220 -> Относится к высоте изображения в пикселях.

Если мы хотим изображение размером 450 660, нам нужно будет поставить:

https://api.lorem.space/image/face?w=450&h=660

И результатом будет:

Как видите, его работа не может быть проще.

Я надеюсь, что это работает для вас 😉