Certains développeurs/webmasters sont souvent confrontés à ce problème de compression/optimisation des images tout en gardant leur qualité afin de rendre toujours plus fluide la navigation sur son site web.
Dans cet article je vais vous proposer de :
Trouver les images non-optimisées sur ses pages avec Page Speed et YSlow.
Depuis un moment sur mes serveurs, je me sers de la bibliothèque GD en version 2 disponible par défaut sur la plupart des environnements PHP pour manipuler des images comme par exemple pour les redimensionner, changer les formats, etc...
Mais je me suis dit qu'il fallait que je me lance dans l'utilisation d'une bibliothèque plus puissante et maintenue à jour assez souvent. Je me suis tout de suite rappelé de ImageMagick car cette bibliothèque est disponible sur la plupart des hébergements.
Pour savoir si votre hébergeur intègre ImageMagick sur votre hébergement, vous pouvez mettre ces quelques lignes de code PHP pour vérifier :
exec("convert -version", $out);
print_r($out);
Ce code devrait vous retourner la version d'ImageMagick. Dans mon cas ça donne :
Nous allons enfin avoir des favicons digne de ce nom
Grâce à l'application web Faviconist qui propose la création de favicons de très bonne qualité en HTML5 et tout ça via l'utilisation des canvas. Une fois votre favicon créée vous n'aurez plus qu'à copier le code généré sur votre site!
Aviary propose un écosystème de créativité en ligne avec une série d'outils graphiques en Flash, le tout associé à une place de marché ou les artistes peuvent vendre leurs créations.
L'équipe de 12 personnes située a New-York a développé une série de 14 outils allant d'éditeurs graphiques à des générateurs de motifs. Ils apportent actuellement les dernières retouches aux programmes principaux (éditeur d'images, générateur de motifs et système d'effets spéciaux). Les voici :
Le fondateur, Avi Muchnik affirme que l'éditeur possède les fonctionnalités importantes de Photoshop 6.
Le service souhaite proposer toutes les fonctionnalités indispensables d'un éditeur de qualité en plus de l'intégration d'autres outils en ligne. Vous pouvez, par exemple, utiliser le générateur de motifs, Peacock, pour créer des textures sur une image retouchée sur Phoenix. Il est aussi possible de partager le motif choisi publiquement, voire même de le vendre.
Les fichiers publiques peuvent être commentés par d'autres utilisateurs et un historique des versions est disponible afin de voir l'évolution de votre travail. Tous les fichiers créés sont sauvegardés en .egg sur les serveurs d'Aviary, ce qui permet de suivre à la trace l'historique d'un fichier et de protéger les droits d'auteurs.
Vous trouverez ici et ici différentes créations d'utilisateurs.
Enfin le mieux reste une vidéo pour vous montrez de quoi ce panel d'outils est capable :
Vous n'avez jamais entendu parlé du nombre d'or? Et pourtant il a été prouvé qu'il est un plaisir pour l'oeil! Afin que votre site respecte cette "norme", The Golden Ratio est un site qui calcule ce rapport! Pour l'essayer : http://goldenratiocalculator.com/