Archive pour le mot-clef ‘graphisme’

[Découverte] Optimiser vos PNGs graphiquement sous Linux avec Trimage !

Dimanche 29 avril 2012

Dernièrement, en lisant mon fil Twitter, je suis tombée sur un tweet de l’ami @piouPiouM, connu pour ses tutoriels Gimp et son livre qui y est dédié. Il cherchait alors des utilitaires d’optimisation pour les JPG et les PNG. Moi qui suis toujours à l’affut d’utilitaires compatibles Linux pour optimiser les PNG pour mes éléments graphiques, un tweet m’a particulièrement attiré l’attention.

Le tweet en question parle d’un utilitaire graphique libre qui s’appelle Trimage. Écrit en Python avec la bibliothèque Qt, et distribué sous licence MIT et s’appuyant sur optipng et pngcrush, Trimage est disponible pour les principales distributions GNU/Linux. Un portage pour Windows et un autre pour Mac sont en cours, et des testeurs sont justement recherchés pour les tester et rapporter les bogues.

Fonctionnement de l’utilitaire

Trimage est assez simple à utiliser. En le lançant, vous allez avoir cette petite fenêtre :
Trimage au lancement

Ensuite, vous avez deux façons d’aller chercher les images.

La première consiste à cliquer sur le bouton « Add and compress » qui vous ouvrira la fenêtre vous permettant de parcourir vos dossiers et fichiers, puis choisir le ou les fichiers à compresser.
Trimage - Parcourir des fichiers

La deuxième consiste à un simple glisser-déposer des images sélectionnées depuis votre navigateur de fichiers (dont la fenêtre ne doit pas être en pleine grandeur)
Trimage - Glisser-déposer des fichiers

Une fois les images choisies, Trimage va les compresser pour enlever les informations superflues, notamment le gamma et les profils ICC, qui sont des plaies en webdesign. Cela peut prendre un certain temps si les images sont volumineuses.
Vous avez à la fin les résultats :
Trimage - Résultats

Pour les grosses images, il se peut que la baisse soit minime, mais ça en vaut la peine puisque vous n’aurez pas à vous battre avec des problèmes d’assombrissement sous IE (causé par le gamma) ou des problèmes de couleurs erronées sous Firefox (causé par les profils ICC) lorsque vous faites du webdesign avec Gimp ! Si vous voulez une compression plus forte, vous pouvez tenter de postériser vos images en réglant adéquatement pour que la perte soit aussi peu perceptible que possible, avant de les passer sous Trimage.

Voici un exemple de la différence que ça fait quand on optimise les images avant leur intégration.
Une image, avant et après Trimage
À gauche, vous voyez le rendu sous Firefox sans optimisation, et à droite, le rendu toujours sous Firefox, mais après optimisation. On voit vite que le bleu paraît violet à gauche, ce qui devient très problématique en webdesign. L’utilisation d’un outil d’optimasation en complément d’un éditeur d’image devient vite essentiel, surtout si votre logiciel ne permet pas de supprimer les profils ICC.

Cet utilitaire est donc à utiliser en complément à votre logiciel de graphisme, que ce soit pour le webdesign ou pour pour vos captures d’écran destinées à vos tutoriels en ligne !

Vous pouvez bien sûr utiliser la ligne de commande pour utiliser des options particulières. Vous les retrouverez sur le site officiel dont voici le lien :

http://trimage.org/

Big-tuto GIMP : Ça y est !

Mardi 5 juillet 2011

Ceux qui me suivent sur FB et sur les sites que je fréquente (SDZ, GA, Ishimaru Bar) savent déjà la nouvelle, mais pour ceux qui suivent ce blog et qui ne le savent pas encore, je vous l’annonce.

La version 2 de mon cours sur Gimp a été validée ce lundi ! Et cette fois-ci, ça n’a pris que 3 semaines, comparativement aux 2 mois que ça avait pris pour la version 1 !

Je remercie SimSonic, le validateur qui s’est occupé de traiter mon tuto, pour m’avoir permise de corriger quelques erreurs et oublis et de m’avoir conseillée sur certains points, comme transférer le contenu de l’annexe « Au sujet du cours » vers l’intro et la conclusion du cours. Il m’a laissée aussi mettre l’annexe « les bases de l’image » de côté et d’utiliser le premier chapitre du cours de Berzy, poru ne pas retarder la validation et pour me permettre de prendre mon temps pour le retravailler.

Et la suite ?

Pour le moment, travailler sur le cours n’est pas à l’ordre du jour avant le mois d’août, puisqu’il ne me reste même pas 2 semaines avant mes vacances, et je préfère donc finir les trucs plus urgents pendant cette période puisque ce n’est que depuis lundi que je peux à nouveau grapher (voir l’article précédent).

Plan de match pour les deux semaines précédant les vacances

Dimanche 3 juillet 2011

C’est enfin ce soir que je prends la dernière goutte pour dilater ma pupille, ce qui fait que demain, pour la première fois depuis que je suis sous traitement pour mon uvéite, que je n’aurai pas une vision floue dans l’oeil droit pendant les deux tiers de la journée et que je doive enlever mes lunettes pour que ce soit moins flou, et que je n’aurai plus à mettre obligatoirement des verres fumés et une casquette pour sortir, même par temps couvert.

