lol, il semblerait bien que 'oui' aujourd'hui. En fait, c'est surtout pour en populariser le plus possible son usage que je fais ce topic et que j'estime que les internautes peuvent fournir quelques efforts pour apprécier un artwork du mieux possible. Voilà pourquoi :
- Généralement, nos dessins passent et se compressent assez bien en format PNG, car ils ne sont pas aussi complexes que des photographies. Les dessins, souvent vectorisés ou optimisés avec les outils adéquats (rééqulibrage des niveaux, réglage du contraste, de la luminosité, suppression de détails inutiles ou remplissage avec des couleurs unies avec la baguette magique, etc.), présentent ainsi des contours assez nets et des couleurs assez unies. Ce qui les rend facilement compressibles en PNG, sans perte. Avec le temps, on apprend à optimiser ses images en fonction de ça
.
Une exception toutefois avec des esquisses au crayon gris pas optimisées ou des dessins en couleurs coloriés au crayon de couleurs. La texture des crayons de couleurs rend l'image difficilement compressible en PNG.
- Et puis, le haut débit et l'excellent rapport qualité/taille de fichier qu'in nous donne nous encourage à ne vouloir plus aucune destruction, même minime.
- plusieurs profondeurs de couleurs sont possibles (truecolor, niveaux de gris, indexé ou palette, avec ou sans transparence, etc.)
- il existe des petits utilitaires permettant d'optimiser ses fichiers PNG en les recompressant (avec OptiPNG par exemple -- les fichiers deviennent encore plus petits mais l'image reste entièrement identique à ce qu'elle était avant), ou en ajoutant des données complémentaires (avec TweakPNG)
- à force l'utiliser, on en connaît ses points forts et points faibles, on produit mieux ses images en fonction de ça et on fait plus attention à ce qu'on met dedans.
- on peut débusquer plus facilement des "erreurs de débutants" (couleurs pas bien unies, images JPEG réutilisées, etc.) en scrutant l'image sachant que le PNG les fait ressortir (contrairement au JPEG qui a tendance à les masquer), ça peut être un avantage pour mieux apprécier l'image
Les trucs qu'il faut éviter dans une image PNG :
- la surenchère d'effets : ça en jette plus mais aussi rend l'oeuvre plus prétentieuse et surtout plus lourde en PNG, faites des images les plus clean possibles (sauf si vous n'avez pas le choix) ; je veux parler des "lens flares" et autres effets, souvent inutiles^^
- les textures trop détaillées, style des effets de "granularité", de goudron ou de briques peuvent anéantir le pouvoir de compression de l'image en PNG
- les sources de qualité douteuse : si les images de support sont en JPEG, pensez à les nettoyer ou les réduire pour gommer les artefacts de compression qui handicaperont la compression
- laisser une image grise en couleur : combien de fois je n'ai pas vu de dessins noir et blancs sauvegardés en couleur... comme si c'était trop dur de les mettre en niveaux de gris (voir paragraphe 3 pour détails)
- utiliser un mauvais outil pour générer ses PNGs : j'entends par mauvais outil, un logiciel qui écrit des infos erronées (Photoshop 5 et son gamma foireux) ou un logiciel qui compresse mal : dans ce cas, ne pas hésiter à utiliser des outils comme OptiPNG et TweakPNG pour corriger ces problèmes
- se faire piéger par Internet Explorer : concernant le gamma, IE interprète mal la valeur qui est dans l'image PNG et l'affiche un petit peu sombre ; concernant la transparence, les images truecolor avec canal alpha (souvent appelées 32 bits) s'affichent avec un fond gris. Les autres navigateurs n'ont pas ce problème (essayez donc Mozilla Firefox et vous verrez^^). Pour y palier, il faut utiliser TweakPNG et enlever le bloc (ou chunk) gAMA et ajouter un bloc bKGD pour y spécifier la couleur de fond de l'image (voir détails dans le topic sur TweakPNG)
Voilà, une fois avoir pris connaissance de ça, passons aux choses sérieuses
.
1. Enregistrer en PNG quand on a que MSPaint (avant XP)2. Pour enregistrer une image au format PNG truecolor sans transparence (image 24 bits)a. Sous Photoshopb. Sous Paint Shop Pro3. Pour enregistrer une image au format PNG truecolor avec transparence (image 32 bits)a. Sous Photoshopb. Sous Paint Shop Pro4. Pour enregister une image au format PNG niveaux de gris
[ura=#4a]a. Sous Photoshopb. Sous Paint Shop Pro5. Pour enregister une image au format PNG indexé ou avec palette avec ou sans transparence (- de 256 couleurs ou 8 bits)a. Sous Photoshop-
première méthode-
deuxième méthodeb. Sous Paint Shop Pro-
première méthode-
deuxième méthode1. Enregistrer en PNG quand on a que MSPaint (avant XP)La solution consiste à télécharger IrfanView (excellent visualiseur multimédia, très léger et gratuit) :
http://dioxaz.free.fr/download/iview395.exeOn l'installe et ensuite, on lance IrfanView puis on ouvre son fichier BMP original, préalablement sauvegardé avec MSPaint, dans IrfanView. On peut alors l'enregistrer en PNG, tout simplement (on peut même mettre le niveau de compression à 9, pour un fichier encore plus petit).
Une autre solution consiste à utiliser le copier-coller :
- dans MSPaint, sélectionnez votre image (Ctrl+A) et copiez-la (Ctrl+C)
- ouvrez IrfanView, et coller votre image à l'intérieur (Ctrl+V)
- enregistrez en PNG, et voilà, le tour est joué
2. Pour enregistrer une image au format PNG truecolor sans transparencea. sous Photoshop- sous Photoshop,
aplatissez d'abord votre image (n'est-ce pas mon petit Blast ?)
- Allez dans '
Fichier', sélectionnez '
Enregistrer sous' ou '
Enregistrer pour le Web' et sélectionnez '
PNG-24' comme format (dans 'Enregistrer pour le web', n'oublez pas de
décocher l'option '
Transparence(/b]') ou '[b]PNG (*.PNG)' (dans 'Enregistrer sous')
b. sous Paint Shop Pro- un simple '
Enregistrer sous' en sélectionnant '
PNG (Portable Network Graphics)' comme format suffit (si nécessaire, cliquez sur le bouton '
Options' et choisissez '
Mode non entrelacé' -- PSP mémorise les options au passage lors des prochains enregistrements)
3. Pour enregistrer une image au format PNG truecolor avec transparencea. sous Photoshop- Laissez vos calques tels quels et allez dans le menu '
Fichier'
- sélectionnez '
Enregistrez pour le web' et '
PNG-24' comme format en cochant l'option '
Transparence' ou bien '
Enregistrer sous' et '
PNG (*.PNG)' comme format
- Cliquez le bouton '
Enregistrer', quand c'est fini ('optimiser pour le web').
b. sous Paint Shop Pro- Allez dans '
Fichier' puis '
Exporter' puis '
Ficher PNG optimisé', une boite de dialogue avec des onglets et 2 espaces de visualisation de l'image s'ouvre
- Sur l'onglet '
Couleurs', cochez '
16,7 millions de couleurs (24 bits)'
- Sur l'onglet '
Transparence', cochez '
Transparence d'une couche alpha' et '
Transparence existante (image ou calque)'
- Cliquez le bouton 'OK', une fois les paramètres bien choisis.
4. Pour enregistrer une image au format PNG niveaux de grisa. sous Photohsop- Allez, dans '
Image', puis '
Mode', choisissez '
Niveaux de gris', une boite de dialogue s'affiche
- Cliquez 'OK' et c'est bon
- Aplatissez votre image ('Calques --> 'Aplatir l'image')
- Il ne vous reste plus qu'à l'enregistrer en PNG ^^
b. sous Paint Shop Pro- Allez dans le menu '
Couleurs', choisissez '
Niveau de gris'
- Il ne vous reste plus qu'à l'enregistrer en PNG ^^
5. Pour enregistrer une image au format PNG indexé ou avec palette avec ou sans transparence (- de 256 couleurs)Voilà qui devrait intéresser ceux qui ont l'habitude d'enregistrer en GIF alors qu'ils ont à leur disposition un format qui peut en faire autant (avec une meilleure compression).
a. sous PhotoshopIl y a deux méthodes :La première :- Allez, dans '
Image', puis '
Mode', choisissez '
Couleurs Indexées...', une boite de dialogue s'affiche
- choisissez la méthode adéquate pour réduire le nombre de couleurs dans l'option '
Palette'
- choisissez le nombre de couleurs voulu (jusqu'à 256)
- dans l'option '
Forcées', choisissez '
Sans'
- cochez '
Transparence' s'il y en a une
- dans l'option '
Cache', choisissez la couleur de fond désirée (pour la transparence)
- dans l'option '
Simulation', choisissez une méthode de tramage pour les couleurs ou '
Sans' (si vous n'avez que des couleurs unies ou si vous les voulez unies)
- Cliquez 'OK', votre image sera en mode 'Indexé'
- il ne vous reste plus qu'à l'enregistrer en PNG
La deuxième méthodeElle consiste à utiliser la fonction '
Enregistrer pour le web' :
- sélectionnez '
Enregistrez pour le web' et '
PNG-8' comme format en cochant l'option '
Transparence' si vous en voulez une et en décochant l'option '
Entrelacé'
- ensuite, réglez la méthode de réduction des couleurs ('Adaptive', 'Perceptive', etc.), la méthode de tramage ('Sans Tramage', 'Ordonné', etc.) selon ce que vous voulez
- l'option 'Détourage' vous permet de définir la couleur de fond sur laquelle vous voulez votre transparence
- cliquez le bouton '
Enregistrer' quand vous avez fini
b. sous Paint Shop ProLà aussi, deux méthodes :La première méthode- Allez dans le menu '
Couleurs', choisissez '
Diminuer le nombre de couleurs' puis '
256 couleurs (8 bits)', une boite de dialogue s'affiche
Note : la même chose s'obtient en faisant un '
Ctrl+Maj+3'
- cochez '
Octree optimisée' dans l'option 'Palette'
- choisissez '
Couleur adjac.' dans le champ '
Méthode' si vous n'avez que des couleurs unies ou '
Diffusion' si vous avez des tons continus
- cliquez 'OK'
- si vous voulez avoir une couleur transparente, allez dans '
Couleurs' puis '
Réglage de la transparence'
- Promenez le curseur sur l'image, celui-ci se transforme en pipette, choisissez alors la couleur que vous voulez transparente en cliquant sur la partie désirée de l'image et cliquez '
OK'
- maintenant, choisissez '
Enregistrer sous' en sélectionnant '
PNG (Portable Network Graphics)' comme format
- cliquez sur le bouton '
Options', choisissez '
Mode non entrelacé' et '
Palette optimisée'
- choisissez un nom pour votre image et validez, voilà
La deuxième méthodeElle consiste à exporter l'image en tant que PNG indexé :
- Allez dans '
Fichier' puis '
Exporter' puis '
Ficher PNG optimisé', une boite de dialogue avec des onglets et 2 espaces de visualisation de l'image s'ouvre
- Sur l'onglet '
Couleurs', cochez '
avec palette' et '
Octree optimisée'
- Réglez le nombre de couleurs voulu ainsi que le degré de tramage (0 % recommandé si vous n'avez que des couleurs unies)
- Sur l'onglet '
Transparence', cochez '
Transparence d'une couleur unique' et '
Transparence existante (image ou calque)' ou '
Zones corresp. à cette couleur' (en choisissant cette couleur bien sûr)
- Cliquez le bouton 'OK', une fois les paramètres bien choisis.
Voilà, vous savez maintenant créer une image PNG indexée et n'avez plus besoin du GIF, sachant que les fichiers seront toujours 5 à 25 % plus petits en PNG (mais c'est moins vrai pour les toutes petites images).
Sachez aussi que si elles ont une couleur transparente, elle apparaîtra aussi transparente dans Internet Explorer (cf. les avatars de la galerie sont tous en PNG indexé). Donc, ça élimine le besoin du GIF.
Voilà, maintenant vous savez presque tout du format PNG et des ses fonctionnalités. J'espère que ça vous aura aidé. S'il y a quelque chose que vous ne comprenez pas n'hésitez pas à me PV ^^.