Warum nicht das IMG-Tag verwenden, um die Bildgröße in HTML zu steuern?

Ein Kunde erzählte mir einmal, dass er Nachrichtenbilder im Hintergrund der Website hochgeladen habe. Sie wurden jedoch hochgeladen, aber eine Bildlaufleiste erschien Ich sagte ihm, er solle das Bild zuerst auf eine geeignete Größe verarbeiten und es dann hochladen, z. B. auf eine Breite von 600 Pixeln und eine proportionale Skalierung der Höhe Frühere Websites mussten keine Bilder verarbeiten und die Größe blieb beim Hochladen gleich, sodass dies nicht passieren würde. Nach einiger Erklärung verstand er die Vorteile dieser Vorgehensweise.

Wenn Sie Div und CSS verwenden, um die Vorlage für die Inhaltsseite der Website zu erstellen, werden wir den Stil einiger Inhalte festlegen, z. B. welche Größe und Farbe für den Titel verwendet werden sollen. und welche Schriftarten, Farben usw. verwendet werden sollen, natürlich gibt es Bilder auf der Inhaltsseite. Diese Bilder werden über das entsprechende Website-Content-Management-System auf den Server hochgeladen und mit dem img-Tag referenziert Inhaltsseite, die auf der Webseite angezeigt werden soll.

Die Pixel der mit der Kamera aufgenommenen Bilder überschreiten im Allgemeinen die Größe des Browserbereichs des Webseiteninhaltsbereichs bei weitem, und die Größe des Bildes selbst beträgt ebenfalls etwa 1 MB. Laden Sie das Bild manchmal der Einfachheit halber hoch Direkt und dann mit CSS Die Breite des Bildes wird einheitlich gesteuert und die Höhe wird automatisch angepasst. Dies führt jedoch nur dazu, dass die Pixel des von Web-Betrachtern gesehenen Bildes kleiner werden, was tatsächlich mit dem Inhalt übereinstimmt , die Webseite hat dieses Bild bereits von etwa 1 Mio. geladen. Wenn eine Seite mehrere Nachrichtenbilder enthält, müssen so viele Bilder in der Größe 1 Mio. geladen werden. Zu diesem Zeitpunkt verlangsamt sich offensichtlich die Öffnungsgeschwindigkeit Einige Bilder weisen ein gewisses Maß an Verzerrung auf.

Wenn die Größe des Bildes im Inhalt notiert wird, wird beim Hochladen einiger Anhänge außerdem manchmal ein kleines Symbol vor dem Anhang angezeigt, da dieses kleine Symbol auch mit dem Bild eingeführt wird Tag, es wird auch " "Vergrößern". Um dieses Problem zu lösen, müssen Sie den Stil dieses Symbols separat ändern, was sehr mühsam ist und das allgemeine Personal zur Inhaltsaktualisierung diese technischen Aufgaben oft nicht versteht.

Wenn die Website überarbeitet wird, ist das ursprüngliche Unternehmen möglicherweise nicht verantwortlich. Wenn die auf den Server hochgeladenen Bilder nicht verarbeitet wurden, wird das Problem des „langsamen Ladens von Bildern“ immer noch nicht gelöst, da dies der Fall ist Für die für die Überarbeitung verantwortliche Person ist es unmöglich, alle Ihre Bilder einzeln zu bearbeiten.

Es gibt viele technisch erreichbare Effekte, aber nicht alle Lösungen sind sinnvoll. Daher müssen wir als Website-Ersteller die Gewohnheit entwickeln, Bilder zuerst zu verarbeiten und sie dann hochzuladen Die Anzeige der Webseite wird vorab verarbeitet und anschließend hochgeladen. Dies spart nicht nur Speicherplatz, sondern erhöht auch die Geschwindigkeit, mit der Betrachter die Seite öffnen.

Das obige ist der detaillierte Inhalt vonWarum nicht das IMG-Tag verwenden, um die Bildgröße in HTML zu steuern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!