A Lire Avant De Poster !

Everland · 13/01/2003 19:48:02

Je vous rassure, c'est une taille tout à fait suffisante pour la plupart des illustrations (j'ai vérifié dans mon répertoire d'image pour le net, il est finalement assez rare que j'atteigne ce poids de 80 ko... et quasiment sans perte de qualité)

2) la taille : 700 pixels maximum

Chez moi 700 pixels ça va très bien. Ne perdez pas de vue cependant que le forum est visité par une majorité d'écran 800x600 et comporte un espace "avatars", en 700 pixels vous risquez donc de déformer la fenêtre et d'obliger à jouer des ascenseurs. C'est pas bien grave vous me direz. Sauf que pour les textes suivants, les messages vont suivre la taille de la fenêtre, et il faudra donc rejouer des ascenseurs pour lire chaque ligne !
En bref, 700 pixels maximum si vous ne pouvez pas faire autrement (à voir avec le poids aussi, plus c'est grand plus ça pèse lourd) et si vous pouvez rester en dessous, n'hésitez pas. 640 pixels c'est très bien. (Ne faites pas trop petit non plus, qu'on puisse voir l'image big_smile )

3) Les formats de compression

Il existe principalement 3 grands formats pour le net (y en a d'autres mais maîtriser ceux là est largement suffisant !)
Ils ne correspondent pas tous au même type d'image. C'est bête à dire mais on voit systématiquement des dessins ou des planches compressés dans le mauvais format. Le résultat est une qualité médiocre et un poids supérieur. En résumé, évitez le jpg systématique wink

le format .gif : pour être bref ce format convient aux images ne comportant pas de dégradés. Si vous avez des aplats de couleur, il est idéal. Avec ce format vous pouvez conserver exactement les mêmes couleurs aux mêmes endroits sans presque de perte ! Mais attention tout de même, il y a pas mal d'options paramétrables lors d l'enregistrement qui peuvent amener à une mauvaise qualité : ne demandez pas de tramage et une palette optimisée (octree optimisée), pas les couleurs windows big_smile

le format .jpg : une catastrophe avec les images comportant des aplats de couleur, ce format convient essentiellement aux photos. En effet, il génère des zones un peu "floues" qui conviennent tout à fait aux images comportant des dégradés notamment. La compression s'effectue par pourcentage et, selon les images, les rapports poids/qualité/pourcentage sont très différents. Il faut tester en utilisant la fenêtre de prévisualisation des logiciels de dessin pour ne pas être déçu du résultat.

le format .png : souvent un peu plus lourd que le gif, ce format accepte des palettes de 16 millions de couleurs. On pourra donc l'utiliser pour des images avec de nombreux aplats de couleur comportant quelques dégradéés (qu'il gère mieux que le .gif) C'est souvent la solution lorsque .gif et .jpg ne donnent pas de résultat valable.

4) Et maintenant, on compresse !

REGLE FONDAMENTALE : toujours compresser à partir du fichier original. C'est bête à dire mais j'ai déjà vu des internautes compresser en jpg, puis en gif et s'étonner après de cumuler les défauts des deux formats pour un poids disproportionné. En compressant, on abime, les résultats optimum sont donc toujours obtenus à partir de l'image originale.

Deuxième règle : Utilisez un logiciel incluant des options de compression. On ne peut pas bien compresser sans paramétrer son image. Si vous faites juste "enregistrez sous" en .gif, par exemple, vous risquez fortement de ne pas avoir le meilleur rapport poids/qualité, ou un sale tramage qui pue big_smile

On va voir comment faire avec deux logiciels de dessins :

Paint Shop Pro : là c'est super simple et super bien fichu. Il y a des outils parfaits pour la compression ! Seulement voilà, quand on ouvre le logiciel pour la première fois, ces outils ne sont tout simplement pas disponible !!!
Il faut donc commencer par aller dans le menu Affichage>barres d'outil puis vous allez personnaliser la barre d'outil standard en y ajoutant les options "exporter en gif", "exporter en jpg" et "exporter en png".
Ensuite, au moment d'enregistrer vos images pour le web, il vous suffira de cliquer sur l'une de ces icônes dans votre barre d'outil big_smile

Pour enregistrer en jpg, vous avez un aperçu et une échelle de compression. Suffit de d'augmenter la compression en fonction de l'aperçu. Dans le second onglet, vous pouvez même choisir en un mode standard ou progressif (l'image apparait au fur à mesure à partir du haut de l'écran ou d'un coup en améliorant la définition de secondes en secondes)

Pour enregistrer en gif, choisissez "transparence existante" dans le premier onglet, si votre image comporte des zones transparentes (sinon on s'en fiche), pour la transparence partielle (deuxième onglet) je vous conseille de ne pas mettre de tramage mais de choisir un transparence complète pour les pixels au dessous de 1% d'opacités. (ça veut juste dire qu'en gif on ne peut pas avoir de fondu transparent avec le fond de la page web, mais ça reste un détail). Onglet suivant : choisissez un octree optimisée (donc pas la palette windows mais les couleurs originales), ensuite diminuez les couleurs en partant de 256 et en vérifiant que vous n'abîmez pas l'image dans la fenêtre de prévisualisation. Enfin, dans la fenêtre format vous choisissez également le mode d'apparition de l'image sur la page.

Pour enregistrer en png, c'est grosso modo comme en gif. A tester si le gif ne donne pas de bons résultats (dans ce cas choisissez 16 millions de couleur plutôt que 256, sinon ça revient au même).

Photoshop : Menu fichier>enregistrer pour le Web. Les menus sont très complet mais moins clairs qu'avec paint shop pro. Les options à choisir n'en reste pas moins les mêmes. Le gros avantage c'est la prévisualisation à 4 vignettes où vous pouvez choisir la meilleure compression.

Pour enregistrer en gif, mêmes options que dans paint shop pro, n'oubliez pas de ne pas mettre de tramage. C'est caca le tramage (je résume, y a peut-être des cas ou c'est très utile)(m'enfin, je vois pas big_smile )

png et jpg, tout pareil que dans paint shop pro, je reviens pas sur les options, c'est assez simple quand on a la fenêtre de prévisualisation à côté.

Juste pour info, pour ceux que ça intéresse. Les meilleures compressions d'images sont faites en découpant les fichiers. Ca permet d'enregistrer des zones dans des formats différents et de gagner en taille. Mais bon, ça ne concerne pas les images à mettre sur les forums, surtout les habillages de site. Si ça vous intéresse, le logiciel KVT image cutter permet de découper des images proprement (manuellement dans un logiciel de dessin, c'est quasi impossible big_smile )

5) Mettre en ligne

Une fois l'image toute compressée comme il faut, vous l'enregistrez sur votre site puis vous collez le lien dans un nouveau sujet sur le forum en cliquant sur l'icone "img". Y a juste à entrer l'adresse de l'image, c'est du prémaché big_smile

Voilà, c'était pas si dur non ?

Eurtebise des Esseintes · 13/01/2003 22:17:44

je suis venu, j'ai vu et je vais poster. keskil est fort ce ever.
impec mec.

unplug · 14/01/2003 02:11:02

c'est un peu lourd cependant, voici un résumé plus rapide

bon pour les impatients comme moi, un seul mot, sauvegarder avec IMAGEREADY
(logiciel très puissant venant avec photoshop)

Bon, pour ce qui est des GIF c'est l'idéal pas de dégradé en effet, personnellement je l'utilise, il ne fait pas d'approximation de pixel et on a le contrôle avec imageready des couleurs.
On peut jouer entre 2 et 256 couleurs en GIF il est rare que vous avez 256 alors descendez le tout, il est rare qu'on dépasse 8-16 couleurs, au pire mettez le en 32, de toute façon deux fenêtre pour comparé les images originale et optimisé vous est offerte.

Utilisez des couleurs perceptives ou adaptives pour de meilleur résultat (évitez windows ha ha, bien dit)

Oui 700 pixel de LARGE est largement suffisant (ouf quel mauvaise blague) mais de plus, veuillez vous assurez de baisser le nombre de DPI de votre image, c'est trop lourd sinon en 300 dpi, 72 est suffisant pour l'oeil sur le web... pour ce qui est du 800x600, et bien c'est 50% en 1024 et 50% en 800, selon les statistique recueillis sur mon propre site avec 4000 visiteurs... donc aussi bien convenir a tous

pour ce qui est du JPG il offre souvent des résultats fort intéressant, du moins dans imageready, il fait une bonne approximation des couleurs et ne dégénère vraiment pas trop l'image, dans imageready ne descend par trop sous la barre des "5" comme qualité, encore une fois visionné avant de sauvegarder et n'effacez pas l'original surtout !!!

les autres formats son peu utilisé... alors j'en dirai pas plus

Everland · 14/01/2003 07:18:15

ça c'est du résumé yikes )

Oui, je suis long unplug, mais on est pas obligé de tout lire. J'ai essayé d'être complet pour répondre aux interrogations de certain. Pour être court, ce qui est le plus mal connu c'est la compression en gif. La réponse tiens en trois lignes dans mon discours, comme c'est découpé en chapitre je pense qu'on peut retrouver facilement sans tout lire yikes )

Remedium · 14/01/2003 15:38:13

Tu devrais ptet "épingler" le sujet pour qu'il reste en haut Ever. Sinon, il finira par tomber dans les tréfonds du forum... B)

Everland · 14/01/2003 18:52:09

euh comment dire... euh... c'était prévu mais en fait j'ai pas trouvé la fonction ... bouh la honte !!!!

Swan ? Labe ? Un ti coup de main ?

N@irolf · 14/01/2003 19:05:31

C'est fait Monseigneur... depuis déjà kèk z'heures ! Vot' bon Nairolf veille sur vos affaires, ne l'oubliez point !

morpheusmutant · 15/01/2003 13:34:36

pour ma part , je n'ai rien compris à ce qui est écrit dans cette rubrique wink

Everland · 15/01/2003 13:49:58

rien ????
Ca va être dur de t'aider alors...
Si tu as des questions n'hésite pas, parce que là, je sais pas trop quoi te dire <_<

morpheusmutant · 15/01/2003 14:43:55

lol

non j'exagere un peu ... En ft , c surtout le passage sur la compression que j'ai dut mal à assimiler !!!

N@irolf · 15/01/2003 14:57:48

EXPLICATIONS DE LA COMPRESSION

big_smile tongue

désolé, j'ai pas pu résister.... Vous connaissez mon naturel chafoin.

morpheusmutant · 15/01/2003 15:08:45

big_smile

effectivement ça m'aide trop ça !!!

<_<

N@irolf · 15/01/2003 15:28:58

hi hi hi.... alors on dit merci ki ??? big_smile

Non + sérieusement, qu'est-ce qui ne te paraît pas clair dans ce qu'explique Ever' sur les formats de compression ?

morpheusmutant · 16/01/2003 12:04:46

merci Nai Nai , merci Rolf Rolf , marci Nairolf big_smile

Non , je sais pas , pour moi c du chinois ... Il fo un logiciel , un truc dans le genre , je suppose , le plus souvent j'y arrive mais .. je sais pas !!!

( si vous avez pas compris , c normal , moi non plus je me comprends plus !!! )

Everland · 16/01/2003 18:06:40

effectivement, si tu n'utilises pas de logiciel et que tu n'enregistres jamais d'image pour le net, ça va être compliqué big_smile

Laurel · 20/01/2003 17:57:19

Des illustrations à critiquer j'en ai plein, mais malheureusement je n'ai pas de site Internet. Y a aucun moyen de mettre un dessin sur le forum sans passer par là???

Merci!

Laurel

N@irolf · 24/01/2003 12:41:56

Bin... trouver un collègue BDA qui hébergerait ton illustration. Sinon point de salut malheureusement wink

Mais si tu veux, tu m'en envoies qqs unes, je les mets sur mon ftp et je t'envoie l'url, comme ça tu pourras les afficher ici ! Tu as mon mail, alors je te laisse me contacter si ça t'intéresse !

morpheusmutant · 24/01/2003 12:45:17

salut !!!

Bon , je sais la réponse ne m'ai pas destiné mais bon moi ta proposition elle m'intéresse aussi pasque j'ai un peu le mm prob que M. laurel et justement j'attendais une réponse à ce prob qui est fâcheux en soit lol

Laurel · 24/01/2003 16:21:45

Ok, merci Nairolf c'est sympa!!! big_smile Je t'envoie ça tout de suite!!! tongue tongue tongue

Laurel

N@irolf · 24/01/2003 16:44:50

ouh là là.... big_smile je dois avoir une tronche de St Bernard !
Bon bin écrivez-moa, je verrais ce que je peux faire, mais alors essayez de ne pas m'envoyer de trucs trop lourds, et pas 15 chacun !

big_smile

Everland · 26/01/2003 14:54:30

J'ai deux compte Ftp sur lesquels je peux stocker quelques temps aussi si ça intéresse quelqu'un. En prime je vérifierais la compression big_smile (on ne se refait pas)

N@irolf · 26/01/2003 17:06:49

Yerk yerk yerk, moa aussi ! big_smile
je te ferai un rapport circonstancié Everounet !

morpheusmutant · 28/01/2003 12:04:05

coooooollll , bon bah je vais essayer d'envoyer qqchose de potable et de pas trop lourd ...

Pour qui ? Everland ou Nairolf ..... hummmmm , j'hesite tongue

N@irolf · 08/02/2003 12:24:25

Le forum n'étant pas une galerie d'images, mais.... un Forum, et le flood n'étant toléré que dans Ze twiligth delirium spatio zone, et comme il semble qu'il faille le préciser textuellement, nous demandons donc dans cette section, de n'écrire qu'un seul post par illustration, qui ne contiendra qu'une seule illustration. Pour le reste, il est évidemment possible d'utiliser l'onglet [ IMG ] afin de proposer un lien vers d'autres images.
Merci d'avance.

Sp|ne · 22/09/2003 11:19:27

moi j'ai pas de "site" à proprement parler mais j'ai un espace chez lycos (gratuit). Quand j'ai des trucs à montrer je les stocke là et je fais un lien... easy kwa...

#1 13/01/2003 19:48:02

A Lire Avant De Poster !

#2 13/01/2003 22:17:44

Re : A Lire Avant De Poster !

#3 14/01/2003 02:11:02

Re : A Lire Avant De Poster !

#4 14/01/2003 07:18:15

Re : A Lire Avant De Poster !

#5 14/01/2003 15:38:13

Re : A Lire Avant De Poster !

#6 14/01/2003 18:52:09

Re : A Lire Avant De Poster !

#7 14/01/2003 19:05:31

Re : A Lire Avant De Poster !

#8 15/01/2003 13:34:36

Re : A Lire Avant De Poster !

#9 15/01/2003 13:49:58

Re : A Lire Avant De Poster !

#10 15/01/2003 14:43:55

Re : A Lire Avant De Poster !

#11 15/01/2003 14:57:48

Re : A Lire Avant De Poster !

#12 15/01/2003 15:08:45

Re : A Lire Avant De Poster !

#13 15/01/2003 15:28:58

Re : A Lire Avant De Poster !

#14 16/01/2003 12:04:46

Re : A Lire Avant De Poster !

#15 16/01/2003 18:06:40

Re : A Lire Avant De Poster !

#16 20/01/2003 17:57:19

Re : A Lire Avant De Poster !

#17 24/01/2003 12:41:56

Re : A Lire Avant De Poster !

#18 24/01/2003 12:45:17

Re : A Lire Avant De Poster !

#19 24/01/2003 16:21:45

Re : A Lire Avant De Poster !

#20 24/01/2003 16:44:50

Re : A Lire Avant De Poster !

#21 26/01/2003 14:54:30

Re : A Lire Avant De Poster !

#22 26/01/2003 17:06:49

Re : A Lire Avant De Poster !

#23 28/01/2003 12:04:05

Re : A Lire Avant De Poster !

#24 08/02/2003 12:24:25

Re : A Lire Avant De Poster !

#25 22/09/2003 11:19:27

Re : A Lire Avant De Poster !

Pied de page des forums