Générateur d'images aléatoires pour votre site Web

L'un des plus gros tracas lorsque vous concevez un nouveau site Web est la recherche d'images de test que vous savez que vous allez modifier à nouveau.

En d'autres termes, tout le temps que vous passez est du temps perdu à long terme, mais si vous ne passez pas de temps à choisir de bonnes images, le site de test aura l'air moche et ce n'est pas cool du tout.

Il peut sembler exagéré de rechercher un générateur d'images aléatoires, mais croyez-moi, ce n'est pas le cas. Tout le contraire.

Je l'utilise conjointement avec alfredapp.

Avec Alfred, j'ai créé un raccourci clavier pour qu'il ajoute l'url du créateur d'image aléatoire afin que je n'aie à me souvenir de rien.

Voyez si j'aime les générateurs d'images pour le développement web dont j'ai déjà parlé il y a 3 ans, en particulier sur Photos.

Mais sans plus tarder, passons aux choses sérieuses.

L'outil s'appelle lorem.espace et son fonctionnement est très simple comme vous le verrez ci-dessous.

Didacticiel vidéo

Fonctionnement de base du générateur d'images aléatoires

La seule chose que nous devons faire est d'ajouter l'URL que l'outil nous donne à l'endroit où nous voulons qu'une image apparaisse.

Voici un exemple:

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

Si nous utilisons l'url pour faire apparaître une image, ce serait le résultat

Si nous regardons l'url précédente, nous voyons qu'elle a des paramètres différents que nous verrons ensuite

Catégorie d'images

Nous pouvons voir qu'un film apparaît dans l'image précédente et c'est parce que le mot apparaît dans l'url film.

L'outil nous permet de changer la catégorie de l'image pour les éléments suivants :

• film
• jeu
• album
• livre
• faire
• mode
• chaussures
• montre de luxe.
• meubles

Par conséquent, en changeant simplement le mot film pour le visage, nous verrons que des images de visages apparaissent à la place des films :

Et donc avec chacune des catégories

Taille de l'image

En plus des catégories des images, nous pouvons également en modifier la taille.

C'est aussi simple que de changer la taille qui apparaît à la fin de l'url :

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

Si on regarde bien, il apparaît :

• ?w=150 –> Fait référence à la largeur de l'image en pixels
• h=220 –> Fait référence à la hauteur de l'image en pixels.

Si on veut une image de 450 660 il faudrait mettre :

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

Et le résultat serait :

Comme vous pouvez le constater, son fonctionnement est on ne peut plus simple.

J'espère que ça marchera pour toi 😉