Was wird der Browser schneller ein 1000px x 1px -Bild oder 1px zu 1000px -Bild laden
https://stackoverflow.com/questions/6822113
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Da das Bild nur ein Stück Daten ist, wird es gleich sein, aber ich bin nicht schlüssig, weil ich nicht sicher bin, wie der Browser das Bild tatsächlich macht.
Welches Bildformat für ein Bild einer einzelnen Farbe lädt am schnellsten?
Lösung
Welches Bildformat für ein Bild einer einzelnen Farbe lädt am schnellsten?
Wenn Sie eine einzelne Farbe laden möchten, besteht die Wahrscheinlichkeit, dass ein Element mit verwendet wird background: #HEX; wird etwas schneller sein, da Sie das eigentliche Bild nicht laden müssen.
Bearbeiten#1:
Ich habe zwei schwarze JPG -Images erstellt, 1000x1 und 1x1000 - beide hatten die gleiche Größe (399 Bytes).
Weiter dran habe ich ein 1000x1 PNG-Image sowie ein 1000x1-Gif-Image (beide mit Schwarz gefüllt) erstellt-es stellte sich heraus, dass die Größen wie folgt waren:
PNG-image: 96 bytes
GIF-image: 63 bytes
Gewinner: Das GIF-Image mit 33 Bytes weniger Daten als das PNG-Image. Wenn Sie 1000 Bilder laden, wie die im Test verwendeten 33 000 bytes (oder 32.22 kilobytes Wenn Sie dieses Format bevorzugen).
