Generatore di immagini casuali per il tuo sito web

Una delle maggiori seccature durante la progettazione di un nuovo sito Web è la ricerca di immagini di prova che sai che cambierai di nuovo.

In altre parole, tutto il tempo che trascorri è tempo perso a lungo termine, ma se non passi il tempo a scegliere buone immagini, il sito Web di prova sembrerà brutto e non è affatto bello.

Può sembrare un'esagerazione cercare un generatore di immagini casuali ma credetemi non lo è. Al contrario.

Lo uso in combinazione con alfredapp.

Con Alfred ho creato una scorciatoia da tastiera in modo che aggiunga l'URL del creatore di immagini casuali in modo da non dover ricordare nulla.

Guarda se mi piacciono i generatori di immagini per lo sviluppo web di cui ho già parlato 3 anni fa, nello specifico Fotografie.

Ma senza ulteriori indugi, mettiamoci al lavoro.

Lo strumento si chiama lorem.spazio e il suo funzionamento è molto semplice come vedrai di seguito.

Videotutorial

Operazioni di base del Generatore di immagini casuali

L'unica cosa che dobbiamo fare è aggiungere l'URL che lo strumento ci fornisce nel punto in cui vogliamo che appaia un'immagine.

Ecco un esempio:

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

Se usiamo l'URL per far apparire un'immagine, questo sarebbe il risultato

Se osserviamo l'URL precedente, vediamo che ha parametri diversi che vedremo in seguito

Categoria immagine

Possiamo vedere che un film appare nell'immagine precedente e questo perché la parola appare nell'URL film.

Lo strumento ci consente di modificare la categoria dell'immagine per quanto segue:

• film
• gioco
• album
• libro
• fare
• moda
• scarpe
• orologio
• arredamento

Pertanto, semplicemente cambiando la parola film per viso vedremo che al posto dei film compaiono immagini di volti:

E così con ciascuna delle categorie

Dimensione dell'immagine

Oltre alle categorie delle immagini, possiamo anche cambiarne le dimensioni.

È semplice come cambiare la dimensione che appare alla fine dell'URL:

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

Se osserviamo da vicino, appare:

• ?w=150 –> Si riferisce alla larghezza dell'immagine in pixel
• h=220 –> Si riferisce all'altezza dell'immagine in pixel.

Se vogliamo un'immagine di 450 660 dovremmo mettere:

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

E il risultato sarebbe:

Come puoi vedere il suo funzionamento non potrebbe essere più semplice.

Spero che funzioni per te 😉