Etan Online » Images

Zemanta: enrichir ses articles, textes et autres contenus

Etan — Thu, 05 Mar 2009 07:26:56 +0000

Avec Zemanta une petite révolution se prépare sur le web et qui sait, elle sera peut-être à l’origine d’un plus vaste mouvement. Le principe est très simple. Lorsque vous rédigez un texte, que ce soit un email, un article pour votre blog ou que sais-je cela implique souvent plusieurs phases:

La rédaction du texte
La mise en forme
L’ajout et l’intégration des divers médias (images, vidéos)
L’édition des liens
L’ajout du classement via des catégories et tags (SEO)

Ce que propose Zemanta c’est de réduire considérablement le temps de rédaction de vos textes en vous proposant les contenus les plus pertinents par rapport au texte.

Par exemple, si votre texte parle de Linux (j’ai testé avec les premières lignes de la page française « Linux » de Wikipédia), Zemanta vous proposera diverses images dont 2 photos de Linus Torvalds, 2 photos un peu geek avec des pingouins, ainsi qu’une frise chronologique de l’histoire des systèmes Unix.

D’un clic, vous pouvez illustrer votre texte de l’une de ces images (normalement libre d’utilisation). Ensuite, vous sera proposée une liste de liens vers lesquels pourrait pointer votre texte: Linus Torvalds (site perso, Wikipedia, YouTube), Linux (Wikipédia), GNU, POSIX, distrubution, PC …

S’ajoute à cela un liste de tags pour améliorer le référencement de votre texte s’il s’agit d’un article de blog. Dans notre exemple sont proposés: Linus Torvalds, Linux distribution, Linux, Système d’exploitation, Open Source, …

Enfin, quelques articles traitant du même thème sont listés avec un court résumé au cas où vous souhaiteriez encore enrichir votre prose.

Alors certes, l’outils est en anglais et il faudra quelques fois traduire les tags, mais dans l’ensemble cela reste tout à fait fonctionnel en Français.

Si vous êtes intéressé par ce procédé, je vous invite à tester directement en ligne Zemanta. Sachez qu’il existe de nombreux plugins pour ce service et notamment pour Firefox, IE, Wordpress, Drupal et Live Writer.

N’hésitez par à me faire part de vos expériences via les commentaires.

Il serait d’ailleurs intéressant de mesurer le placement des articles d’un blog rédigés avec Zemanta et d’un blog avec des articles classiques …

Optimiser la compression des PNG (2)

Etan — Wed, 04 Mar 2009 08:33:15 +0000

Cet article fait suite a un autre article que j’avais rédigé concernant la compression des PNG avec Optipng et Pngnq.

Grâce à Franck, j’ai découvert un nouvel utilitaire permettant l’optimisation de la compression des images au format PNG: ScriptPNG.

Il permet notamment deux types de compression: la compression sans pertes et la conversion en 256 couleurs (ou moins). Ainsi, il vous sera possible d’adapter la compression de vos images en fonction de l’utilisation que vous souhaitez en faire.

Par exemple, pour une photo destinée au web, il est préférable de la convertir en 256 couleurs afin de réduire significativement sa taille sans trop détériorer la qualité de l’image. J’utilise d’ailleurs ce type de compression pour toutes les images du blog et j’ai noté un gain de performances très net.

J’ai aussi comparé la compression effectuée avec les outils du précédent article et ScriptPNG. Les résultats sont très peu différents. Certaines fois l’ancienne méthode se révèle plus performante, d’autres fois c’est ScriptPNG, mais la variation dépasse rarement la centaine d’octets.

Pour le téléchargement vous pouvez récupérer le programme sur cette page, malheureusement, il n’est actuellement disponible que pour Windows (contrairement à la méthode évoquée plus haut).

[Photo]

Optimiser la compression des PNG

Etan — Sat, 31 May 2008 09:52:41 +0000

L’optimisation de la compression des images est un facteur important de rapidité de chargement des pages web. Comme je suis dans ma période optimisation, j’ai cherché une méthode permettant de réduire la taille des PNG.

