Index · Default · Warum sollten Sie niemals Lassen Browser Größe Ihrer Fotos

Warum sollten Sie niemals Lassen Browser Größe Ihrer Fotos

2009-11-12 30
   
Advertisement
résuméJeder will scharfe Bilder, wenn sie online veröffentlichen ihre Fotos. Denn wer will bei einem unscharfen Foto aus? (Es sei denn, es ist absichtlich, natürlich). Was viele Leute nicht wissen, ist jedoch, dass die Anzeige Ihrer Bilder nicht korrekt in
Advertisement

Jeder will scharfe Bilder, wenn sie online veröffentlichen ihre Fotos. Denn wer will bei einem unscharfen Foto aus? (Es sei denn, es ist absichtlich, natürlich). Was viele Leute nicht wissen, ist jedoch, dass die Anzeige Ihrer Bilder nicht korrekt in HTML können einen großen negativen Einfluss auf die Bildqualität haben.

Hier die wichtigsten Faustregel sollte man immer daran denken: nie, nie weiß Skalierung von Bildern mit Hilfe von HTML.

Zum Beispiel, können sagen, ich habe folgendes 620px Foto:

Warum sollten Sie niemals Lassen Browser Größe Ihrer Fotos

Das Bild ist sehr scharf rechts? Jetzt können sagen, ich möchte das gleiche Bild als 500px breit Foto anzuzeigen. Der falsche Weg, dies zu tun wäre, um die Breite zu ändern = "620" -Attribut in HTML zu width = "500". Hier ist, was zur Folge hätte, wenn ich die Größenänderung auf diese Weise durch HTML:

Warum sollten Sie niemals Lassen Browser Größe Ihrer Fotos

Das ist genau die gleiche Bilddatei. Ich Kopieren und klebte einfach den HTML und verändert die Breite von 620 bis 500. Das bedeutet, der Browser tatsächlich geladen wird dasselbe Bild 620px und dann aufbereitet, dass es ein Bild 500px dem Betrachter anzuzeigen. Beachten Sie, wie das Foto sofort verliert viel von der Schärfe, wenn in ihrer tatsächlichen Abmessungen angezeigt hatten.

Zu meinem Punkt weiter zu erläutern, hier ist das gleiche Foto bei 500px angezeigt. Doch anstatt zu sagen HTML um die große Version zu schrumpfen, habe ich Photoshop, um es auf 500px Größe ändern nach unten.

Warum sollten Sie niemals Lassen Browser Größe Ihrer Fotos

Sie können mit der Maus über dieses Bildes letzten schweben, um sie an den Browser-Version in der Größe verändert zu vergleichen. Wenn Sie einen Browser verwenden, es richtig macht, versuchen Sie die Maus über diesen Link, um zu sehen, wie andere, weniger-fähigen Browsern machen das gleiche Bild (möglicherweise müssen Sie ein paar Sekunden warten, bis das Bild, um es zu laden). Das ist ein ziemlich großer Unterschied, nicht wahr?

Die Lektion zu lernen ist, dass Sie immer Ihre Bilder angezeigt werden in ihren genauen Abmessungen. Auch ein einzelnes Pixel Unterschied kann dazu führen, die Fotografie zu spürbar mehr verschwommen in den meisten Browsern zu werden.

Schließlich ist ein weiterer Grund, warum Sie nicht die Größenänderung an Ihren Browser verlassen, dass die ursprüngliche, Bild in voller Größe ist trotzdem geladen, unabhängig davon, welche Größe Sie Anzeige des Bildes befinden sich in der. Dies bedeutet, dass wenn Sie ein großes, 1 MB, 1024 × 682 Foto, das man sich in der Breite 500px Anzeigen sind haben, wird das gesamte Bild 1 Megabyte vom Besucher heruntergeladen, bevor der Browser die Größe es auf 500px.

Einige von Ihnen vielleicht gedacht haben, dass mit größeren, höher auflösende Fotos und mit ihnen in HTML Größe neu produziert Bilder mit höherer Qualität, da gibt es nähere Informationen oder Detail in der Datei. Er tut es nicht. Für optimale Bildqualität und schnellste Ladezeit für Ihre Besucher, immer die Größe Ihrer Bilder auf die gewünschte Größe vor dem Hochladen!

Update: Ich habe eine zweite Link unter dem Maus-Hover-Vergleich für diejenigen, die unter Verwendung von mehr fähigen Browsern hinzugefügt werden. Wenn Sie keinen Unterschied in der Maus über das Bild nicht sehen, versuchen Sie die Maus über die neue Verbindung, um zu sehen, wie andere Browser machen das Bild.

Update 2: Nur zur Info: Dies gilt nicht für das Hochladen vollen Glanz und Größe von Bildern auf Foto-Sharing-Dienste wie Flickr oder SmugMug anzuwenden. Diese Dienste nehmen Ihre große Auflösung fotografieren, und erneut zu verarbeiten sie in mehrere Bilder in verschiedenen Größen. So, wenn Sie sehen das Bild 500px auf Flickr, es ist eigentlich ein Bild 500px, dass Flickr angepasst und geschärft mit Ihrer ursprünglichen großes Foto.

TOP

  • Day/
  • Week/
  • Original/
  • Recommand

Updated