Generator losowych obrazów dla Twojej witryny

Jednym z największych problemów podczas projektowania nowej witryny internetowej jest szukanie obrazów testowych, o których wiesz, że zamierzasz je ponownie zmienić.

Innymi słowy, cały czas, który spędzasz, to na dłuższą metę zmarnowany czas, ale jeśli nie będziesz spędzać czasu na wybieraniu dobrych zdjęć, strona testowa będzie wyglądać brzydko i to wcale nie jest fajne.

Szukanie generatora losowych obrazów może wydawać się przesadą, ale uwierz mi, że tak nie jest. Wręcz przeciwnie.

Używam go w połączeniu z alfredapp.

Z Alfredem stworzyłem skrót klawiaturowy, który dodaje adres URL losowego twórcy obrazu, dzięki czemu nie muszę niczego pamiętać.

Zobacz, czy podobają mi się generatory obrazów do tworzenia stron internetowych, o których już mówiłem 3 lata temu, a konkretnie o Zdjęcia.

Ale bez zbędnych ceregieli przejdźmy do rzeczy.

Narzędzie nazywa się lorem.przestrzeń a jego działanie jest bardzo proste, jak zobaczysz poniżej.

Instrukcja wideo

Podstawowa obsługa generatora obrazów losowych

Jedyne, co musimy zrobić, to dodać adres URL, który daje nam narzędzie w miejscu, w którym chcemy, aby pojawił się obraz.

Oto przykład:

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

Jeśli użyjemy adresu URL, aby wyświetlić obraz, byłby to wynik

Jeśli spojrzymy na poprzedni adres URL, zobaczymy, że ma on inne parametry, które zobaczymy w następnym

Kategoria obrazu

Widzimy, że na poprzednim obrazku pojawia się film, a to dlatego, że słowo pojawia się w adresie URL film.

Narzędzie pozwala nam zmienić kategorię obrazu na:

• film
• gra
• album
• książka
• twarz
• moda
• buty
• zegarek
• meble

Dlatego po prostu zmieniając słowo film na twarz, zobaczymy, że zamiast filmów pojawiają się obrazy twarzy:

I tak z każdą z kategorii

Rozmiar obrazu

Oprócz kategorii obrazów możemy również zmienić ich rozmiar.

To tak proste, jak zmiana rozmiaru wyświetlanego na końcu adresu URL:

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

Jeśli przyjrzymy się uważnie, okazuje się, że:

• ?w=150 –> Odnosi się do szerokości obrazu w pikselach
• h=220 -> Odnosi się do wysokości obrazu w pikselach.

Jeśli chcemy mieć obraz 450 660 musielibyśmy umieścić:

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

Wynik byłby następujący:

Jak widać jego działanie nie mogłoby być prostsze.

Mam nadzieję, że Ci się uda 😉