Ich erinnere mich, dass mein Webdesign-Professor während des Studiums (2008) Wert darauf legte, die Dateigröße aller Bilder bei/unter 40 KB zu halten (egal welche Abmessungen). Seitdem habe ich mich darum bemüht, insbesondere da die mobile Optimierung so wichtig ist.
Aber jetzt, mit Breitband- und LTE/4G-Geschwindigkeitsinternet, größeren Datenplänen … und ich bin eine Weile nicht am College … gibt es irgendwelche Standards für Dateigrößen (nicht Abmessungen) da draußen?
Randnotiz: Mein Projekt beschäftigt sich mit Produktfotografie. Ich betrachte Amazon.com als Benchmark und stelle fest, dass ihre Produktbilder (normalerweise) unter 40 KB liegen, wobei ein Zoombild (normalerweise) unter 100 KB liegt.
Auf die Gefahr hin, verpönt zu werden, weil Sie Ihre Frage nicht beantwortet haben, würde ich Folgendes sagen: Machen Sie sich keine Sorgen über die Dateigröße. Sorgen Sie sich stattdessen um die Ladezeit. Sie sind sicherlich direkt miteinander verbunden, aber der Unterschied besteht darin, dass die Ladezeit universell anwendbar ist. Eine 2-MB-Datei kann auf einer leistungsstarken Hosting-Site wie imgur sofort geladen werden, aber nicht auf einem kostengünstigen Shared-Hosting-Service.
Um Ihre Antwort zu ermitteln, können Sie Ladezeit-Benchmarks ausführen, bevor Sie mit dem Entwerfen beginnen. Laden Sie eine einfache Seite mit einigen Bildern unterschiedlicher Dateigröße auf den zukünftigen Site-Host hoch und zeichnen Sie die Netzwerkleistung auf. Sie können dies selbst mithilfe von Browser-Entwicklertools tun oder einen externen Dienst nutzen .
Versuchen Sie, das Limit zu überschreiten, um zu sehen, womit Sie davonkommen können. Beachten Sie, dass das Herunterladen einer 5-MB-Datei aufgrund des damit verbundenen Overheads nicht dasselbe ist wie das Herunterladen von 10 512-KB-Dateien. Wenn die Ladezeit für die gesamte Seite einige Sekunden dauert, ist es wahrscheinlich eine gute Idee, ein bildlastiges Website-Design zu überdenken.
Ihre Frage konzentriert sich auf Bilder, aber darüber hinaus gibt es noch so viel mehr zu optimieren. Google hat eine großartige Ressource für diese Art von Dingen zur Verfügung: Web Performance Best Practices . Nicht alle Ratschläge dort treffen zwangsläufig auf Ihre Situation zu. Abhängig von Ihrem erwarteten Datenverkehr können einige der Optimierungen zu unbedeutenden Leistungsverbesserungen führen, aber es ist ein guter Leitfaden, um zu wissen, worauf Sie achten müssen.
Mappuhn