Conversion d’images en format WebP et vice et versa

Les photos et les images sur internet représenteraient 65% des données reçues lors de la consultation d’une page web, je suis assez d’accord sur cette donnée. C’est important d’ailleurs pour moi, car j’essaye toujours de choisir le meilleur format pour mes illustrations soit en jpg pour une photo, soit en png pour une capture d’écran. Il y a aussi les Gifs que j’utilise de plus en plus et même en faisant des gros efforts, il est difficile de créer un bon gif pour moins de 100 kilo octets. Soit un temps de chargement de 1 secondes pour une connexion  internet à 1 Mbit/s.

Pour les professionnels de l’internet, il est important d’avoir des images de qualité qui soit la plus nette possible.

Un exemple avec le logo grooveshark que j’ai réalisé pour mon dernier billet

Solution 1 : Ce logo est réalisé en format png 150X150 et il pèse 1,7 kilo octet. On voit que les bords sont plutôt nets. les défauts en forme d’escalier pourraient être amoindris si j’utilisait un éditeur photo à plus de 150 dpi (gimp par exemple), mais ça me prendrait plus de temps.

 

Solution 2 : Ce logo est fait 277×270  et il est issu d’une image vectorielle en SVG, on voit qu’il est parfait, et il pèse 5,8kO ce qui est raisonnable.

Solution 3 :  Le même logo en format  jpg 150×150 compressé à 70% est je dois dire dégueulasse et en plus il pèse 4.1 KO,

 On préférera surement la solution 2 qui est la meilleure  on je choisira jamais l’option 3 et si on veut vraiment faire maigrir le poid de l’image on choisira le solution 1, même si il y a un effet d’escalier désagréable.

Il existe un autre format qui s’appelle le format  WebP (à prononcer wepi) 

Il n’est pas encore bien intégré sur le web, ni dans les outils de retouche photo, mais il est dit que ce format réduirait le poids des images (sans perte) entre 30% à 80% de réduction d’espace par rapport aux format  JPEG et PNG.  Si un jour le web adopte ce format, cela va se traduire par  une énorme économie en CO2, donc en énergie et un téléchargement plus rapide des pages… L’enjeu est plutôt important et c’est google qui pousse ce format.

2 services en ligne de Conversion d’images en format WebP et vice et versa

Par curiosité si vous voulez tester vos photos ou images dans ce nouveau format voilà deux services qui font le travail.

Conversion de WEBP vers jpg, png

Cloudconvert.org/webp-to-anything

Conversion jpg, png vers webp

Img2webp.net offre toutes sortes d’option pour une compression maximum, à condition de comprendre le paramétrage des options

zamzar.com

Vous pouvez aussi tester la conversion sur le site de zamzar.com

Pour plus d’information sur le format WebP

Et relisez

 

Grooveplayer : pour lancer un lecteur grooveshark.com dans une fenêtre flottante

Grooveshark  est mon site de musique préférée *** pour écouter la musique en ligne. C’est gratuit, la qualité du son est convenable, groveshark est disponible sur android (mais  pas sur googleplay), c’est donc le site qui a tout pour plaire et je n’ai donc pas besoin d’abonnement payant via deezer. Aujourd’hui j’ai testé une extension chrome qui permet de faire une petite chose pratique : l’affichage d’une fenêtre flottante d’un lecteur grooveshark (groveplayer

Ce lecteur pourra donc être positionné quelque part sur votre écran.

Pour lancer cette fenêtre flottante, il faut aller  télécharger l’extension grooveplayer (sur googleplay) puis de cliquer sur l’icone pour lancer le lecteur. On pourra ainsi mettre en pause, avancer ou reculer la lecture des chansons

Il faudra optionnellement régler quelques options de taille du lecteur flottant et le lancement automatique de la fenêtre dès qu’on lance la page grooveshark et permettre au lecteur d’afficher le titre de la chanson.

Il aurait été pratique d’avoir une option « always on top » (toujours au-dessus), pour éviter le « Ctrl tab » ou pour éviter e cliquer que l’icone du lecteur qui se trouve  sur la barre de tâche de windows. On aura peut-ça dans la prochaine version. Cela dit, dans l’explication il est dit que la fenêtre apparaît en permanence ce qui n’est pas mon cas..

Notez que pour un meilleur confort de lecteur, il faut se rendre sur  chrome://flags/#enable-panels  et activer « l’option Activer les panneaux »

Grooveplayer pour les inconditionnels de Grooveshark

***Accuradio est ex æquo avec Grooveshark.

 

Nimbus Web Clipper : prendre des notes de tout ce qu’on voit sur internet

Quand il s’agit de prendre des notes et de mettre en mémoire ce qu’on a vu sur internet, la première idée qui me vient à l’esprit c’est d’utiliser  evernote.com qui fait parti de mes tops 100 2012.   Evernote.com est entré dans les gènes de pas mal d’internautes, les habitudes sont prises et il va être difficile de choisir un autre service pour prendre des notes.  Prendre des notes sur internet s’appelle le « Web clipping« . Clipping ça veut dire « coupure de journal » mais la paire de ciseaux a été remplacée par le ctrl C et les services de bookmark… Dans cette rubrique on peut parler de annotary.com, simplenote, instantpaper, googlekeep, springpad, ou encore de roohit, mais la liste est tellement longue qu’il faudrait faire un bestof.

Il faudra maintenant compter aussi  sur cette extension chrome  nimbus-web-clipper qui va fonctionner de paire avec le site  nimbus.everhelper.me. Nimbus, ça peut vous rappeler quelque chose avec l’extension  Nimbus Screen Capture qui permet de faire des captures d’écran assez pratiques.(C’est la même équipe). L’extension, nimbus-web-clipper permet de clipper des extraits de pages internet (1), de clipper une page entière (2), de clipper une image (3) ou de mettre en mémoire un article complet (4). 

Une fois chois l’option de « clipping » il faudra mettre les tags (étiquette) qui vont bien pour pouvoir classer les informations correctement et surtout retrouver les informations plus facilement, il est aussi possible de partager l’information clippée sur les réseaux sociaux grâce à la fourniture d’un lien url  à diffuser. J’ai d’ailleurs créé un exemple avec ce lien  :

https://nimbus.everhelper.me/client/notes/share/1086/FZ3pDPIqKXGqbTdDsLGeszscvr0Obe4t/

Sur le compte, on retrouvera toutes les notes classées par tags, par dossier (folder). Sur le site lui-même il est aussi possible de créer des notes directement. Il existe aussi une option « todolist »

Voilà donc une bonne option alternative à evernote. Une bonne façon, peut-être de séparer les variables (evernote pour le boulot et nimbus-web-clipper pour les loisirs).

Nota :

  • Ce site peut disparaître d’un jour à l’autre (comme tous les sites internet).  il est donc bon de sauvegarder l’information autre part (bookmark, favoris, blogues…)

A tester sur nimbus-web-clipper 

 

Pin It on Pinterest