Voici donc, deux outils absolument indispensables:

Pngnq, permet de convertir un fichier PNG en 256 couleurs en définissant une palette de teintes représentant au mieux l’ambiance de l’image.

Optipng, lui, teste plusieurs méthodes de compression afin d’obtenir une image PNG d’une taille optimale. Il supprime aussi toutes les informations inutiles.

Ensuite, il suffit d’utiliser les commandes suivantes pour convertir l’image:

pngnq -vf -s1 image.png optipng -o7 image-nq8.png

Notez que Pngnq enregistre l’image image.png sous le nom image-nq8.png. Enfin, bien entendu, si la réduction des couleurs donne une image de trop mauvaise qualité, on n’utilisera qu’Optipng.

A titre d’exemple l’image en tête de cet article faisait à l’origine 128ko, et n’en fait plus que 33ko, pourtant la qualité reste correcte.

Pour les utilisateurs de Linux, j’ai fait un petit programme bash afin d’automatiser les commandes:

#!/bin/bash pngnq -vf -s1 $1.png optipng -o7 $1-nq8.png echo "Conversion Terminée !"

Pour l’utiliser, entrez la commande ./png.sh image ou « image » est le nom de l’image sans l’extension et png.sh le nom du fichier dans lequel j’ai entré le script.

Pour l’installation sous Linux (Debian, Ubuntu):

sudo apt-get install pngnq optipng

Ces programmes sont aussi disponibles pour Windows:

Source

Liquid Rescale: Redimensionnez vos images sans perdre les proportions

Etan — Sat, 29 Mar 2008 21:19:26 +0000

Liquid Rescale est un plugin révolutionnaire pour Gimp, utilisant une technologie toute récente (seam carving) , permettant de redimensionner une image tout en gardant les proportions des élémements principaux de celle-ci.

J’ai fait exprès de choisir une image (ci-dessus) n’ayant aucun rapport avec le sujet pour vous montrer la puissance du plugin. Voici la même image redimensionnée, sans aucun réglage particulier, en utilisant (à gauche) ou pas (à droite) le plugin:

Avec et sans.

Vous pouvez chercher, tous les éléments de la première photos y sont, et ils ont tous conservé leur proportion originale. Seule l’île en fond est déformée.
Et le résultat et vraiment meilleur que sans Liquid Rescale.
Pour plus d’informations, voici une vidéo expliquant le fonctionnement de cette technologie:

C’est vraiment un must ! Pour le téléchargement ça se passe par ici.

Via Framasoft

PicLens, le plugin qui révolutionne l’image

Etan — Sat, 09 Feb 2008 20:33:53 +0000

PicLens est un Add-on disponnible pour les navigateurs courants (Firefox, Safari, IE) qui va révolutionner vos habitudes.

Fini, les pages de miniature de Google Image ou de DevianArt: vous visualiserez dorénavant vos images sur un véritable mur 3D, où il est possible de faire défiler les images, de zoomer, de lancer un diaporama.

L’interface est très réussie, dans un style Mac du plus bel effet.
Ce plugin est compatible avec tous les sites les plus courants tels que Google, Yahoo, Ask, Live, AOL, Facebook, MySpace, Bebo, Hi5, Friendster, Flickr, Smugmug, DeviantArt, Photobucket, Picasa …

Mais trêve de bavardage, voici une petite démo:

Comment ça fonctionne ? C’est très simple, une fois installé, lors de vos recherche, une petite flèche bleue apparait sur les images. D’un simple clic vous lancez le mur 3D ! Bref c’est un MUST !

Etan Online » Images

Zemanta: enrichir ses articles, textes et autres contenus

Articles similaires:

Optimiser la compression des PNG (2)

Articles similaires:

Optimiser la compression des PNG

Articles similaires:

Liquid Rescale: Redimensionnez vos images sans perdre les proportions

Articles similaires:

PicLens, le plugin qui révolutionne l’image

Articles similaires: