Choblabimages | Choblab

JPEGmini : une excellente appli web pour optimiser la taille de vos images

Chob — Thu, 08 Sep 2011 06:16:51 +0000

La baseline de JPEGmini est explicite : mettez vos images au régime ! Et la promesse fait rêver : réduire jusqu’à 5 fois la taille de ses images tout en conservant leur qualité originale.

A la moulinette du Choblab

J’ai testé avec 2 types de visuels :

une infographie en haute définition, de 1636 Ko
une photo originale, de 1903 Ko

Le résultat est époustouflant !

L’infographie voit son poids divisé par 4, et passe de 1,6 Mo à 400 Ko.
Pour la photo, c’est moins spectaculaire, mais le fichier est quand même réduit de moitié !

Le plus étonnant, c’est le maintien d’une qualité identique. J’ai utilisé la fonction loupe pour comparer l’original et la version mini : l’oeil (en tout cas le mien) ne perçoit aucune baisse de qualité.

Bon à savoir

L’application est utilisable sans inscription préalable, mais s’enregistrer vous permet d’organiser vos albums, de partager sur Picasa et Flicker tout en restant gratuit. Le seul défaut de cette appli est de n’être disponible qu’en ligne. Une version en téléchargement se placerait sans problème dans le TOP 10 de mes logiciels préférés.

A vous de vous faire votre opinion : JPEGmini

Tutoriel : faire un schéma avec PowerPoint et l’exporter en PNG

Chob — Wed, 31 Mar 2010 08:56:05 +0000

Si comme moi vous avez du mal à réussir un schéma de qualité sur Photoshop ou Gimp dans un délai raisonnable, PowerPoint 2007 constitue une bonne solution alternative. Mon objectif du jour : faire un schéma sur la gestion de projet pour rappeler les étapes et les livrables.

Lancer Power Point et dans le menu Insertion, sélectionner SmartArt. Dans la catégorie Processus , je choisis la liste à chevrons.
J’ajoute ensuite le contenu en me servant uniquement de la fenêtre gauche réservée au texte, sans chercher à jouer avec les chevrons
Je change ensuite l’aspect de ma liste pour lui donner un peu de profondeur
Je mets ensuite la couleur du texte et du fond pour les mettre à la charte de mon blog, puis rajoute un en-tête et un « bas de page» pour obtenir le résultat final.
Je sélectionne l’ensemble des éléments pour les regrouper (simple clic droit)
Et là, magie : un nouveau clic-droit sur la composition obtenue et je sélectionne Enregistrer en tant qu’image : si je choisis le format PNG, j’aurais même droit à un fond transparent ! (si ! si !).

Résultat

Un manchot de l’infographie comme moi peut donc réaliser un schéma honorable sans perdre de temps avec des logiciels plus difficiles à maîtriser. Avant de découvrir l’Amérique la fonction Enregistrer comme image, j’aurais affiché mon PowerPoint au format diaporama pour faire une pauvre impression écran… La qualité de l’export permet ici d’obtenir une image de sortie très propre, que l’on peut redimensionner sans trop perdre en qualité et qui dans son format PNG s’adaptera au fond de votre blog. Et tout à coup, le monde est plus beau.

Ajouter facilement un effet miroir ou reflet à vos images

Chob — Fri, 29 May 2009 16:58:39 +0000

L’intérêt du Web 2.0 réside notamment dans la multitude de services proposés en ligne, qui permettent à des non-pros du design comme moi de donner un vernis sympa à leurs sites. Panorama des solutions en ligne pour ajouter un effet sympa (miroir ou reflet, c’est comme vous voulez) à vos images, et zoom sur les solutions WordPress.

Reflectionmarker

Simplissime pour un rendu très propre, c’est mon préféré. On peut sélectionner une photo déjà en ligne ou sur son poste, choisir la couleur du fond et la taille du reflet.

Wet Floor Maker

Plus puissant que le précédent, il est cependant plus difficile à maîtriser. Les amateurs apprécieront cependant les options proposées et le rendu spectaculaire : c’est la solution à choisir pour présenter par exemple un portfolio.

MirrorEffect

Celui-ci possède un gros défaut, il faut aller chercher le fichier de l’image à modifier à chaque essai ! Moi, ça me lasse…

Dommage, il propose une fonctionnalité intéressante que les autres n’ont pas : l’» embed code» de l’image, que l’on peut exporter directement vers des plateformes de blog (WP, Blogger et autres) ou des réseaux communautaires (Facebook, Orkut…)

Et pour WordPress alors ?

Je suis encore débutant sur WordPress que j’utilise pour la première fois à l’occasion de ce blog, mais je me suis dit qu’un plug-in devait exister. Gagné ! … ou presque. Il existe pourtant un plug-in WordPress : WP Wetfloor. Le problème, c’est qu’il déclenche une erreur fatale quand j’essaie de l’installer sur la version française de WordPress alors que je l’installe sans problème sur la version anglaise ! Si quelqu’un peut me dire pourquoi…

Ma solution, qui n’est certainement pas la meilleure mais elle fonctionne :

1. Ajouter le script

Télécharger le fichier reflection.js (la dernière version sur ce site)
Le poser sur votre FTP
Ajouter un lien vers ce même fichier dans le de votre page (header.php)

Plus facile, utiliser la solution proposée par CreaWeb qui vous propose d’ajouter directement la ligne de code dans votre page header.php

2. Ajouter le code CSS pour donner l’effet miroir à vos images

class=» reflect ropacity80 rheight33″ src=» image.jpg» alt=» " />

On peut bien sûr choisir l’opacité et la taille du reflet, j’ai choisi 80 et 33.

Aller plus loin

J’ai découvert par CreaWeb cet exellent site de Netzgesta qui donne toute une série de scripts topissimes, mais plus délicats à utiliser pour des néophytes comme moi !

Choblabimages | Choblab

JPEGmini : une excellente appli web pour optimiser la taille de vos images

A la moulinette du Choblab

Bon à savoir

Tutoriel : faire un schéma avec PowerPoint et l’exporter en PNG

Lancer Power Point et dans le menu Insertion, sélectionner SmartArt. Dans la catégorie Processus , je choisis la liste à chevrons.

J’ajoute ensuite le contenu en me servant uniquement de la fenêtre gauche réservée au texte, sans chercher à jouer avec les chevrons

Je change ensuite l’aspect de ma liste pour lui donner un peu de profondeur

Je mets ensuite la couleur du texte et du fond pour les mettre à la charte de mon blog, puis rajoute un en-tête et un « bas de page» pour obtenir le résultat final.

Je sélectionne l’ensemble des éléments pour les regrouper (simple clic droit)