Image en background - Optimisation - Web design - Graphisme
Marsh Posté le 25-04-2006 à 11:36:45
ReplyMarsh Posté le 25-04-2006 à 11:45:02
Une autre solution, penser que tout le monde ne navigue pas avec l'ADSL
Marsh Posté le 25-04-2006 à 11:48:24
oui je sais, mais ces images constituent le concept même du site donc les retirer n'est pas du tout envisageable ......
je posterai bien l'url pour montrer a quoi ca ressemble mais je n'ai pas envie de me faire bannir pour spam, surtout que c'est un site commercial....
Chahrazad> merci jessaie tout de suite
Marsh Posté le 25-04-2006 à 12:04:05
Bah si tu veux une solution de sauvage tu peux doubler tous tes backgrounds, en mettant celui de plus basse qualité en dessous.
Bon par contre le navigateur risque de faire la gueule au niveau de l'utilisation de la mémoire, mais faut bien que ça fasse mal quelque part.
Exemple :
Code :
|
bg_low.jpg s'affiche rapidement, puis bg_high.jpg se charge pendant ce temps, et le remplace.
Marsh Posté le 25-04-2006 à 23:54:47
Chahrazad a écrit : Salut, |
Bonjour,
une petite question: peux-tu m'expliqer car je ne comprends pas très bien.
Tu mets tes images à "top=-5000px", elles ne sont donc pas visibles, mais, ne sont-elles pas pour autant chargées? Du coup, cela n'arrangerait-il rien?
La suite de ton code me pose aussi problème
Excusez moi de m'imiscer dans le post, mais j'aimerais être un peu éclairé. Histore de ne pas mourrir idiot
Marsh Posté le 26-04-2006 à 08:33:00
c'est le principe du préchargement, faire telecharger au navigateur des images qui ne sont pas visibles, pour qu'il les ait dans le cache quand il en aura vraiment besoin
Marsh Posté le 26-04-2006 à 11:38:28
Ok, ce qui me posait probleme était ceci:
Code :
|
Je viens de comprendre, c'est une sécurité dans le cas où l'utilisateur aurait toujours un navigateur préhistorique
Merci bien
Marsh Posté le 26-04-2006 à 11:47:51
prehistorique peut etre n'empeche que le support css est encore loin d'etre implementé a 100% dans la plupart des navigateurs.
Marsh Posté le 26-04-2006 à 11:53:04
D'ac avec toi, mais force est de constater qu'ils vont devoir s'y mettre. Et puis les CSS permettent tellement de choses qu'on peut facilement résoudre certains problèmes d'affichage.
Quand je pense qu'il m'a fallu quelques soirées "cool" pour bien conprendre le fonctionnement, je ne ferais qu'encourager son utilisation...
Marsh Posté le 24-04-2006 à 17:52:33
Voila sur mon site j'ai une image background en dessous de chaque page. (Une image différente par page, cest pas moi qui l'ait décide c'est comme ça) Comme chaque image est de taille assez importante (80-100k) l'affichage du site prend du temps. Le texte s'affiche en premier lieu puis vient seulement l'image en dessous. Il y a en tout une 15aine dimages.
J'aimerais que laffichage se fasse plus rapidement (image de moins bonne qualité affichée avant, image découpée en plusieurs parties,...). J'ai essaye avec du progressive Jpeg mais cela ne donne rien (l'image saffiche d'un seul coup)
alors que si jutilise une balise img le progressive se fait convenablement
J'ai également essaye 2 autres techniques
- Precharger les images avant, a l'aide de
. Cela fonctionne mais la première page ne saffiche pas du tout tant que toutes les images n'ont pas été chargées. Bref on attend 3h avant davoir la première page, mais après le site saffiche très rapidement. Ce que jaurai voulu c'etait arriver sur la première page d'un seul coup puis après (lorsque la première page a été chargée et que l'utilisateur commence a lire le texte) commencer a precharger les images....
-Utiliser deux frames. Une avec le contenu du site et l'autre avec les images préchargées. Problème : Il y a un clignotement assez important lorsque l'on passe d'une page à l'autre du site sous IE et mozilla, non visible lorsque l'on n'utilise pas les frames.
Pas essayé
- Avoir deux types d'images : une de bonne qualité a afficher et une servant uniquement lors du prechargement (avec un blur assez élevé et une compression max). Au début du site je precharge les images basses qualité. Apres lorsque lutilisateur demande une page, jaffiche directement limage de basse qualité puis télécharge l'autre. Problème : possibilité de faire ça sans javascript ?
-Découper les images a la google map. Problème : comment faire ça en html ? Est ce vraiment utile?
A oui, j'allais oublier je ne peux pas utiliser de javascript car dans certains domaines l'utilisateur n'a pas les droits et le site ne fonctionnera pas correctement.
Voila, si vous avez des idées, conseil concernant ce genre de problème...
Message édité par red faction le 25-04-2006 à 11:45:54