PROJET AUTOBLOG


Korben

source: Korben

⇐ retour index

Lorem Picsum – Pour remplir vos projets web de photos temporaires

jeudi 1 octobre 2020 à 09:00

Non, rien à voir avec l’oncle Picsou (roh roh), mais si vous êtes développeur, vous connaissez sans doute ce qu’on appelle les « placeholders », c’est à dire les images bouche trou qu’on met sur un site en attendant d’avoir des images définitives. Un peu comme ce qu’on fait avec le texte en Lorem Ipsum justement.

Dans le même esprit que Placeholder.com, le service Lorem Picsum permet de placer des images plutôt jolies au format de votre choix, simplement en changeant les paramètres dans l’URL.

Par exemple, si vous avez besoin d’une image carrée de 200 px de côté, il vous suffit d’appeler dans votre balise img ou votre CSS, l’URL suivante :

https://picsum.photos/200

Et si vous voulez une image de 200 de largeur et 300 de hauteur :

https://picsum.photos/200/300

Ensuite, comme il s’agit d’images aléatoires, il est possible de les rendre fixes en utilisant un « seed », c’est-à-dire en mettant un mot clé de votre choix dans l’URL. Par exemple, cette URL avec mon mot clé KORBEN affichera toujours la même image :

https://picsum.photos/seed/korben/200/300

Si vous cherchez une image spécifique, vous pouvez également consulter la galerie de Picsum ici et récupérer l’ID de la photo qui vous intéresse pour l’appeler comme ceci :

https://picsum.photos/id/1003/300

Si vous voulez passer une image en noir et blanc, il suffit d’ajouter le paramètre ?grayscale dans l’URL :

https://picsum.photos/200/300?grayscale

Même chose pour le filtre « blur » pour mettre du flou, dont vous pouvez régler l’intensité comme ceci :

https://picsum.photos/id/870/200/300?grayscale&blur=2
https://picsum.photos/id/870/200/300?blur=5

Voilà pour Lorem Picsum. Il y a bien sûr d’autres options, mais je vous laisse lire la doc sur le site.

À découvrir ici évidemment !


80€ offerts pour l’ouverture de votre compte

La Pour vos Cartes VISA Classic et Premier
toujours gratuites

Vous reprenez la main et paramétrez toutes les fonctionnalités de votre carte bancaire :

• Choix du visuel, carte Visa Classic ou Premier ou encore le type de débit différé ou immédiat
Choisissez la carte bancaire qui vous convient

• L’augmentation immédiate des plafonds de votre carte bancaire : Vous souhaitez retirer une somme d’argent importante ? Vous avez besoin d’une capacité de paiement supérieure ? Augmentez les plafonds de votre carte bancaire facilement et instantanément (Réservé aux clients de plus de 3 mois. Sous réserve d’éligibilité) ! Faire face à toutes ses dépenses en quelques clics, ça change la vie !

• La technologie NFC (paiement sans contact) : Payer d’un simple geste, c’est élégant ! Pratique pour les paiements inférieurs à 50 € et c’est surtout vous qui choisissez quand activer ou désactiver ce nouveau service.

• Payez dans des millions d’endroits avec votre smartphone grâce à Apple Pay, Samsung Pay et Google Pay

En savoir plus

<script type="text/javascript">;new advadsCfpAd( 118845 );
<script src="//ads.themoneytizer.com/s/gen.js?type=2"><script src="//ads.themoneytizer.com/s/requestform.js?siteId=69569&formatId=2">

<script type="text/javascript">;new advadsCfpAd( 118889 );