Webseiten Grafiken im PNG-Format (24 bit) belegen viel Platz und laden langsam

[masterjp]

Herzlichen Dank für Euer tolles Programm für die Mediathek der öffentlich rechtlichen Sender.
Ich beschäftige mich viel mit Grafiken, Bildern und Dateiformaten, etc.

Beim Aufruf Eurer Webseite ist mir schon mehrfach aufgefallen,
dass die großen Bilder vom Mediathekview-Programmfenster (ca. 4 Stück) selbst bei DSL 100 langsam geladen werden. Daher habe ich mir die Grafiken näher angesehn und festgestellt, dass sie teilweise mehr als 500 KB groß sind und in TrueColor Qualität (24 bit) vorliegen. Hier könnte man die Bilddateien noch gut optimieren, um schnellere Ladezeiten zu erreichen und Datenverkehr einzusparen. Das ist bei Screenshots von Programmfenstern mit wenigen Farben eigentlich Luxus oder Verschwendung. Wenn man die Screenshots des Programmes z.B. auf 8 bit Farbtiefe mit 256 Farben reduziert, kann man die Dateigröße bei hoher Qualität auf ca. 200-250 kb reduzieren.
Das könnte die Ladezeiten der Webseite stark verkürzen.

Alternativ wäre der Einsatz von Webp/JPEG ebenso denkbar.

Sehr gut eignet sich für solche Zwecke ein kostenloses Bildprogramm wie IrfanView oder XnViewMP.

[mac-christian]

Wo siehst du im Programmfenster “ca. 4 grosse Bilder”? Die einzigen “Bilder” die ich sehe sind die Sender-Icons und die Menü-Bildchen…

[DaDirnbocher]

@mac-christian sagte in Webseiten Grafiken im PNG-Format (24 bit) belegen viel Platz und laden langsam:

Wo siehst du im Programmfenster “ca. 4 grosse Bilder”?

Nicht “im Programmfenster” sondern “vom Programmfenster” und zwar …

Beim Aufruf Eurer Webseite ist mir schon mehrfach aufgefallen,
dass die großen Bilder vom Mediathekview-Programmfenster

[styroll]

Schon im Titel steht “Webseite” und auf der dritten Zeile “Beim Aufruf Eurer Webseite ist mir schon mehrfach aufgefallen”.
@masterjp: Gewisse User hier im Forum hauen immer wieder gerne in die Tasten, ohne aber die Beiträge richtig zu lesen oder zu verstehen – das muss man hier aushalten…

[iks-jott]

@masterjp

Wie man sieht, ein Screenshot wäre hilfreich gewesen.

Solltete das mit Website gemeint sein?

Da sehe ich allerdings keine 4 Programmfenster, sondern es werden nacheinander 10 eingeblendet.
Ein langsames Laden kann ich nicht feststellen.

[mvsfsvm]

PNG ist schon das passendere Format als JPG für Programmoberflächen, Dialogfenster und ähnlichem. Die Farbtiefe des Screenshots auf 8bit zu reduzieren ergibt aus eigener Erfahrung aber nur dann Sinn, wenn der Screenshot tatsächlich nur maximal 256 Farben verwendet. Bei allem darüber hat man entweder kleine Dateien mit schlechter Qualität oder gute Qualität ohne die erhoffte Reduzierung bei der Dateigröße. Sollte man wegen Dateigrößenlimits nicht um eine Verkleinerung herumkommen, sollte man besser zu JPG statt zu einem PNG mit reduzierter Bittiefe greifen. Allerdings sollte man es da mit der Kompression nicht übertreiben. Schrift, Linien und Kanten sind besonders anfällig für JPG-Kompressionsartefakte.

[thekken]

@masterjp sagte in Webseiten Grafiken im PNG-Format (24 bit) belegen viel Platz und laden langsam:

selbst bei DSL 100 langsam geladen werden. Daher habe ich mir die Grafiken näher angesehn und festgestellt, dass sie teilweise mehr als 500 KB groß sind

DSL 100 heißt bis zu 100MBit/s?
Die Bilder sind um die 500 KB = 4000 KBit = 4 MBit.
Selbst wenn du nur 50MBit/s erreichst müsste ein Bild in 0,1 Sekunden laden. Ich behaupte das Problem wird nicht an der Dateigröße liegen.
Auch bei mir laden die Bilder langsam, aber ich habe auch eine schlechtere Leitung. Was mir aber auffällt ist, dass versucht wird alle 10 (nicht 4) Bilder gleichzeitig zu laden, was bei 50 MBit/s vermutlich nicht so sehr auffallen sollte, bei mir aber schon.

Ich finde die Bilder aber sowieso zu groß und dadurch wenig aussagekräftig. Der Text leidet schon sehr unter der Skalierung. Der Text was angezeigt wird mag zwar inhaltlich nicht so wichtig sein, aber er ist durch die Verkleinerung visuell störend. Ich fände es besser wenn man das Programmfenster kleiner aber deutlicher zeigen könnte. Die Ränder der Lightbox finde ich auch störend, da sie das Programmfenster überdecken. Ich denke dadurch lässt sich auch das Problem mit den großen Bilddateien beheben. Was man auch an der Dateigröße dieses von diesem Bildschirmfoto merkt.