Très utile aux développeurs et designers Web, LoremPixel vous permet de générer des images à la volée en spécifiant une taille. Pratique pour insérer des balises "img" facilement et rapidement !
Vous devez sûrement connaître Lorem Ipsum pour générer des faux textes. Et bien LoremPixel fait la même chose mais pour des images ! Il génère pour vous des images au format souhaité et ceci très simplement.
Plusieurs thématiques sont disponibles : animaux, transport, technologie, sport, etc...
De plus, l'image peut être générée en couleur ou en noir et blanc ; avec un texte ou non !
La particularité du système, c'est que vous n'avez pas à parcourir des pages et des pages de photos pour en trouver une correcte.
Tout se fait avec une URL. Par exemple, pour générer une image aléatoire en 400x150, voici l'URL :
http://lorempixel.com/400/150Pour cibler une catégorie spécifique :
http://lorempixel.com/400/150/nature
http://lorempixel.com/400/150/technicsPour du noir et blanc, il suffit d'ajouter un "g" :
http://lorempixel.com/g/400/150/catsBonus
En bonus, je vous offre un petit snippet pour votre Sublime Text préféré !
Copiez-collez le bout de code suivant et enregistrez-le dans un fichier nommé lorempixel.sublime-snippet dans le répertoire C:\Users\{username}\AppData\Roaming\Sublime Text 3\Packages\User\Snippets.
<snippet>
<content><![CDATA[<img src="http://lorempixel.com/$1/$2/nature/${3:1}">]]></content>
<tabTrigger>lorempixel</tabTrigger>
<description>LoremPixel.com</description>
</snippet>Ainsi, dans un fichier sur Sublime Text, tapez "lorempixel" puis la touche tab de votre clavier pour faire apparaître l'URL. Vous n'avez plus qu'à renseigner une taille (appuyez sur la touche Tab pour basculer entre la hauteur/largeur) !
