Vidéo: Quoi mettre dans un site de photographe ? 2025
Les appareils photo numériques et les scanners sont incroyables de nos jours. Vous pouvez les utiliser pour ajouter des images à vos pages Web HTML5 et CSS3. Même les caméras à prix modéré peuvent maintenant approcher la résolution des caméras analogiques de la vieille école. Les scanners sont également capables de prendre des images traditionnelles et de les convertir en formats numériques que les ordinateurs utilisent.
Dans les deux cas, cependant, l'image par défaut peut être dans un format qui cause des problèmes. Les images numériques sont stockées sous la forme d'une série de points, ou pixels. En impression, les points sont très proches, mais les écrans d'ordinateur ont des points plus gros. Cette image est directement de l'appareil photo numérique.
Cette image (prise sur un ancien appareil photo numérique) enregistre à 6 mégapixels (MP). C'est une assez bonne résolution, mais les appareils photo numériques modernes sont beaucoup plus élevés. Si vous imprimez cette image sur papier, tous ces points sont très minuscules, et vous obtenez une belle image. Si vous essayez d'afficher la même image sur l'écran de l'ordinateur, vous ne voyez qu'un coin.
Cette image réelle est sorti à 2, 816 pixels de large par 2, 112 pixels de hauteur. Vous ne voyez qu'un petit coin de l'image car les captures d'écran sont prises à 1024 × 768 pixels. Moins d'un quart de l'image est visible.
Lorsque vous regardez une grande image dans la plupart des navigateurs, elle est automatiquement redimensionnée pour s'adapter à la page. Le curseur se transforme généralement en une sorte de loupe, et si vous cliquez sur l'image, vous pouvez le voir dans sa taille réelle ou la plus petite taille.
Certaines visionneuses d'images prennent de très grandes images et les redimensionnent automatiquement pour qu'elles s'adaptent à l'écran. (Ceci est le comportement par défaut de la visionneuse d'images par défaut de Windows et de la plupart des navigateurs.) L'image peut sembler être une taille raisonnable en raison de cette fonctionnalité, mais elle sera énorme et difficile à télécharger dans une page Web réelle. Assurez-vous de connaître la taille réelle d'une image avant de l'utiliser.
Bien que le rétrécissement d'une image pour qu'elle puisse être vue dans son ensemble est évidemment bénéfique, il y a une raison encore plus convaincante de le faire. Chaque pixel sur l'écran nécessite 3 octets de mémoire de l'ordinateur. (A octet est l'unité de base de la mémoire dans un ordinateur.) À des fins de comparaison, un caractère de texte nécessite environ 1 octet.
L'image non compressée du bateau pèse 17 mégaoctets (Mo). Si vous pensez à un mot de cinq caractères, une image directement à partir de l'appareil photo numérique prend la même quantité d'espace de stockage et le temps de transmission que d'environ 3, 400 000 mots.Cette image nécessite près de trois minutes à télécharger sur un modem 56K!
Dans une page Web, les petites images sont souvent représentées à environ 320 × 240 pixels et les plus grandes images à 640 × 480 pixels. Si vous utilisez un logiciel pour rééchantillonner l'image à la taille dont vous avez réellement besoin et que vous utilisez un algorithme de compression approprié, vous pouvez obtenir une image correcte.
La nouvelle version de l'image est la taille et le format de fichier nécessaires, elle a l'air tout aussi bonne et pèse 88 kilo-octets. C'est 2% de la taille de l'image originale.
Bien que cette image soit beaucoup plus petite que l'image originale, elle prend encore beaucoup plus de mémoire que du texte. Même cette image plus petite prend autant de temps de transmission et d'espace de stockage que 1 600 mots! Il faut encore 10 secondes pour télécharger sans connexion haut débit. Utilisez les images à bon escient.
Les images sont géniales, mais gardez certaines choses à l'esprit lorsque vous les utilisez:
-
Assurez-vous que les images valent la peine d'être affichées. N'utilisez pas une image sans raison valable, car chaque image rend votre page nettement plus lente.
-
Utilisez un logiciel pour redimensionner votre image. Vous pouvez même utiliser un logiciel gratuit pour changer l'image à la taille dont vous avez besoin.
-
Utilisez un format compressé. Les images ne sont presque jamais utilisées dans leur format natif sur le Web, car elles sont trop volumineuses. Plusieurs formats ont émergé qui sont utiles pour travailler avec différents types d'images.
