* FAQ  * Rechercher  * @Gimlao  * Mumble
 * Connexion
Nous sommes actuellement le Mar 24 Oct 2017 13:07:47
  Consulter les messages sans réponse
Consulter les sujets actifs



Publier un nouveau sujet Répondre au sujet  [ 2 message(s) ] 
Auteur Message
Message Publié : Ven 31 Déc 2004 17:46:59    Sujet du message : [PNG] PNG : le meilleur format d'image pour vos oeuvres ?
Avatar de l’utilisateur
Support technique

Message(s) : 3064
Inscription : 31 Déc 2004
Âge : 36
Localisation : Kirisame Magic Shop

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 :P.

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 Photoshop
b. Sous Paint Shop Pro

3. Pour enregistrer une image au format PNG truecolor avec transparence (image 32 bits)
a. Sous Photoshop
b. Sous Paint Shop Pro

4. Pour enregister une image au format PNG niveaux de gris
[ura=#4a]a. Sous Photoshop

b. Sous Paint Shop Pro

5. 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éthode
b. Sous Paint Shop Pro
- première méthode
- deuxième méthode

1. 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.exe

On 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 transparence


a. 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 transparence

a. 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 gris

a. 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 Photoshop

Il 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éthode

Elle 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 Pro

Là 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éthode

Elle 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 ^^.

C'est là qu'on me trouve maintenant.
Dernière édition par Dioxaz le Ven 18 Fév 2005 14:19:55, édité 2 fois.
Haut
Profil  
Message Publié : Ven 31 Déc 2004 17:47:43    Sujet du message :
Avatar de l’utilisateur
Support technique

Message(s) : 3064
Inscription : 31 Déc 2004
Âge : 36
Localisation : Kirisame Magic Shop

Il est à la mode de penser que parce que le JPEG compresse mieux qu'il est forcément mieux adapté pour le net. Ca dépend de quoi on parle. Si c'est quelque chose sans importance et dont la qualité est douteuse, oui (ou si c'est une photographie).
Si c'est un truc un peu plus important et dont on peut se dire qu'après tout, avec le haut débit, il a pas tant que ça besoin d'être plus compressé au prix d'une perte (même minime), je suis moins d'accord.
C'est ce que je vais tenter de convaincre par le biais de ces quelques exemples.

1er exemple :

Un dessin trouvé surUsenet Images (vivier d'excellents fan arts en tous genres) :

Original, (JPEG, dans 74 Ko) : ouiiiin, je l'ai plus....
Version nettoyée et optimisée (PNG Truecolor, 142 Ko) : http://membres.lycos.fr/pnggallery2/png ... myrose.png

Ici, le JPEG est déjà de très bonne qualité et fait moitié moins que ma version nettoyée que j'ai mis en PNG. Il n'empèche que la version PNG n'était pas si lourde que ça et surtout que l'image se prêtait assez bien, malgré tout, au PNG (en effet, l'arrière-plan "ne se prend pas la tête" et se contente d'un dégradé). Pour finir, même si le JPEG n'était pas si "vilain", le PNG (ma version nettoyée), lui, rend mieux quoiqu'on dise :P.

2ème exemple :

Un dessin de la jolie Steph, fait par Pinoche le mousse:

Original, (JPEG, 98, 1 Ko) : http://membres.lycos.fr/pnggallery2/png ... /steph.jpg
Version nettoyée et optimisée (PNG Truecolor, 185 Ko) : http://membres.lycos.fr/pnggallery2/png ... inoche.png

L'exemple ci-dessus ressemble au précédent. L'erreur souvent comise est de mélanger les différents types d'images ou styles de fan art, mettant sur le même plan techniques de coloriage et d'ombrage de très haut niveau (rendu "illustration", qu'on connait bien grâce à Pinoche) et coloriage moins élaboré se contentant d'ombres et lumière de base, et d'un arrière-plan là-aussi "non prise de tête".
Et c'est la cas ici. Encore une fois, le PNG nettoyé fait le double du JPEG, il n'empèche qu'il n'est pas si lourd (200 Ko, c'est largement acceptable, sutout pour un modem haut-débit -- pour un bas-débit aussi, si on est tolérant).
Par exemple, si l'image avait eu un rendu plus "photo", elle aurait plafonné dans les 600 Ko, ce qui aurait été moins sérieux (surtout compte tenu de ses dimensions).
Et puis, la note de fin, toujours, le PNG ne comportant plus les défauts du JPEG :P.

3ème exemple :

Un dessin de Neoncat (sur DeviantArt) :

Original, (JPEG, 120 Ko) : http://membres.lycos.fr/pnggallery2/png ... eoncat.jpg
Version nettoyée et optimisée (PNG Truecolor, 127 Ko) : http://membres.lycos.fr/pnggallery2/png ... eoncat.png

Bon, ici, ça sent l'engoufrement dans le piège "JPEG mieux que PNG dans tous les cas" à plein nez :P. En effet, le coloriage n'est pas si élaboré, et l'arrière-plan est composé de teintes unies. C'est tout à fait normal que ma version PNG néttoyée ne fasse que 7 Ko de plus. Conclusion : vous êtes prêt à sacrifier 7 Ko pour perdre de la qualité :P.

4ème exemple :

Un dernier pour la route, un "dessin" (reprise d'un screen de Sonic X selon moi) de Neoncat (sur Deviant Art) :

Original, (JPEG, 25,8 Ko) : http://membres.lycos.fr/pnggallery2/png ... ecat16.jpg
Version nettoyée et optimisée (PNG Truecolor, 23,7 Ko) : http://membres.lycos.fr/pnggallery2/png ... t16_hq.png

Pas la peine de vous faire un dessin ici. Il s'agit d'un truc repris entièrement repris avec Paint et enregistré en JPEG... avec Paint ^^;. En gros, exactement ce qu'il ne faut pas faire, surtout quand le dessin ne comporte que des couleurs unies comme ça. Et puis, peu surprenant, le PNG est 2 Ko plus petit que le JPEG, tout en étant plus joli :P.

Voilà, euh... j'aurais pu me passer d'écrire tout ça... mais bon, c'est juste pour que certains savent pourquoi on m'appelle 'The Maniac of PNG'. Et puis, j'aimerais bien que mes topics soient un poil plus visités (car on pose souvent des questions dans les forums d'ET6, et il s'avère qu'elles trouvent souvent leur réponse ici :P)

Comme d'habitude, si vous avez des remarques à me faire, n'hésitez pas à me les faire parvenir via les messages privés (PV comme on les appelle).

C'est là qu'on me trouve maintenant.
Haut
Profil  
Afficher les messages publiés depuis :  Trier par  
Publier un nouveau sujet Répondre au sujet  [ 2 message(s) ] 

Le fuseau horaire est UTC+1 heure [Heure d’été]


Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité


Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum

Recherche de :
Aller vers :  
cron
Space Pilot 3K template by Jakob Persson
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Traduction et support en françaisHébergement phpBB