Archives | Graphisme RSS pour cette section

Logo pour le Bilbo Planet

Comme l’indique cet article de La Linuxerie, le Bilbo Planet recherche un logo.

J’ai réalisé un logo rapide en thème avec la galaxie (enfin les étoiles).

bilbo_planet_logo

Si l’idée plait ou vous avez des idées d’amélioration n’hésitez pas à me contactez ! (mail dans la partie CV)

OptiPNG ou l’optimisation des fichiers PNG

Le Portable Network Graphics (PNG) est un format ouvert d’images numériques, qui a été créé pour remplacer le format GIF, à l’époque propriétaire et dont la compression était soumise à un brevet. Le PNG est un format non destructeur spécialement adapté pour publier des images simples comprenant des aplats de couleurs.

Wikipedia

Le fichier PNG est particulièrement utile pour les applications web en remplacement du GIF car de meilleur qualité notamment sur les dégradés( à part IE qui ne le gère pas avec la transparence : si vous utilisez IE6 jetez un coup d’oeil à ce site). OptiPNG permet facilement d’optimiser la taille d’un fichier PNG sans perte de qualité.

La compression est sans perte ce qui signifie que l’image résultante aura la même apparence que l’image source.

Le but principal d’OptiPNG est donc de réduire la taille du PNG en essayant divers filtres et méthodes de compression. Il s’occupe automatiquement de réduire le nombre de bits en encodage, la palette de couleur si possible et peut même corriger certaines erreurs d’intégrité sur le fichier entrant.

En plus du fichier PNG évidemment pris en entrée, on peut lui fournir des fichiers BMG, GIF et même PNM mais le format de sortie restera du PNG.
Je vous renvoie vers la page du manuel pour les options mais celles par défaut sont suffisantes. A noter que le programme écrase le fichier PNG fourni à moins de fournir l’option -keep.

Pour optimiser un fichier PNG :

[bash]optipng monfichier.png[/bash]

ou pour garder une copie non modifiée :

[bash]optipng monfichier.png -keep unesauvegarde.png[/bash]

Capture du Terminal avec utilisation d'OptiPNG

Capture du Terminal avec OptiPNG

Et un fichier mis au régime sec ! Cela permet d’accélérer le chargement d’un site si appliqué à toutes les images utilisées.

En travaux: 2

Le design du site avance au fur et à mesure. Il est presque fini et il va falloir commencer à le découper et l’agencer sur le site. Du travail en perspective …
Voilà à quoi ce la devrait ressembler une fois fini :

Design du site

Design du site

Pour info cela a été réalisé seulement avec Gimp et Inkscape.

En travaux

Comme vous pouvez le constater le site est en travaux. Cependant cela a changer et d’ici une semaine ou un peu plus il passera dans sa collection d’automne vers :

Mockup du site

Mockup du site

En attendant il faut faire avec l’interface actuel.

Et la nouvelle version inclut également des liens qui marche, un menu plus clair, une arborescence plus simple … bref l’objectif est de faciliter la navigation.

Le gros problème actuel est IE qui refuse le formatage correct de la page <a href= »http://www.jmanteau.fr/cv »>CV</a> alors que ça marche impec sous Firefox. On ne fera aucun commentaires …