Accueil > Forum > > > > Redimensionner une image
Redimensionner une image
lundi 22 mai 2006 à 11:25:38 |
Redimensionner une image

blavaud
|
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.
|
|
mardi 23 mai 2006 à 14:37:18 |
Re : Redimensionner une image

Kreatif
|
Réponse acceptée !
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
|
|
mardi 23 mai 2006 à 15:18:31 |
Re : Redimensionner une image

blavaud
|
Réponse acceptée !
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...
|
|
mardi 23 mai 2006 à 15:36:53 |
Re : Redimensionner une image

Kreatif
|
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)
|
|
Cette discussion est classée dans : images, image, redimensionner, sites, conseils
Répondre à ce message
Sujets en rapport avec ce message
Comment redimensionner plusieurs images ? [ par Cgaybeul ]
Salut ! J'ai trouvé comment redimensionner une image, en vérifiant qu'elle est chargée, par contre j'en ai une série qui se chargent "en même temps",
Aide pour chargement d'images dynamiques + cacher/afficher ces dernières [ par futaba ]
Bonjour à tous,Je suis un débutant en flash et malgré le temps passer à décrypter les forums et tenter par moi même de multiples essais pour mon proje
Problème d'ordre d'affichage d'images [ par Cgaybeul ]
Petit casse tête : je charge des images par l'intermédiaire d'un fichier XML,J'ai une fonction d'affichage, dans laquelle j'ai un écouter : var myC
problème de liens dans ma scène entre mes images clés... [ par alizg ]
Bonsoir tous le monde, j'ai un petit souci sous flash mx...J'ai dans ma scène plusieurs clips, (écran1) le premier dure 10 images (l'image 10 contient
Morphing de me.... aidez moi j'en peux plus!!! [ par niko14 ]
au secours aidez moi svpEn fait je voudrais créer un morphing sur du texte pour faire une animation d'entrée pour mon site!Je fais ce qui est éc
probleme loader Images... [ par Le Raton Laveur ]
je suis dans un clip, j'ai un clip vide appeler "image" dans lekel je load et centre des images. sur ce clip j'ai le code suivant:onClipEvent(load){po
Problème de "scintillement" d'image... [ par sinippe ]
Bonjour ! Alors, j'ai un problème... Je suis en train de développer une appli, qui, depuis un fichier xml, récupère moult et moult variables pour affi
Condition if [ par foufimagic ]
Bonjour, Suis novice en flash Mx et souhaiterais faire une petite anim, voici mon probleme : je veus que les visiteurs accède a mon site après avoir c
Image à l'exterieur [ par samsondainjour ]
Bonjour Je pense que je pose la question que tout le monde a déjà posée mais je trouve pas dans ce que j'ai cherché de réponse à ce que je veux. J'ai
aide svp... image externe et flash [ par nace1979 ]
bonjour, j'ai poster un message il y a qques jours mais pas de reponse.. et j'ai vraiment besoin de votre aide... J'ai besoin de faire un site en fl
Livres en rapport
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|