Photoshop - Enregistrement pour le web

(pour le codage d'un site web)

Pour accéder à cette section
Connectez-vous !

Résolu Le problème de ce sujet a été résolu

Auteur	Message
Page 1
2 visiteurs sur ce sujet (2 anonymes)
Page 1
Mugiwara	# Posté le 03/02/2012 à 12:45:45
	yop! J'ai déjà utilisé plusieurs fois le système de 'tranches' pour découper mes design, et quand vient le moment 'd'enregistrer pour le web' , Photoshop propose différentes options de type/format/qualité d'images. Paramètre prédéfini : il y a du Jpeg supérieur et autres, du Gif 32/64/128.. tramé/non tramé, du PNG 24.. il y a aussi la 'qualité de compression' ensuite la qualité tout court etc.. Et ils indiquent aussi en fonction de ces paramètres le poids du truc : X octets et 1 s à X Kbps Alors voilà, j'ai toujours fait au feeling, mais qqun pourrait-il me donner des pistes svp ? quels paramètres prendre ? Mais surtout, y a-t-il un certain X à ne pas dépasser tel qu'on ait 1s à X Kbps ? Ya pas une certaine valeur qu'il ne faut pas dépasser sinon la navigation devient pourri ? Merci d'avance pour le coup de main Tu aimes le graffiti ? check cette page!
Publicité	# Posté le 03/02/2012 à 12:45:45

Pitox	# Posté le 03/02/2012 à 17:44:56
Ville : Cholet Pays : France métropolitaine	Ben généralement je fais par rapport au poids. Png ou Jpeg qualité élevée (60) est suffisant. Si tu as besoin de transparence, utilise du PNG. Utilisez jsFiddle pour vos problèmes de code HTML/CSS/JS et postez le lien dans votre sujet, ce sera plus simple pour ceux qui vous aideront ! Webdesigneur et intégrateur web dispo (mais pas gratuit), contactez moi
Rodleg	# Posté le 03/02/2012 à 18:14:47
Blog Twitter close	De préférence utilise le Jpeg s'il n'y a pas de transparence sinon comme l'a dit Pitox prends le PnG24 Commence avec une qualité à 80% et réduis jusqu'à obtenir un bon rapport qualité/poids tu peux aussi faire le comparatif entre plusieurs formats d'images en mettant 4 vignettes de comparaisons ... il te faut essayer d'optimiser au maximum ... ... http://rodleg.wordpress.com/ ... ... Mon site sur le Graphisme le Design et le Matte-painting avec également des tutoriels sur Photoshop ...
Geoffrey-Zéro	# Posté le 03/02/2012 à 19:29:24
	Un png-8 optimisé est souvent plus léger qu'un JPEG en design web, car un élément de design contient généralement peu de couleurs. Pour de la photo, par contre, le JPEG est préférable. Il n'y a pas de secret ni de niveau de compression standard : regarde ton image dans l'aperçu et change les réglages pour voir si la qualité reste acceptable. Par contre, si tu veux optimiser le poids de tes pages, découper avec des tranches est souvent une mauvaise idée, car certains éléments de design sont généralement réutilisables ou déclinables. Il vaut mieux, quand ton design est arrêté, réfléchir à la façon dont tu vas l'intégrer en CSS, plutôt que de tout exporter sans te poser de questions.
Mugiwara	# Posté le 05/02/2012 à 14:09:13
	pas de soucis Geoffrey-zero, je n'utilise les tranches que pour 'couper' mon design en différents blocs, mais ensuite je ne reprend que les blocs qui m'interessent et je code à ma façon en CSS le tout. Sinon merci à tous pour les réponses! Par contre rodleg, ce rapport qualité/poids dont tu parles, ça ne représente vraiment rien pour moi, j'ai du mal à voir ce qu'est un 'bon' rapport qualité/poids, t'as pas une valeur moyenne pour que je sache à peu près stp ? Mais sinon vous m'avez filé déjà pas mal d'éléments c'est cool ; ) Tu aimes le graffiti ? check cette page!
Pitox	# Posté le 05/02/2012 à 14:11:32
Ville : Cholet Pays : France métropolitaine	Le rapport qualité/poids tu le fais en fonction de ce que tu veux. Réduis la qualité de l'image petit à petit en vérifiant que ton image est toujours correcte. Pour ma part j'utilise presque tout le temps 60%, ça suffit généralement Édité le 05/02/2012 à 14:11:55 par Pitox Utilisez jsFiddle pour vos problèmes de code HTML/CSS/JS et postez le lien dans votre sujet, ce sera plus simple pour ceux qui vous aideront ! Webdesigneur et intégrateur web dispo (mais pas gratuit), contactez moi
Mugiwara	# Posté le 05/02/2012 à 21:25:25
	d'accord d'accord jpense que j'ai assez de pistes là merci à tous! Tu aimes le graffiti ? check cette page!
Rodleg	# Posté le 05/02/2012 à 22:18:57
Blog Twitter close	Voila la réponse t'as été donnée, il n'y a que toi qui peux définir le rapport qualité/poids d'autant plus que chaque image est différente il n'y a pas de norme ou taille idéale. Le meilleur poids restera le plus léger, et la qualité dépend aussi de l'utilisation que tu réservera à l'image sur ton site. Dans tout les cas si tu aperçois des aplats de couleur et que l'image est pixelisée il y a de forte chance que tu sois descendu trop bas, il faut que l'image reste agréable à regardé ;-) ... http://rodleg.wordpress.com/ ... ... Mon site sur le Graphisme le Design et le Matte-painting avec également des tutoriels sur Photoshop ...
Mugiwara	# Posté le 09/02/2012 à 12:27:02
	yes merci bien Tu aimes le graffiti ? check cette page!
genniechs	# Posté le 10/02/2012 à 07:06:58 Message supprimé pour le motif suivant : Flood.