Maison > interface Web > tutoriel HTML > le corps du texte

Pourquoi ne pas utiliser la balise img pour contrôler la taille de l'image en HTML ?

黄舟
Libérer: 2017-07-26 13:40:49
original
2653 Les gens l'ont consulté

Un client m'a dit un jour qu'il avait téléchargé des photos d'actualités en arrière-plan du site Web. Cependant, elles ont été téléchargées mais dépassaient la plage d'affichage de la page Web. comment y faire face. Je lui ai dit d'utiliser d'abord le traitement d'image. Le logiciel traite l'image à une taille appropriée, puis la télécharge, par exemple en la transformant en une largeur de 600 pixels et en redimensionnant la hauteur proportionnellement. les sites Web précédents n'avaient pas besoin de traiter les images, et la taille serait la même une fois téléchargées, donc cela ne se produirait pas. Après quelques explications, il a compris les avantages de cela.

Lors de l'utilisation de div et css pour créer le modèle de page de contenu du site Web, nous corrigerons le style d'une partie du contenu, comme la taille et la couleur à utiliser pour le titre, et quelle heure utiliser pour la publication. Polices, couleurs, etc., bien sûr, il y a des images dans la page de contenu. Ces images sont téléchargées sur le serveur via le système de gestion de contenu du site Web correspondant et sont référencées avec la balise img dans le fichier. page de contenu à afficher sur la page Web.

Les pixels des photos prises avec l'appareil photo dépassent généralement de loin la taille de la plage de navigation de la zone de contenu Web, et la taille de l'image elle-même est également d'environ 1 M. Parfois, pour plus de commodité, téléchargez l'image directement. puis utilisez CSS pour contrôler uniformément la largeur de l'image et adapter automatiquement la hauteur. Cependant, cela ne fait que réduire la taille des pixels de l'image vue par les internautes, ce qui semble être en harmonie avec le contenu. la page Web a déjà chargé cette image d'environ 1M. Si une page Il y a plusieurs images d'actualité, donc de nombreuses images de taille 1M doivent être chargées en continu. À ce moment-là, la vitesse d'ouverture de la page Web ralentira évidemment, et certaines. les images auront un certain degré de distorsion.

De plus, si la taille de l'image dans le contenu est notée, parfois lors du téléchargement de certaines pièces jointes, il y aura une petite icône devant la pièce jointe puisque cette petite icône est également introduite à l'aide de l'img. balise, ce sera également " "Agrandir". Pour résoudre ce problème, vous devez modifier le style de cette icône séparément, ce qui est très gênant, et le personnel général de mise à jour du contenu ne comprend souvent pas ces tâches techniques.

Lorsque le site Web est révisé, la société d'origine peut ne pas être responsable, et si les images téléchargées sur le serveur n'ont pas été traitées, le problème du « chargement lent des images » ne sera toujours pas résolu, car il est impossible pour le responsable de la révision de traiter toutes vos images une à une.

Il existe de nombreux effets techniquement réalisables, mais toutes les solutions ne sont pas raisonnables. Par conséquent, en tant que techniciens en construction de sites Web, nous devons développer l'habitude de traiter d'abord les images, puis de les télécharger. Les fichiers qui affichent la page Web sont traités à l'avance puis téléchargés. Cela permet non seulement d'économiser de l'espace disque, mais augmente également la vitesse à laquelle les spectateurs ouvrent la page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal