Facebook Twitter
alltechbites.com

HTML - Conseils De Gestion Des Fichiers Image

Posté le Décembre 16, 2023 par Grant Tafreshi

Graphiques HTML. C'est un véritable équilibre qui n'est pas toujours une tâche facile à accomplir. Avouons-le. Les pages Web qui sont tous du texte sont tout simplement ennuyeuses à consulter. C'est comme lire les nécrologies dans le journal. Ainsi, les graphiques peuvent vraiment être trouvés à portée de main lorsque vous essayez d'un peu votre site Web. Le fait est que les graphiques, ou même plus spécialement graphiques, peuvent être extrêmement grands et prendre beaucoup de temps pour se mettre en pleine page. Lorsque vous avez beaucoup trop de graphiques ou si les graphiques que vous avez choisis sont grands, les visiteurs peuvent perdre la patience avec impatience la page pour charger. Le résultat est que vous avez perdu votre public de toute façon car ils ont changé. Alors, comment pouvez-vous trouver un équilibre entre un site Web terne et quelque chose qui prend une éternité à charger? Nous passerons en revue quelques choses que vous pouvez certainement faire concernant ce problème dans ce post.

La première et la plus simple décision à faire est de ne pas utiliser beaucoup trop de fichiers graphiques sur votre propre site. Parfois, il ne faut que quelques fichiers graphiques soigneusement placés sur une page pleine pour capter pleinement l'attention d'un visiteur, en particulier si vous avez une page avec des actualités. Parfois, une seule seule photos du sujet principal de l'article des titres des nouvelles, disons une personnalité, est tout ce qui est requis à côté du texte des titres des nouvelles. Si l'article des titres des nouvelles va au-delà de la page initiale, il est possible d'ajouter une autre photo associée à celle sur une autre page. Cela peut toujours garder l'attention aux visiteurs en lui donnant des visuels.

La prochaine chose que vous pouvez faire, si vous devez avoir plusieurs photos sur une page pleine, c'est réduire la taille de chaque graphique. Un fichier graphique comprend des pixels et est représenté en termes de taille en octets. Plus il y a d'octets dans un fichier graphique, plus le fichier est grand et plus il sera de temps de charger sur une page pleine. La plupart des programmes graphiques vous permettent de réduire la qualité en les compressant, ce qui se fait fermement en enlevant quelques détails graphiques, ou quelques-uns des pixels. Avec la répétition, il est possible de prendre suffisamment de détails dans le fichier, de sorte que le manque de détails est pratiquement indétectable par l'œil et pourtant réduit simultanément un fichier graphique de 64 000 octets à un fichier graphique de 32 000 octets et donc en réduisant la durée de temps en deux. Si vous avez plusieurs photos sur la page, cela peut faire une énorme différence.

Une autre chose qui peut être faite est d'utiliser des fichiers graphiques, appelés fichiers GIF, qui peuvent se charger donc où en fait la photo s'affiche progressivement à l'écran car elle se charge pour que le visiteur puisse facilement voir que vous verrez une image Là, le fichier termine le chargement.

Une chose que les concepteurs de sites Web oublient parfois que certains navigateurs n'affichent pas les fichiers graphiques correctement ou du tout. Pour permettre en raison de cette possibilité en tant que service de conception Web, lors du codage de votre HTML, vous devez inclure ce qu'on appelle un texte alternatif dans votre balise source d'image afin que si les visiteurs ne peuvent pas afficher les graphiques, ils sont en mesure de noter que quelque chose est destiné à Soyez là.

Une autre chose que vous devez faire est de vous assurer que vos photos sont correctement encadrées sur la page. Si vous souhaitez que les bordures autour de vos photos, assurez-vous d'ajouter une balise Borders = 1 sur votre propre fichier source d'image.

Enfin, assurez-vous que vous êtes les options de hauteur et de largeur dans les balises de source d'image. Ce que cela fait, c'est s'assurer qu'il est donc le code HTML offre un domaine précis pour la photo avant même qu'il ne se charge. Cela peut aider à augmenter le temps de chargement en raison de la façon dont la mémoire est gérée.