Journal
Archives du 25 juillet 2014
Ajoutez la couleur dominante derrière vos images
25 juillet 2014 3 commentaires — images, rails, ruby, wordpress
Si vous pouvez extraire la couleur dominante d’une photo, vous pouvez améliorer la perception du chargement de votre site en vous servant de celle-ci tant que votre image n’est pas chargée.
Voici un exemple sur cults3d.com :
HTML
En HTML, le plus simple est d’appliquer la couleur dominante sur son style inline. C’est cette couleur qui apparaîtra durant le chargement
<img style="background: #f3de56" src="…" width="120" height="120" />
Avec Rails
Si vous utilisez la librairie CarrierWave dans votre application Rails, vous pouvez extraire facilement la couleur dominante à chaque upload grâce à ma gemme ruby carrierwave-color.
Avec WordPress
Si vous utilisez WordPress, ajoutez l’extension dominant-color et ça sauvegardera la couleur dominante à chaque upload de medias. Vous pourrez même éditer la couleur choisie, directement dans l’administration.
