Mes longues heures de liberté me donnent l’occasion de fouiller dans la technologie du web. Depuis quelques jours, j’arpente différents sites internet à la recherche d’informations pour concevoir mon propre site sans outils whysiwig ( what-you-see-is-what-you-get / ce que vous voyez est ce que vous obtenez ) comme Frontpage ou Dreamweaver.
J’ai envie de maîtriser toute la chaîne de fabrication pour que mes neurones servent encore à quelque chose.

La première difficulté que j’ai rencontrée concerne la transparence des objets que j’ai réalisés avec Photoshop. J’ai conçu ce logo d’une simplicité graphique de débutant.

En l’intégrant dans les propriétés de ma feuille de style, à ma grande surprise, les propriétés de transparence avaient disparu. Mon logo s’affichait avec des contours blancs signalant la taille de l’image.

En effet, quand on conçoit un logo ovale, par exemple, on dimensionne son image en indiquant une hauteur et une largeur en pixels. C’est ce qu’on appelle la résolution.
Pour qu’apparaisse à l’écran uniquement la partie ovale, il faut que le reste de mon image soit transparent.

Mais pourquoi cela ne marche pas alors que dans mon logiciel j’ai bien précisé les bonnes propriétés ? Tout simplement parce que je n’ai pas sauvegardé mon fichier avec le format GIF ! Seules les images avec l’extension GIF permettent d’utiliser la propriété de transparence.

Le format GIF n’affiche que 256 couleurs contre plusieurs millions pour le JPEG.
C’est le seul format qui propose une couleur de pixel transparente. Il faut donc l’utiliser à chaque fois pour ses fonds d’écran ou logos. Vous aurez l’explication scientifique en cliquant sur ce lien.

L’autre caractéristique des images GIF est que l’on peut les animer. Il y a tout un lot de logiciels gratuits qui existent pour réaliser quelques fantaisies graphiques.

Image sans transparence :

Image avec transparence :
Ecrit par Raskolnikov, le Dimanche 6 Mars 2005, 10:41 dans la rubrique "Informatique".