[RESOLUT] Comment découper une illustration + La rendre accessible ?

Bonjour à tous !

Voila j'ai un projet d'une loterie gratuite sur le web !
Et avec un ami illustrateur, il me crée un design totalement en dessin (retouché via GIMP) et il servira de design !

Donc le but est que le dessin s'élargisse ou pas en fonction de la résolution de l'écran du visiteur !

Premier question :
Comment le découper car une image en fond d'écran sera trop de long à afficher et lourd, non ? (Côté optimisation, ce n'est pas top !)

Deuxième Question :
Comment le rendre accessible à toute les résolutions sans voir des pixels ?
(Un ami, a eu l'idée de le faire sous 3 résolutions différentes : 1 en 800x600, en 1024x768 et une autre (la taille maximum des résolutions) et en fonction du visiteur, le meilleur format pour lui et utilisé. (si vous avez une autre méthode je suis preneur également)

Troisième Question et la dernière :
Mon ami au début avec son dessin il a travaillé en très grosse résolution (je ne sais pas combien) en la redimensionnant en 1024 x 768 (la résolution standard pour le moment et le plus utilisé), ont voient des pixels !
Comment faire pour enlever ses pixels sans passer par une retouche (une grosse retouche) ou la pire des solutions de tout recommencer ?

Merci Beaucoup

Cordialement,
Modifié par Dr.Revolte (12 May 2010 - 09:40)

a écrit :
Premier question :
Comment le découper car une image en fond d'écran sera trop de long à afficher et lourd, non ? (Côté optimisation, ce n'est pas top !)

Placer une image de fond complète n'est généralement pas utile (ou alors t'a page n'a aucun contenu ? Il y a toujours possibilité de découper au moins le haut, le bas et les bords. Cependant tu peux, si tu le souhaite vraiment, mettre une image de fond complète, mais je ne pense pas que ce soit judicieux à cause de la taille est des problème d'adaptation de résolution (quoique, je n'ai jamais essayé, c'est peut être pas si problématique...).

a écrit :
Deuxième Question :
Comment le rendre accessible à toute les résolutions sans voir des pixels ?
(Un ami, a eu l'idée de le faire sous 3 résolutions différentes : 1 en 800x600, en 1024x768 et une autre (la taille maximum des résolutions) et en fonction du visiteur, le meilleur format pour lui et utilisé. (si vous avez une autre méthode je suis preneur également)

Ce n'est assurément pas la bonne méthode. De plus "la taille maximum des résolutions" n'existe pas, c'est un peu comme l'infini en moins grand . Une image d'une résolution plus élevé que celle du visiteur peut être réduite (ou agrandie) en css, ça permettra certainement de jouer, mais la encore, une image de fond complète je doute de la viabilité de l'idée.

a écrit :
Troisième Question et la dernière :
Mon ami au début avec son dessin il a travaillé en très grosse résolution (je ne sais pas combien) en la redimensionnant en 1024 x 768 (la résolution standard pour le moment et le plus utilisé), ont voient des pixels !
Comment faire pour enlever ses pixels sans passer par une retouche (une grosse retouche) ou la pire des solutions de tout recommencer ?

En passant d'une image d'une certaine résolution vers une résolution inférieur, il ne devrait y avoir aucun problème. Enregistre tu tes images en jpg avec un taux de compression trop élevé ? Après, comme pour le reste mes connaissances sont limitées, je ne sais aps si mes réponses t'aideront beaucoup :x

Au aura du contenue mais qui sera intégré dans l'image avec des boutons.

Il y aura le texte qu'on n'intègrera pas dans l'image pour que google/bing/yahoo et un minimum de contenue à lire !

------------------------

Pour l'histoire de la résolution tu suggère comment alors ?
Mettre une taille fixe serrait l'idéale certes mais gâchera toute le design

------------------------

Pour la 3eme image, non une conversion normal !

Merci beaucoup d'avoir répondu à mes questions en tout cas, même si elle ne sont résolues

Bonjour,
peux-tu nous montrer de quoi il est question (un screen ou en ligne) ?
Mal a raison car une image de fond "entière" n'est pas nécessaire. A la source (gimp ou photoshop...) il s'agit de réduire au maximum la "surface" de l'image de fond. Car ce qui compte ici c'est son poids et non pas sa taille.

Pas de problème !

Je vous donne une veille version (enfin sans les modification qu'il y a eu jusqu'à aujourd'hui)

[Edit : Supprimé pour question de sécurité]

Voilà le design qui sera utilisé !

Merci de votre aide
Modifié par Dr.Revolte (15 May 2010 - 18:34)

Petit Up !

Pour ne pas être dans les oublis !

Une solution est plus ou moins disponible ici => http://forum.alsacreations.com/topic-4-48621-1.html

Merci beaucoup @mal !

J'ai trouvé ma solution merci @Laurie-Anne pour ton bout de script

Donc ce que pensais mon ami de faire plusieurs image en plusieurs résolution et une bonne solution en faite !

Merci beaucoup à tous