Größe der Bilder und Leistung

Question

Ich habe ein Bild, das etwa 1200 x 400 ist (wenn ich mich recht erinnere), und ist etwa 50kb groß. Ich benutze das Bild in einer Kopfzeile für eine Website, aber ich verengere die Höhe des Bildes auf 100px, damit es zu meiner Kopfzeile passt.

<asp:Image ID="imgLogo" runat="server" ImageUrl="~/Images/AFact.jpg" Height="100px" /> 

Ist das eine schlechte Übung? Bedeutet dies, dass das Bild vollständig auf den Client heruntergeladen wird, und dann der Browser des Clients CPU verschwenden muss, um die Größe zu ändern? Wäre es für mich besser, das Bild mit Photoshop auf die gewünschte Höhe zu skalieren?

Answer 1

Ist das eine schlechte Übung? Bedeutet es , dass das Bild in voll auf den Client heruntergeladen wird, und dann der Client-Browser muss CPU zu resize es verschwenden? Wäre ich besser dran, skalieren das Bild auf die Höhe , dass ich es mit Photoshop?

Ja zu allen Ihren Fragen.

Answer 2

Ja, ja, ja!

Nicht nur Sie eine große Datei herunterladen und nur eine kleine anzeigen. Der Browser ist wirklich lausig beim Skalieren von Bildern. So wird es auch hässlich aussehen :)

Answer 3

Das gleiche wie die anderen ja zu Ihren Fragen. Sie können ein Werkzeug wie imagemagick verwenden, um Ihre Bilder in einer Batch-Datei zu skalieren.