Fotografie-Website: Wie viel Qualität muss für die Dateigröße geopfert werden?


7

Ich entwerfe eine Website für einen Fotografen. Offensichtlich habe ich die Bilder komprimiert, damit sie schneller geladen werden und nicht alle Besucherkappen verwenden. (Es gibt einige GB Bilder, so dass ich fast einen Monat lang meine gesamte Bandbreite beanspruchen würde, wenn ich alle Alben durchsuchen würde.)

Die Fotografin befürchtete, dass Bilder mit "Pixel" oder schlechter Auflösung auf ihrer Website ein ungewöhnliches Bild für sich selbst schaffen würden.

Wie viel Qualität kann ich gegen die Professionalität opfern? Reflektiert es tatsächlich den Fotografen, wenn die Bilder in niedriger Auflösung sind, oder verstehen die Leute einfach die Natur des Webs?

Antworten:


8

Nach meiner Erfahrung ist dies eher ein Gleichgewicht zwischen Ladegeschwindigkeit und Fotoqualität. Da ich selbst ein professioneller Fotograf bin, verstehe ich diese schwierige Herausforderung.

Ich bin der Meinung, dass das Internet einen langen Weg zurückgelegt hat und es jetzt einige großartige Techniken und Tools gibt, mit denen Sie diese Probleme vermeiden können. Keine dieser Techniken ist deutsch oder spezifisch für eine Foto-Website.

Zu Ihrer ersten Frage: Wie viel Qualität kann ich gegen die Professionalität opfern?

Nach meiner Erfahrung können Sie im Allgemeinen eine Balance finden, indem Sie mit den Einstellungen eines JPEG-Bildes spielen. Einstellungen von 70-85 Qualität sind ausreichend. Darüber hinaus reicht die Verwendung von 72 DPI aus, um die Dateigröße zu minimieren.

Ihre zweite Frage: Reflektiert es tatsächlich den Fotografen, ob die Bilder in niedriger Auflösung sind, oder verstehen die Leute einfach die Natur des Webs?

Ja, Pixelbildung und / oder schlechte Bildqualität werden schlecht wiedergegeben, wenn die Fotos keine sehr hohe Qualität aufweisen. Die Arbeit eines Fotografen hängt ausschließlich von der visuellen Qualität und der Aufmerksamkeit für visuelle Details ab.

Zu berücksichtigende Techniken

Ich würde extreme Komprimierung vermeiden, wenn Sie müssen. Das Internet bietet viele großartige Techniken, um die Last zu verbessern:

  • Hervorragende Benutzererfahrung : Wenn Sie Ihren Besuchern ein umfassendes Feedback geben, wird die Frustration verringert und sie bleiben länger auf Ihrer Website. Betrachten Sie die folgenden UI-bezogenen Techniken:
    • Verwenden eines Laders
    • Der interaktive Bildzoom ist sehr sinnvoll.
  • Dynamisches Bild-Caching - Verwenden Sie eine Website-Software, die vorab unterschiedliche Bildgrößen für den Benutzer generiert. Wenn Sie einen LAMP-Stack verwenden, bietet PHP zwei großartige Codebibliotheken ( GD & Imagemagick und viele großartige Skripte , die dies für Sie tun können.

  • CDN verwenden : Berücksichtigen Sie Architektur- (Server-) Setups. Wenn Sie beispielsweise statische Bilder von einem CDN oder einem anderen Netzwerk laden, erhalten Sie eine schnellere Ladezeit.

  • Betrachten Sie das verzögerte Laden von Javascript : Es gibt viele Javascript-Plugins, die "Lazyloading" -Bilder bereitstellen. das warten, um das Bild zu laden, bis es absolut notwendig ist.

  • Verwenden Sie einen Dienst zur Größenänderung von Bildern : Unter diesem Thema befindet sich ein großartiger Thread zu diesem Thema! Smush.It oder ein ähnliches verlustfreies Bild, das mit der API verkleinert wird

  • Überprüfen Sie abschließend den YUI-Leistungsleitfaden : Yahoo bietet einen hervorragenden Leistungsleitfaden. Einige dieser Tipps wurden bereits oben erwähnt, aber diese Anleitung ist ziemlich umfassend.


Kostenlose tolle CDN cloudflare.com
m4tt1mus
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.