Bonjour à tous, premier message d'un nouveau !

Alors j'aurai voulu savoir de la part de webmaster la taille ou le poids maximal pour une mise en page et un affichage correct pour un site internet concernant :
les fond d'écran
les images
une page internet entière

Merci pour votre aide.

il n'y a pas de limite ca depends de ce que tu veux montrer ( une galerie d'image sera forcement plus lourde) mais pour une page normale ( graphisme, texte et une image) entre 50 et 100 ko cela me parait bien

Et bien enfaite c'est un site sur ma collection de jeux vidéo donc beaucoup d'images et pas mal de texte quand même. Je voulais donc savoir par rapport aux connexions ce qui était bien pour un affichage raisonnable. Tu me dis donc entre 50 et 100 ko maximum pour une page?

nevertrust a écrit :

Et bien enfaite c'est un site sur ma collection de jeux vidéo donc beaucoup d'images et pas mal de texte quand même. Je voulais donc savoir par rapport aux connexions ce qui était bien pour un affichage raisonnable. Tu me dis donc entre 50 et 100 ko maximum pour une page?

Tu as aussi la solution des vignettes qui ne pèsent pas lourd avec possibilté d'agrandir celles qui intéressent ....Et dans ce cas tu peux mettre beaucoup d'images !!

Ha oui bonne idée est-ce-que tu saurais m'expliquer la procédure ou me donner un lien ?

Concernant le fond d'écran, quelle est la taille max?

Re

Pour les vignettes l'effet lightbox et pour l'image de fond un format 1024x768 centré avec une couleur de fond ou alors un dégradé , il y a plein de possibilités !!

Je serais tenté de dire : "ça dépend à quel public tu destines ton site."

Certes un site comme celui que tu veux faire est fait pour "tout public", mais si c'est juste destiné à montrer une collection entre amis, ou au sein d'une même entité (même maison, l'internat ...) t'as *pas forcément* besoin de vignettes de 1 ko (bien que le principe des vignettes soit toutefois à appliquer).

Ceci est une réflexion que tu dois mener, il est bien entendu logique qu'un site doive être présentable à tous, mais selon le public, on peut s'affranchir de certaines limites si besoin.

Si tu destines ton site à être vu depuis internet, alors il faut effectivement optimiser tes pages.

Pour faire des vignettes, tu peux prendre n'importe quel logiciel de retouche (par exemple photofiltre) et tu redimensionnes l'image : tu prends par exemple 100*120 pixels. On peut imaginer des fichiers orgaisés comme ceci :

images/jeux/premier_jeu.jpg (image en JPEG, 800*600 pixels)

images/jeux/second_jeu.jpg

images/jeux/troisieme_jeu.jpg

images/jeux/mini/premier_jeu.jpg (la vignette, 100*120 pixels)

images/jeux/mini/second_jeu.jpg (la vignette, 100*120 pixels)

images/jeux/mini/troisieme_jeu.jpg (la vignette, 100*120 pixels)

donc une grande image pour les jeux, ainsi qu'une vignette portant le même nom que la grande image, dans un sous dossier "mini".

Et puis tu n'as qu'à les afficher par la suite :

<a href="images/jeux/premier_jeu.jpg"><img src="images/jeux/mini/premier_jeu.jpg" width="100" height="120" alt="Premier jeu !"></a>

Ainsi la page au final pèse le poids du fichier HTML + de toutes les vignettes et non des images.

En ce qui concerne la dimension des grandes images, je te conseille de rester sur du traditionnel 800*600 si ton site est destiné à tout public, ça rentre globalement bien dans un écran en 1024*768 (puisque c'est actuellement la résolution la plus utilisée). Il y a des résolutions supérieures, mais de moins en moins de 800*600 et inférieur ...

Malcolm a écrit :

Il y a des résolutions supérieures, mais de moins en moins de 800*600 et inférieur ...

Bonjour nevertrust

Pour le 800*600 et inférieur, il faut compter 12%, en fait 4% maison et 20% bureau.

De même s'il était conseillé de faire une page d'accueil de 50 Ko maxi,avec le nouveau parc depuis 2005, 100 à 120 Ko semblent raisonnables.

griggione a écrit : ..

Pour le 800*600 et inférieur, il faut compter 12%, en fait 4% maison et 20% bureau.

Ben ça, c'est relatif : je ne sais pas où tu as pris les statistiques, mais pour moi, c'est entre 5 et 6%. Ça me surprendrait qu'il y ait encore beaucoup de 800 x 600 dans les bureaux, non?

Ça dépend aussi beaucoup du type de site et de la clientèle visée...

Oui pour les vignettes j'ai déjà utiliser ce procédé, cela permet de ne pas compter les grandes images dans le poid de la page effectivement. J'ai par contre essayer de faire mais sans succès l'aggrandissement d'une image juste en passant la souris dessus : elle s'aggrandie non pas dans une nouvelle fenêtre mais juste dans un petit carré et disparait une fois la souris partit. C'était avec onemoussover onemousson il me semble mais je n'ai jamais réussi. Je préfère cette solution car je crois que les grandes images ne sont, là aussi, pas pris en compte dans le poid de la page.

Concernant le site c'est un site grand public, pas pour un réseau restreint.

En tous cas merci pour votre aide :

--> page 100ko-150ko maxi

--> image 800*600maxi

--> Et conernant le fond d'écran ?

nevertrust a écrit :

J'ai par contre essayer de faire mais sans succès l'aggrandissement d'une image juste en passant la souris dessus : elle s'aggrandie non pas dans une nouvelle fenêtre mais juste dans un petit carré et disparait une fois la souris partit.

Tu peux le faire en CSS, comme ici par exemple : http://www.capdagde-location.com/

Ainsi, même si JavaScript n'est pas activé, ça fonctionnera quand même...

Le fond d'écran, tu veux dire l'image de fond du site? Ce n'est pas nécessaire, mais elle doit être le plus léger possible...et ne pas nuire à la lisibilité.

Mais à moins qu'elle ne soit d'une discrétion exemplaire, une image en fond de page (background image) risque de générer une fatigue visuelle tout en rendant l'information moins facile à repérer. Idéalement, les fonds de page graphiques devraient se limiter aux menus ou à des endroits exempts de texte.Et si tu as déjà beaucoup d'images sur le site...

elle a écrit :

nevertrust a écrit :

J'ai par contre essayer de faire mais sans succès l'aggrandissement d'une image juste en passant la souris dessus : elle s'aggrandie non pas dans une nouvelle fenêtre mais juste dans un petit carré et disparait une fois la souris partit.

Tu peux le faire en CSS, comme ici par exemple : http://www.capdagde-location.com/

Ainsi, même si JavaScript n'est pas activé, ça fonctionnera quand même...

Tiens , Malcolm déteint !!!

C'est ça que vous utilisez, je pense?

elle a écrit :

C'est ça que vous utilisez, je pense?

Un fond d'écran entre 150 et 200ko cela vous parait trop lourd ou c'est bon ?

J'ai essayé de suivre tes conseils elle et de faire une galerie d'image comme "http://www.capdagde-location.com/" pour afficher toutes mes photos de la japan expo mais j'ai du mal. En tous cas bonne idée, merci