В уеб разработката намирането на запазени изображения може да бъде разликата между вашите макети да изглеждат страхотно и да изглеждат така, сякаш са събрани в последния момент. Това също не е само уеб разработка – може да се нуждаете от изображение на контейнер за други проекти или презентации.
За щастие създаването на страхотни фиктивни изображения не трябва да е трудна задача. Тези осем генератора на заместващи изображения вършат работата вместо вас и по различни начини.
На първо място в този списък имаме Dynamic Dummy Image Generator. Ако търсите запазени изображения, които можете бързо и лесно да използвате за вашите макети и други проекти, тогава това е чудесно място да започнете.
Dynamic Dummy Image Generator, както можете да си представите от името му, е уебсайт, който ви позволява бързо да генерирате фиктивни изображения. Всичко, което трябва да направите, за да започнете, е да въведете размера, цвета на фона, цвета на предния план, формата на изображението и всеки допълнителен текст.
Ако оставите текста празен, изображението просто ще покаже размера на изображението. След като сте доволни от създаденото от вас изображение на контейнер, можете лесно да щракнете върху изображението, за да го изтеглите, или да използвате генерираната връзка, за да интегрирате изображението директно.
След това имаме Placeholder.com. Ако търсите нещо, което се отказва изцяло от потребителския интерфейс в полза на по-бързо и по-гъвкаво генериране на изображения, тогава Placeholder.com е точно това, което търсите.
Както споменахме по-рано, Placeholder.com няма потребителски интерфейс, за който да говорим. Вместо това, уеб страницата е по същество едно дълго обяснение как да използвате уеб услугата.
По същество Placeholder.com ви позволява да използвате конкретен URL адрес за динамично създаване на изображения за контейнери по различни параметри като размер, формат на изображението, персонализиран текст, цветове и др.
Страхотното тук е, че след като разберете как да го използвате, можете да включите тези изображения директно в кода си, без да се налага да се притеснявате да настройвате всяко ново изображение поотделно.
Ако търсите нещо малко по-динамично от просто текст, LoremFlickr може да е уеб услуга, по-подходяща за вашите нужди. LoremFlickr работи подобно на Placeholder.com, тъй като ви позволява динамично да създавате изображения на контейнери, като използвате проста връзка.
Основната разлика тук е, че LoremFlickr създава тези запазени изображения, като взема изображения от Flickr и ги използва като ваши фиктивни снимки. Ако не сте запознати с това, което е Flickr, по същество това е просто платформа за споделяне на снимки.
Има много неща, които можете да направите тук. Например, можете да въведете допълнителни параметри, за да се уверите, че изображението на контейнера ви е с правилния размер, но можете също да включите тагове, за да получите правилните типове изображения, които търсите.
Например, ако създавате макет на уебсайт за пътуване, може да искате да включите запазени изображения на местоположения. Можете да включите таговете на местоположенията, които сте имали предвид, и LoremFlickr ще вземе изображения от Flickr, съответстващи на тези тагове вместо вас.
Следващият в този списък е генераторът на изображения на контейнери. Както можете да си представите, това е генератор на контейнери, който е чудесен, ако сте малко по-малко запознати с технологиите или просто предпочитате нещо с хубав потребителски интерфейс.
Първите стъпки с Placeholder Image Generator са супер лесни. Генераторът е изграден по доста интуитивен начин, като всеки ред съответства на различен елемент от генерирания контейнер.
Дори изтеглянето на изображението или директното му интегриране е улеснено за вас с ясен бутон, показан точно под визуализацията на изображението, което виждате.
Ако търсите нещо малко по-богато на функции, тогава Lorem.space е впечатляваща услуга за генериране на заместващи изображения с доста неща, които се случват под капака.
Lorem.space е API за генериране на изображение на контейнер. Въпреки че това може да звучи сложно, това е доста лесно разберете какво представляват API. Това означава, че можете лесно да го използвате, за да генерирате изображения на контейнери от една връзка. Тук можете да включите определени параметри, за да гарантирате, че получавате правилната ширина и височина, например.
Това, което прави Lorem.space уникален обаче, е, че съдържа различни опции за различни изображения на контейнери. Например, ако правите макет за уебсайт на кино, може да искате филмови плакати. Lorem.space ви позволява да включите филмовия етикет, за да генерирате филмови плакати.
Тук има девет различни категории, от които можете да избирате, което ви позволява да генерирате страхотно изглеждащи изображения на контейнери, които отговарят на вашите нужди.
След това имаме Dummy Image Generator. Тази услуга за запазени изображения има огромен набор от различни изображения, които можете да използвате за почти всякакви цели.
Всичко, което трябва да направите, за да използвате Dummy Image Generator, е да изберете от голямото разнообразие от различни параметри вляво на екрана. Тук има опции за различни размери, формати, мотиви и др.
Оттам ще имате разнообразие от различни изображения, които лесно можете да изтеглите едно по едно или като zip. Перфектен за случаите, когато имате нужда от изображения и не сте много притеснени как изглеждат конкретно.
За висококачествени запазени изображения Lorem Picsum е добър избор, с който да започнете. Lorem Picsum не само ви позволява да създавате запазени изображения супер лесно благодарение на своята система за динамично свързване, но също така ви позволява лесно да създавате произволни или конкретни снимки в свободното си време.
Можете да прегледате цялата библиотека на Lorem Picsum, за да изберете конкретни изображения, или можете да изберете произволно генерирайте ново изображение всеки път или дори вземете произволно изображение, което след това остава същото от този момент напред.
Можете също така динамично да прилагате ефекти като замъгляване, сива скала и други само с няколко допълнителни входа.
И накрая, имаме Fakeimg.pl. Ако искате да създадете контейнери с текст на японски, корейски или китайски, тогава Fakeimg.pl е чудесно за това приложение.
Подобно на много други записи в този списък, Fakeimg.pl ви позволява динамично да създавате заместващи изображения, като използвате ред от CSS код. Тук можете да избирате от множество различни параметри като размер, цвят, шрифт и др.
Това, което прави Fakeimg.pl страхотен обаче, е, че има естествена поддръжка за японски, корейски и Китайски йероглифи, което означава, че можете да въведете текста си директно в CSS и той да работи веднага.
Намирането на изображения-заместители не трябва да е трудно
Както можете да видите, има широка гама от различни генератори на изображения за контейнери, които функционират по различен начин. Независимо дали търсите нещо, което е бързо и лесно за използване, или нещо с много различни функции, вие със сигурност ще намерите това, което търсите.
