Tuto préparation d'une image pour le WEB avec GIMP

Fran6t — Sun, 18 Feb 2007 17:50:00 +0100

Avec les appareils photo numériques actuels, les nouveaux écran d'ordinateur, les images deviennent de plus en plus grande et surtout quasiment trop riche pour une utilisation sur internet.

Je propose donc de faire pas à pas un travail sur une image afin d'en obtenir une version correcte pour le WEB.

Pour cela nous allons utiliser GIMP, mon choix n'est pas innocent surtout pour les débutants car tant qu'a appréhender un logiciel de retouche d'image autant le faire avec un logiciel multi-sytème.

A partir d'une photo brut (3456x2304) nous allons effectuer les opérations ci-dessous :

Effectuer un redimensionnement (pour avoir une taille de 500 pixels);
Effectuer un recadrage afin de présenter uniquement un détail ou partie de photographie;
Effectuer une amélioration de piqué pour essayer d'avoir un rendu de détail plus grand;

1/ Effectuer un redimensionnement (pour avoir une taille de 500 pixels) :

Afin d'obtenir l'image ci-dessus.

Une fois l'image ouverte sélectionner "Image" dans le menu juste au-dessus de la photo puis
"Échelle et taille de l'image" dans la petite fenêtre qui s'ouvre remplacez 3456 par 500, ne rien saisir dans 2304 cette taille va se recalculer automatiquement puis cliquez sur "Echelle" vous voici avec une image qui ne fait plus que 500 pixels par 333 pixels.

Il ne reste plus qu'a l'enregistrer pour cela :

"Fichier" puis
"Enregistrer sous" mettre un nom différent par exemple "IMG_8142-500.JPG" puis
"Enregistrer" une nouvelle fenêtre s'ouvre
Dépilez les options en cliquant sur le + des "options avancées"
Faire glisser l'onglet sur 75, c'est souvent suffisant pour le NET attention cela dépend grandement du contenu de l'image vous pouvez regarder le résultat en cochant "Afficher l'aperçu dans la fenêtre de l'image" en règle général nous pouvons choisir une valeurs entre 75 et 90%.
"Valider"

Voila vous venez de passer une image de grande définition de 3,49MO a 46 Ko soit une image pesant 75 fois moins lourde pour une réduction d'un peu moins de 7 fois et qui est bien souvent suffisante pour illustrer un billet dans un blog.

2/ Effectuer un recadrage afin de présenter uniquement un détail ou partie de photographie :

Ici nous allons recadrer l'image uniquement pour isoler la porte de gauche. Pour cela :

Faire un double clique sur "Sélectionner des régions rectangulaire";
Choisir alors "Ratio d'aspect fixe" notre image de base étant de format 3/2 nous mettons alors 3 et 2 en px peu importe;
Nous faisons notre sélection de la porte gauche (astuce n'hésitez pas a utiliser la combinaison des touches CTRL Z pour annuler une sélection qui ne convient pas. Nous avons donc notre sélection de proportion fixe de 3/2 de la porte gauche;
Cliquons sur "Image" puis sur "Découper l'image";
Ma selection fait tout de même encore 2028 pixels par 1352 il me suffit d'appliquer le principe vu au premier paragraphe Effectuer un redimensionnement (pou... puis de l'enregistrer pour obtenir "IMG_8142-500-RECADRE.JPG".

3/ Effectuer une amélioration de piqué pour essayer d'avoir un rendu de détail plus grand :

A partir de notre dernière image "IMG_8142-500-RECADRE.JPG";
"Filtres";
"Amélioration";
"Renforcer la netteté";
Par défaut le rayon est de 5 en fonction du contenu de l'image cela peut la dénaturer un peu ne pas hésiter a descendre jusqu'à 3 par exemple, ici je laisse 5.

4/ Conclusion :

Pour diffuser une image il faut donc d'abord savoir la taille en pixel de l'image que vous voulez présenter. Recadrer éventuellement votre images puis la redimensionner au dimension de présentation finale. Enfin en dernier jouer sur la netteté et sur le taux de compression jpg.

Tuto extension FireFTP pour firefox

Fran6t — Wed, 08 Nov 2006 18:09:00 +0100

Aujourd'hui un petit tutoriel sur le plugin FireFTP.

Tout d'abord cette extension permet de palier un manque de FireFox par rapport a son cousin Internet Exploreur a savoir la possibilité de télécharger des fichiers que ce soit dans le sens montant ou descendant vers un serveur ftp.

Pour commencer il faut donc utiliser Firefox si vous ne l'avez pas encore installé rendez-vous sur puis téléchargez Firefox.
Une fois FireFox lancé voici en image le déroulement de l'installation de FireFTP.
Utilisation de gestionnaire d'extension.

Cliquez sur le lien en bas à droite

Saisissez FireFTP dans le formulaire de recherche dans le bas de la page, puis cliquez sur le titre FireFTP

Cliquez sur Install now

L'installation se déroule

Après avoir redémarrer FireFox nous pouvons lancer cette extension

A gauche le contenu de mon disque, à droite bientôt le contenu du serveur

Il est temps maintenant de configurer son compte FTP

Complétez, un nom de votre choix pour identifier ce compte (account name), le nom ou l'adresse du serveur ftp (host), le nom d'utilisateur (login) et le mot de passe (password)