[Optimisation], Pour une image en fond d'ecran (html),kel taillle?

, Pour une image en fond d'ecran (html),kel taillle? [Optimisation] - Web design - Graphisme

Marsh Posté le 24-05-2002 à 01:16:54    

Hello, en ce moment, je prends gouts o images en arriere plan sur mes pages html   :D  
 
 
je trouv que c bien bien puissant=)))
 
ben ma question est, une fois ke j'optimise  mon arriere plan, je lui laisse quel poids , pour qu'il se charge bien bien vite????
 
 
en fait, je ne capte pas comment ça marche, cad, comment l'explorer (genre IE o pif) interprete ça et en combien de temps il ouvre une page avec image o fond selon son poids??
 
 
j'espere avoir ete a peu pres clair, chuiiiiiiii latté laa....
 
 
merci  
++

 

[jfdsdjhfuetppo]--Message édité par whyjuan le 24-05-2002 à 01:33:28--[/jfdsdjhfuetppo]


---------------
I want blood – and not any old blood – I want pure, ruby red, young person’s blood – and, I want it NOW!
Reply

Marsh Posté le 24-05-2002 à 01:16:54   

Reply

Marsh Posté le 24-05-2002 à 01:25:24    

Je confirme. :jap:
 
De plus, plus l'arrière-plan est lourd, plus le scroll dans la page est saccadé. :/


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 24-05-2002 à 02:10:49    

ben oui, mais euh, comment dire, je comptais pas en mettre une de 20ko
 
 
je parlais de mosaik  a partir d'images genre de 1 ou 2ko
 
 
genre ça    http://www.sxstudio.com/06studio/site/11/index.htm

 

[jfdsdjhfuetppo]--Message édité par whyjuan le 24-05-2002 à 02:11:36--[/jfdsdjhfuetppo]


---------------
I want blood – and not any old blood – I want pure, ruby red, young person’s blood – and, I want it NOW!
Reply

Marsh Posté le 24-05-2002 à 02:17:22    

ben, oui, ok, je suis o courant, mais je prends le risk....
 
 
 
alros, messieurs, quelle taille en fait??
 
ça depends aussi de la taille de l'image??? (je ne parle pas du poids la)??????


---------------
I want blood – and not any old blood – I want pure, ruby red, young person’s blood – and, I want it NOW!
Reply

Marsh Posté le 24-05-2002 à 03:29:12    

euh, oui, ok, mais en general, je fais toujours la meme chose, cad soit un chti carré de 3X3 pixel (environ)soit une barre de , par exemple pour le haut: 1X1024 :D  
 
 
donc, mes soucis, c pas pour les redimensionnements faits par le visiteur, ou les trucs du style......... :sol:  
 
 
 
mais bon.....me demande quand meme a quel nivo EXACT ça se joue, car vous etes contre, a priori, mais bon, kan on vois le resultat lorske c fait intelligement, et benn...


---------------
I want blood – and not any old blood – I want pure, ruby red, young person’s blood – and, I want it NOW!
Reply

Marsh Posté le 24-05-2002 à 03:50:14    

c'est quoi ta question?  [:poisse]

Reply

Marsh Posté le 24-05-2002 à 07:08:47    

héhé , nous sommes donc, bien d'accord alors w3c  :hello:  
 
 
 
donc, je reprends la question (frenzy), ben comment optimiser un fond d'ecran le plus intelligement possible (voir en haut)....
 
 
 
a savoir,prenons un exemple: alors, je prends un fond de un pixel de haut et de 1024 de large, voilu, je l'optimiz comme d'hab sous toshop, et donc en gif ou en jpg selon le cas  :sol:  
et je me le colle en haut de ma page, en horizontal.
maintenant:
1)comment savoir quelle est la meilleure optimisation taille/qualité de l'image????
 
je suis d'accord avec le principe que certaines de mes pages vont etre lourdes et d'ot pas, mais bon, comment savoir le poids final???
mon image,de par exemple 1k, va se charger une seule fois, mais, apres en pratik elle va s'afficher aussi vite que une image de 10k, de 1k, ou autre? :lol:  
 
 
je pense ke c un sujet bien complexe sur lequel je n'ai pas trouvé d'infos TRES précises, voilu
 
 
 :hello:


---------------
I want blood – and not any old blood – I want pure, ruby red, young person’s blood – and, I want it NOW!
Reply

Marsh Posté le 24-05-2002 à 09:24:12    

la mienne fait 30ko et personne ne s'en est jamais plaint.

Reply

Marsh Posté le 26-05-2002 à 23:17:05    

w3c compliant   :hello:  
 
 
ben reprenons, aller hop, fo ke je bosse un peu la=)))
 
 
alors,  
 
 

Citation :

Déjà, ne pas prendre le jpg pour ton fond d'écran, vu que la compression altère toujours l'image, tes couleurs ne correspondraient pas, etc.


 
euh, ben, la je ne suis pas d'accord, ok les couleurs ne correspondent pas toujours mais pour certaines images j'ai un meilleur resultat avec le jpg, (mais ceci est  un autre debat, ke je relancerai bientot et pas la=))
 
 

Citation :

Donc déjà tu choisis une compression sans perte, genre gif ou png. Et tu optimises en modifiant la palette, les caractéristiques de compression ou autre, mais de toute façon pour une telle image très "petite" ca ne jouera que sur qq dizaines d'octets. Pas de quoi tuer un modem.


 
euh, la compression png, ben, j'ai deja demandé a qques personnes et il semblerait que tous les Navigateurs ne soient pas en mesure de bien accepter le png...j'avais fait un topic la dessus et c ke l'on m'avais dit. Mais peut etre la situation a-t-elle changée  et le pbg est un format que l'ont peut utiliser maintenant sans perte de traffic????? car la perte de treaffic est mon probleme essentiel=)  :??:  
 
 
et ensuite par rapport a toutes tes autres explications suivantes, je ne suis pas d'accord. Tu dis ke c basique mais malgrés tout je vais essayer de mieux t'expliquer mon point de vu.
 
