Redimensionner une image

Résolu
blavaud Messages postés 10 Date d'inscription jeudi 25 novembre 2004 Statut Membre Dernière intervention 25 février 2008 - 22 mai 2006 à 11:25
cs_Kreatif Messages postés 41 Date d'inscription mercredi 10 mai 2006 Statut Membre Dernière intervention 19 juillet 2006 - 23 mai 2006 à 15:36
Salut les gars (et les filles).


J aimerais avoir vos conseils pour bien redimensionner/optimiser mes images inclues dans mes sites.
J avoue avoir tout essayer, et meme sous photoshop, j ai toujours des images de qualites merdiques meme en utilisant l outiles "save for web". Idem en utilisant l optimiseur sous Flash.

J essaie d avoir une image "plein ecran" en gros 968x578 (partie visible du site), de moins de 70ko.
Est ce possible ? Quelles sont les bonnes techniques ? Il y a t il des regles generales ? (genre ne jamais descendre en dessous de x% de reduction JPEG)etc...
tout le monde egalement parle du mode PNG mais les images sont beaucoup plus lourdes que JPG, je ne comprends donc pas pourquoi tout le monde les recommande...

Bref, il y a t il un specialiste "IMAGES" dans le coin ?

PS: egalement comment font les sites professionnels pour afficher des images "plein ecran" avec une vitesse incroyable, une qualite d enfer et un pre-loading de site relativement court ???
merci pour vos conseils.

3 réponses

cs_Kreatif Messages postés 41 Date d'inscription mercredi 10 mai 2006 Statut Membre Dernière intervention 19 juillet 2006
23 mai 2006 à 14:37
Salut,



Tout d'abord, sache que si ton image est grande elle pèsera plus lourd (en poids) qu'une petite normal. Puis, après ca dépends, si cette image est importée (avec loading d'un serveur avec lien) ou si elle est toujours sur la page d'accueil comme tu le souhaite. Dans le deuxieme cas elle sera plus lourde, vu qu'il y aura l'image puis le reste graphique de ta page d'accueil, ce qui augmente le poids de la page. Ca c'est d'une.

Puis, tout le monde conseil peut-etre PNG, mais moi en tant que webdesigner/graphiste, les images destinées uniquement au web pour visualisation (et non impression) par les internautes ne sont ni en JPEG (format destiné au print), ni en PNG mais en GIF. Et oui le gif c'est sympa aussi, et c'est fait pour le web lol

>> Alors comment faire une bonne image destinée à être vu sur le web :

1) ouvre ton image dans photoshop,

2) met la directement en 72 dpi (=résolution de ton écran, mettre une image en déf supérieure pour le web ne sert à rien, car un écran a pour résolution max. 72 dpi lol )

3) tu mets ton image à la taille que tu souhaite : 968 x 778 dans ton cas apperement,

4) donc tu as une image : 968x778, en 72 dpi.

5) Enregistrer pour le web

6) Séléctionne format : Gif (tu verra sous ton images le poids qu'elle fait déjà)

7) Après tu peux choisir le nombre de couleur, essai de le baisser au max, pour gagner du poids, 256, 128 ou 64 couleurs ... par logique plus tu enlèves de couleur différente à ton image, plus le poids diminu, logique

8) tu enregistre et c'est OK !

>>> RAPPEL IMPORTANT : le poids de ton image ne varie pas seulement par sa taille, mais comme tu l'as remarqué par le nombres de couleurs que tu définis. Plus y'aura de couleur, plus elle sera lourde normal. Ainsi,il faut EVITER les images avec dégradé car les dégradé, pour $etre clean, on besoin d'un max de couleur, dans la même nuance !

Exemple : image de taille 968x778, sur fond noir, avec au centre un cercle blanc.
A) Cette image avec imaginons, un dégradé autour du cercle allant du blanc au noir pèsera LOURD
B) Cette même image avec un cercle, de contour blanc, net et précis pèsera pas grand chose.

Pourquoi ?
A) tu auras besoin d'un max de couleur pour arriver à garder ton effet de dégradé (genre Gif 256)
B) tu auras un image qui pèse peu car seulement deux couleur : Noir & Blanc (genre Gif 2 couleur suffiront)

>>>>>>>>>>>>>>>>> Bein voilà, j'espère avoir répondu clairement à ta question, en restant constructif, en tout cas je penses que tu vas mieux saisir le problème.

NB : Une page d'accueil en 968x778 est grand tout de même. Penses quand tu fais un site, à penser à tout les utilisateurs du web, et ceux qui on un écran plus petit que le tient, et qui ne verront pas en pleine page ton site ... ce qui n'est pas top. Ainsi, réduit tes page, ce qui réduira le poids de tes pages. lol
3
blavaud Messages postés 10 Date d'inscription jeudi 25 novembre 2004 Statut Membre Dernière intervention 25 février 2008
23 mai 2006 à 15:18
Merci Kreatif, tres interressant.
Ceci dit, j avais deja essayer le mode GIF mais il est toujours carrément plus lourd que le JPG (a nombre de couleurs equivalentes)...
En fait ma page est volontairement grande pour pouvoir repondre aux besoins de tous les ecrans, les grands comme les petits. Qui peut le plus peut le moins !
Mais je voulais avoir ton avis sur ce point. J ai remarqué que certaines images de fond, sonr enregistree en 96 DPI au lieu de 72DPI. J imagine que cela leur permet d enregistrer une image aux dimensions plus petites mais qui suportera sont agrandissement sur les ecrans plus grand si elle est "stretchée", n est ce pas ?
Peux tu me confirmer, et me dire a ton avis laquelle des 2 methode permet de conserver au mieux le rapport poids/qualité ?

Thanx a lot !!!
PS. Je cherche un wedesigner basé au Japon, si ca interresse quelqu un...
3
cs_Kreatif Messages postés 41 Date d'inscription mercredi 10 mai 2006 Statut Membre Dernière intervention 19 juillet 2006
23 mai 2006 à 15:36
Re, 

   Bein, après c'est à toi de voir quelle est la solution la meiloleur à ton problème, entre le jpeg et le gif. Car il n'y as pas de bonnes méthodes, ou de mauvaises, juste choisir celle qui s'adapte le mieux.

   Pour te répondre, reste en 72 dpi en taille maxi pour les grand écran, et pour les plus petit au lieu de la "stretcher" comme tu l'écris, bein tu le fais en sens inverse, tu la réduits. Ca c'est mon point de vue. Et sois sûre, que le 72 dpi suffit largement, et que mettre en 96 dpi n'est pas la meilleur solution, mais en es une. Celà dépends de l'utilisation que tu en fais. mais moi je verrais ton problème en sens inverse, comme je te l'ai écrit, au lieu de l'étirer, penses en sens inverse, et la réduire lol Et point de vue qualité/poids ça devrais le faire.

Je reste toujours à ton écoute. Bon courage.

>> As tu l'adresse du site que je jete un coup d'oeil ?!?
>> Tu es au Japon et tu cherches un webdesigner ?!? (plus d'info serais sympa, tu n'as qu'as m'écrir sur la boite mail de flashkod, pour ne pas dévier de sujet sur ce post. MERCI)
0
Rejoignez-nous