15 décembre 2012

LoremPixel: Générer des images dynamiquement

Voila un outil en ligne sympa et extrêmement utile qui va servir aux développeurs et aux designer web.

Si vous faites un peu de développement web vous devez surement connaitre le Lorem Ipsum. C'est un faux-texte de différentes tailles qui permet de remplir des pages à des fins de test.

Et bien LoremPixel c'est la même chose mais avec des images. Ce site vous permet de générer une image de n'importe quelle taille très simplement.



Le top c'est que vous avez même pas à visiter le site, regardez si par exemple je veux générer une image de 540 X 200.

Je place place une balise img dans mon code et je met l'URL du site avec mes dimensions:

http://lorempixel.com/540/200

Si vous voulez une image en noir et blanc ajoutez un g pour grey devant les dimensions:

http://lorempixel.com/g/540/200

Maitenant si vous voulez être plus précis et choisir une catégorie pour l'image mettez le nom de la catégorie à la fin de l'url:

http://lorempixel.com/540/200/food

Vous avez le choix entre 11 catégories:

  • abstract

  • animals

  • city

  • fashion

  • food

  • nightlife

  • people

  • nature

  • sports

  • technics

  • transport

Regardez l'image d'entête de l'article, le code c'est:

<img src="http://lorempixel.com/g/520/200" />

Si vous rechargez la page, vous verrez que l'image n'est plus la même. Pas mal non ?! c'est un gain de temps précieux pour les développeurs.



Le site est ici.

Aucun commentaire:

Enregistrer un commentaire