prenons une page html de 3000 pixels de haut et un gif de 20 pixels X 20 pixels et de 20 kilo en arriere plan.
L'arriere plan se charge apres le devant de la scene, ok!
 
 
donc entre cette derniere page et une page toute simple avec la meme image en haut, et ben d'apres toi les 2 vont se charger pareillement , en prenans en compte tes explications, si j'ai bien tout compris=))
 :??:  
 
 
 

Citation :

C'est simple, dans l'explorateur Windows, tu regardes la taille de toutes les images appelées par ta page, tu les ajoutes, et tu rajoutes aussi la taille de la page HTML. Certains logiciels de création de page web te la donnent automatiquement, sinon.  
 
 
whyjuan a écrit :
--------------------------------------------------------------------------------
mon image,de par exemple 1k, va se charger une seule fois, mais, apres en pratik elle va s'afficher aussi vite que une image de 10k, de 1k, ou autre? :lol:
 
--------------------------------------------------------------------------------
 
 
 
Oui, elle se charge une fois (après, elle reste en mémoire ou en cache), et elle s'affichera comme n'importe quelle donnée de 1 Ko : après un délai d'environ 0.2 seconde (si tu es à 5 Ko/s) ou beaucoup moins si tu es en ADSL par exemple.  
 
 
whyjuan a écrit :
--------------------------------------------------------------------------------
je pense ke c un sujet bien complexe sur lequel je n'ai pas trouvé d'infos TRES précises, voilu
 
--------------------------------------------------------------------------------
 
 
 
Tu ne trouveras guère d'infos pour des choses aussi basiques : c'est simplement de la logique (une image de 1 Ko est téléchargée aussi vite qu'une page web de 1 Ko ou qu'un fichier son de 1 Ko) et des maths (1 Ko à 5 Ko/s => 0.2 s)  [:xx_xx]


 
 
 
 :non:  
 
Alors que en pratique ben, je ne suis pas d'accord, la page avec l'image en mosaique va s'afficher plus ou moins vite selon divers parametres,et c'est ces derniers que j'aimerai connaitre.........................................
 
..................................................
 
.
(dans le cas de l'exemple ben la page sans arriere plan va s'afficher plus vite=)))))     ;)  
 
 
 
J'en ai marre ds faire des tests la et d'etre obligé de vider mon cache IE a chak fois!!!!
 
donc, help, si vous vous etes interessés a la question??,

 

[jfdsdjhfuetppo]--Message édité par whyjuan le 26-05-2002 à 23:20:34--[/jfdsdjhfuetppo]


---------------
I want blood – and not any old blood – I want pure, ruby red, young person’s blood – and, I want it NOW!
Reply

Marsh Posté le 27-05-2002 à 02:08:56    

Ok, donc en definitve, ça veux dire ke il ne faut meme pas chercher midi a 14h!
 
Il faut simplement prendre la taille de l'image d'arriere plan et NE TENIR QUE COMPTE de son poids comme si ct une image toute bete....
 
 
 
oki, ben vais aller tester ça moi
 
MERCI!!   :sol:  
 
 
 
L'usage du png est aussi sans danger alors :pt1cable:  
 
On, m'aurais menti?  :pt1cable:

 

[jfdsdjhfuetppo]--Message édité par whyjuan le 27-05-2002 à 02:09:24--[/jfdsdjhfuetppo]


---------------
I want blood – and not any old blood – I want pure, ruby red, young person’s blood – and, I want it NOW!
Reply

Marsh Posté le 27-05-2002 à 02:08:56   

Reply

Marsh Posté le 27-05-2002 à 02:25:27    

:jap:  Merci grand optimiseur   :jap:  
 
 
 
je vais me faire un nuit optimisation la de toute façon   :bounce:
 
 
avec la lecture de quelques petites sites=)

 

[jfdsdjhfuetppo]--Message édité par whyjuan le 27-05-2002 à 02:26:08--[/jfdsdjhfuetppo]


---------------
I want blood – and not any old blood – I want pure, ruby red, young person’s blood – and, I want it NOW!
Reply

Marsh Posté le 27-05-2002 à 09:50:32    

C'est pas compliqué tu t'apercevra sur ton exemple Que au bout d'un moment il n'y a plus de degradé si tu agrandi vers le bas ;) pour limité de poids de l'image.
 
Mais tu remarqueras aussi que l'image ne se repete pas et pourtant elle n'est pas si grande que ce qu'elle parait
 
Pour cela tu fais un css ou tu redefini la balise body comme suit :
 
body {  
   background-image: url(le chemin de l'image);  
   background-repeat: repeat-x;  
   background-color: #La couleur du bas
}

 
 
background-repeat: repeat-x => impose a ton image de fond de ne se repeter qu'a l'horizontal
 
background-color: #La couleur du bas => Choisi comme couleur la derniere couleur de ton image
 
background-image: url(le chemin de l'image) => Image de 1px de large sur le nombre de pixel de l'effet souhaite (Dans exemple il faisait 448 px)
 
Esperant t'avoir corectement renseigné ;)

 

[jfdsdjhfuetppo]--Message édité par procat le 27-05-2002 à 09:54:24--[/jfdsdjhfuetppo]


---------------
[:procat]
Reply

Marsh Posté le 27-05-2002 à 09:52:53    

:hello:

 

[jfdsdjhfuetppo]--Message édité par procat le 27-05-2002 à 09:56:56--[/jfdsdjhfuetppo]


---------------
[:procat]
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed