De retour après une longue absence, j'ai parcouru le Forum d'Eklablog suite à quelques soucis pour poster un article et force fut de constater une certaine grogne.

Une migration problématique sur laquelle travaille l'équipe a causé de nombreux désagréments et ça râle ferme, surtout du côté des accros au graphisme telle votre humble servante. Inutile de nous voiler la face : les images, c'est lourd et plus elles sont grandes, plus elles sont lourdes, plus elles ralentissent l'affichage du blog et chargent les serveurs. CQFD.

D'aucun m'objectera "Avant ça marchait bien". Certes mais c'était avant... avant que le nombre d'Eklablogueurs augmente, avant que les grpheuses et photographes soient de plus en plus nombreux. Quand une famille s'agrandit, soit on augmente le nombre de pièces d'une maison, soit...

... on optimise l'espace disponible.

Astuces :

Voici quelques "trucs" pour alléger et vos blogs, et les serveurs Eklablog.

• Lors de la sauvegarde vos images, si elles sont destinées à l'impression, enregistrer une première fois avec les taux de pixels pour l'impression et une deuxème version en 72 px, largement suffisante pour le Web
• Pour les images sans plage de transparence, choisir le format JPEG au lieu de PNG, très lourd (environ 3 fois plus) qui n'apporte rien de plus à la qualité de l'image.
• Héberger vos images chez un hébergeur. Il y en a des gratuits et performants, tels 4shared ou Imageschack (je suis chez eux depuis 6 ans et n'ai jamais eu de souci). Il y a aussi Photobucket mais lors de la sauvegarde, le fichier est recompressé↔perte de qualité importante.

Et maintenant voici comment je procède dorénavant pour mettre mes images en ligne sur mon blog :

Étape 1 :

Après avoir hébergé votre image, récupérer le lien direct

Étape 2 :

Étape 3 :

Dans l'onglet Apparence, penser à redimensionner l'image (640x480 px est le standard mais vous pouvez choisir une valeur inférieure)

Étape 4 :

Pour que votre visiteur puisse apprécier pleinement la qualité de votre image, on va l'afficher dans une fenêtre popup, en toute simplicité.
Cliquer sur Insérer-Éditer le lien

Étape 5 :

Dans l'onglet Popup, coller à nouveau le lien direct et configurer avec la taille réelle de votre image pour la taille de la fenêtre. Cocher comme ci-dessous

Voici le résultat final :

Bien évidemment, c'est un peu plus long au niveau des manipes mais je pense que ça peut considérablement fluidifier le trafic sur les blogs où l'image est prépondérante.

Bon blogging à tous !