НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Блог Адміну. Уроки 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" />