Vedete l'immagine qui sopra? È generata in maniera random usando una sola linea di HTML. Provate a ricaricare la pagina e vedrete che questa foto cambierà. In questa guida vi mostrerò come fare esattamente questo ed altro :)
Unsplash, un sito nato solamente 3 anni fa come una semplice collezione di immagini su Tumblr, ha guadagnato in pochissimo tempo un’enorme popolarità. Infatti Unsplash si è trasformato in uno dei siti più visitati come fornitore di immagini open source per web design.
Il motivo della popolarità di Unsplash è dato sia dalla alta qualità delle foto, sia dal fatto che ogni singola foto sul sito può essere utilizzata senza spendere un centesimo.
Infatti le foto di Unsplash possono essere usate per uso personale e anche per uso commerciale, senza dover chiedere permesso o citare l’autore. Potete vedere la licenza completa delle foto qui: https://unsplash.com/license
Come trovare immagini gratis con la API di Unsplash
Recentemente Unsplash ha pubblicato una API che permette di generare immagini e informazioni sulle foto. Questa API però come molte altre API richiede un utilizzo di una chiave API.
Se invece avete bisogno di accedere solamente ad immagini della API, e non avete bisogno di accedere ad informazioni come: Autore di una foto o dettagli della foto, potete usare la nuova Unsplash Source.
Questo servizio chiamato Unsplash Source, permette di utilizzare le immagini della API, includendo un semplice link nell’attributo src delle vostre immagini HTML <img>
Vediamo insieme come usare di preciso questa API:
Andiamo prima di tutto sul sito della documentazione: documentazione API Unsplash
In questa pagina vedrete quali sono le operazioni di GET che si possono fare:
Provate a inserire l'url mostrato nella documentazione nel vostro browser e vedrete che questo vi presenterà una immagine random dal database di Unsplash.
O semplicemente potete cliccare su questo link : https://source.unsplash.com/random
Come potete immaginare, se inseriamo questo url nell’attributo src della nostra immagine:
<img src=”https://source.unsplash.com/random”>Riceveremo un'immagine random nella nostra pagina HTML
Ora vediamo quali altri operazioni si possono fare con la API:
- Possiamo selezionare immagini da una categoria in questo modo:
https://source.unsplash.com/category/nature/
- Possiamo anche specificare le dimensioni dell’immagine
https://source.unsplash.com/category/nature/1600x900
Scorrete nella pagina della documentazione per altri metodi. Un metodo particolarmente utile è la ricerca per Tag:
Possiamo effettuare una ricerca per tag in questo modo:
https://source.unsplash.com/1600x900/?nature,water
Quindi per includere una foto nel nostro sito, basta includere il seguente elemento HTML:
<img src=”https://source.unsplash.com/1600x900/?nature,water”>Una API con immagini senza Copyright
Queste immagini non hanno copyright, perché quando gli user fanno l’upload delle loro foto, rinunciano a qualsiasi tipo di copyright sull’immagine. Questo ci permette di utilizzare le immagini in qualsiasi modo vogliamo. Anche per uso commerciale!
una API senza chiavi per immagini gratuite
Un altro aspetto importantissimo di questa API è il fatto che non c’è alcun bisogno di richiedere una chiave API. Molte API infatti richiedono una registrazione della propria App e un uso delle chiavi API.
Grazie per aver seguito questa guida. Condividete questa pagina con i vostri amici su Facebook o Twitter, e raccontate le vostre esperienze con le api, nella zona dei commenti. Grazie e alla prossima :)
