Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires

Créer sa page perso


Poids et chargement des images

Page - 11 h

Poids des pages

Généralités - Insertion et taille - Positionnement et texte - Encadrer avec texte - Image servant de lien - Sensitives MAP - Réduire poids - Se reflétant dans l'eau, Vignette lien vers grande image, Protéger les images de la copie,
(mis à jour 10.2003)  

La conception d'un Site qui au départ semble se résumer à présenter un ensemble de fichiers multimédia pour un sujet captivant, peut à l'usage vous pousser plus loin pour réussir votre percée dans le monde ingrat du Web.

Très vite il va s'avérer que les images animées placées dans un ou deux tableaux et bien entourées de texte avec en prime un peu de musique présentent un certain embonpoint préjudiciable à la durée de téléchargement .... et ces diables de visiteurs qui sont toujours pressés !!

Je vous propose dans ce dossier des idées pour alléger vos pages, sans rien changer à votre présentation ou alors à son avantage.

 

Taille des images

Voici le premier gros écueil à surmonter. Au dessus de 25 Ko pour le total des images d'une page ou pire pour une seule image et hop vous êtes aux limites du supportable. On peut aller aujourd'hui jusqu'à 50 ko avec Câble et ADSL mais tout le monde ne peut l'avoir !!!

- JPEG (jpg) est le format utilisé surtout pour les photographies et les fonds de page.

- Gif reste le format destiné aux logos, petits dessins et quelques fonds de page.

- Les gifs animées ne sont pas forcément signe de mauvais goût mais si toutefois vous en glissez un à l'occasion, ne perdez pas de vue que son poids peut être le double de la même image gif non animée.

- Utilisez si besoin l'affichage allégé, en chargeant une première image très légère qui n'est que l'image originale que vous avez travaillée en la réduisant par exemple à 2 couleurs (noir et blanc) et qui va se charger dans un premier temps (calme l'impatience du visiteur et même peut aiguiser sa curiosité), et qui ensuite va faire place à la version finale.

<IMG src="image originale".gif" lowsrc="image allégée.gif">

cliquez ci-après pour visualiser un exemple, surtout si vous êtes en RTC, car sur Numéris ou autres connexions rapides, la différence est évidemment moins sensible. >>> ici (retour assuré)

 

  Malheureusement depuis quelques mois le site spécialisé qui "faisait maigrir" les images en ligne est devenu payant. Vraiment dommage 

Il vous reste quand même des outils comme Paint Shop Pro pour PC et Graphic Converter pour Mac, qui peuvent avec de la patience pour les maîtriser, vous rendre d'énormes services.

 

 

Généralités - Insertion et taille - Positionnement et texte - Encadrer avec texte - Image servant de lien - Sensitives MAP - Réduire poids - Se reflétant dans l'eau, Vignette lien vers grande image, Protéger les images de la copie,
 

Sommaire Page perso

Tous droits réservés © 1997. aidenet.com

DERNIERS MESSAGES DU FORUM
Problèmes avec Word: fichiers illisibles [Mac]
Internet explorer ne peut pas afficher page web [A l'aide !]
Materiel [Neuf]
Choix de l'objectif sur boitier reflex numerique [Appareils photos numériques]
Je ne parviens pas à afficher les sites nécessitan... [A l'aide !]
virus de windows security center et chin09.... com... [A l'aide !]
Petit problème d'affichage à résoudre à partir d'u... [HTML / CSS / Javascript]
Probleme Presario S3190fr [PC bureau]
Présentation de Pier [Présentez-vous]
Forum dédié à la téléphonie mobile [Autre]
Création d'un logo [Présentez-vous]
besoin d'aide sur une page de code merci [HTML / CSS / Javascript]
Petit problème d'affichage à résoudre à partir d'u... [HTML / CSS / Javascript]
Aide Implémentation CSS - recherche partenaire [HTML / CSS / Javascript]
les liens de la page ne fonctionnent pas [Internet]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma Test QI - Test QI gratuit
Tous droits réservés © 1997-2008. www.aidenet.com