Grâce à cette opération, votre image devient transparente, et vous pouvez l'insérer en "surimpression" dans votre page web. On utilisera ici le logiciel gratuit de retouche d'images The Gimp. Cette technique n'est pas réservée aux CMS et peut être utilisée pour toute programmation internet.

 

1. Créez une nouvelle image ou ouvrez-en une avec The Gimp
    
2. Enregistrez-la au format .PNG
    
3. Ajoutez (éventuellement) à l'image un canal qui mémorise la transparence :
   1. Dialogues / Canaux
   2. Dialogues / Calques
   3. Dans la boîte Calques, clic droit sur Arrière-plan / Ajouter un canal Alpha
   4. Fermer les boîtes Calques et Canaux
    
4. Rendez transparente une zone de l'image en utilisant une de ces trois méthodes :
    
   • Avec la fonction Par Couleur (zone définie selon sa couleur)
     1. Sélection / Par couleur
     2. Cliquez sur la zone à rendre transparente, l'arrière-plan par exemple, qui devient pointillée
     3. Edition / Effacer, la zone devient un damier
      
   • Avec l'outil Baguette Magique (zone définie globalement)
     1. Sélectionnez l'outil
     2. Cliquez sur la zone à rendre transparente, qui devient pointillée
     3. Edition / Effacer, la zone devient un damier
      
   • Avec l'outil Gomme (zone définie manuellement)
     1. Sélectionnez l'outil
     2. Modifiez éventuellement Opacité pour avoir une zone partiellement transparente
     3. Gommez la zone à rendre transparente, qui devient un damier
    
5. Enregistrez le fichier
    
6. Pour assurer la compatibilité avec IE6 qui ne gère pas la transparence PNG, convertir le .PNG en .GIF
   1. Image / Mode / Couleurs indexées + validation de la boîte suivante (conversion en 256 couleurs)
   2. Enregistrez le fichier au format GIF
    
7. Conservez le PNG. S'il est nécessaire de modifier l'image ultérieurement, vous éditerez alors le PNG plutôt que le GIF, puis reprendrez à l'étape 6.
    

Pour une démonstration animée, rendez-vous ici .