Sachant que je prends cette dernière goutte (suivie de l’onguent) juste avant d’aller au lit, j’ai donc réinitialisé mes préférences Firefox pour les remettre telles qu’elles étaient avant que je ne les modifie, en suivant ce mini-tuto. J’ai aussi remis les tailles d’origine pour les polices du bureau Ubuntu.

À partir de là, je peux enfin pouvoir recommencer à travailler sur mon site sans être ennuyée par les blocs qui partent dans tous les sens à cause de l’agrandissement. Et avec une vision à nouveau normale, je peux enfin reprendre le graphisme.

Pour les deux semaines qui suivent

Puisque ma mère sera en vacances du 14 au 31 juillet et qu’elle veut passer l’intégralité de ses vacances dans notre caravane au camping, je vais la suivre, ce qui fait que je serai deux semaines sans toucher à mon ordi. Je dois donc m’assurer de finir des tâches commencées pour ne rien laisser traîner pendant les vacances.

Voici donc ce que je compte faire pour ces deux premières semaines de juillet :

  • Rattrapage au niveau des commandes graphiques pour Terraburg
  • Finir le logo de clan pour une commande sur ID
  • Faire le détourage que Mandie m’avait commandé
  • M’avancer dans la future version de mon site, pour au moins l’adaptation
  • Préparer le readme pour le convertisseur CB vers FluxBB
  • Avancer dans le design pour Brightmarks (faudrait que je contacte SdT justement)
  • Et j’en oublie peut-être d’autres…

En bref, je pourrais en faire une bonne partie si je ne me laisse pas trop distraire.

Dropbox – L’outil hyper pratique pour le graphiste et le codeur… et les autres !

Samedi 23 avril 2011

Ces derniers mois, j’avais entendu parler via Technostérone et l’ancien blog (et aussi le nouveau) de Nelson Dumais, de Dropbox, une application rendant simplissime le partage et la sauvegarde de fichiers dans le nuage.

Jusqu’à maintenant, j’utilisais soit Photobucket, soit Archive-Host, soit un de mes FTP pour héberger les réalisations faites pour les commandes. Je n’utilisais déjà plus Photobucket à cette fin à cause de l’ajout automatique du gamma sur les images PNG envoyées, ce qui les assombrissait sous IE. Je ne l’utilise donc que pour les captures dont la présence ou non du gamma ne dérange pas. Il me restait donc Archive-Host et les FTP. Pour AH, je préfère me limiter aux images pour mes thèmes FA (ça me fait penser que je n’ai toujours pas trouvé le courage de finir la MAJ des thèmes…), tandis que pour mes FTPs, je n’aime pas trop les encombrer.

À force d’en entendre parler, je finis par jeter un coup d’oeil sur le site, pour apprendre avec joie qu’il est multi-plate-forme et qu’il y a un paquet DEB pour installer le plugin Dropbox pour Nautilus ! Je l’installe donc et j’enregistre un compte.

Cela tombait bien puisque je suis en train de faire des corrections dans le style du forum Terraburg suite à la réinstallation, déjà qu’il restait des icones à faire, ce qui fait pas mal d’images à mettre en ligne.

C’est si simple à faire et je n’ai même pas besoin de passer par mon navigateur pour envoyer mes images dans le nuage ! Une fois le paquet installé et le compte créé, il suffit, sous Nautilus, d’ouvrir un onglet vers votre dossier Dropbox/Public, et un autre onglet vers le dossier contenant les fichiers à copier. Puis d’un simple copier-coller, vous envoyez vos fichiers vers votre dossier Dropbox/Public, puis après, vous attendez que le tout se synchronise. Une fois que la petite coche verte apparaît, vous pouvez copier l’adresse publique depuis un clic-droit > Dropbox > Copy Public Link, pour ensuite poser le lien sur les forums, blogs et réseaux sociaux. Dans le cas de Twitter, vous n’êtes pas dispensé de l’usage d’un raccourcisseur d’URL.

Vous pouvez bien sûr créer des sous-dossiers au sein du dossier Public pour classer vos fichiers, comme je l’ai fait pour les images faites pour le site Terraburg.

Capture d'un de mes sous-dossiers Dropbox sous Nautilus

Notez que la capture que vous voyez est justement hébergée sur mon espace Dropbox.

Donc avec 2 Go au minimum en espace disque, c’est vraiment un outil pratique pour les graphistes qui font régulièrement des commandes, et même pour les codeurs qui veulent s’échanger des fichiers source, ou encore pour ceux qui veulent envoyer une archive à quelqu’un ou publier un fichier autre qu’une image dans un cours sur le site du zéro dont les zUploads n’acceptent que les images, ou encore pour ceux qui vont régulièrement d’une machine à l’autre et qui aimeraient avoir accès à certains de leur fichier depuis n’importe quelle machine. Bref, pour tout pleins d’usage ! …en autant qu’on reste dans la légalité !

Donc si ça vous intéresse, voici le lien du site officiel : https://www.dropbox.com/