it-swarm.com.de

Warum werden Image-Sprites normalerweise nur für ".png" -Dateien und nicht für ".jpg" erstellt?

Ich habe mich gefragt, warum die Leute, wenn sie über Sprites sprechen, nur .png Dateien erwähnen. Gibt es ein Problem beim Erstellen von Sprites für .jpg -Dateien?

4
tirengarfio

Es gibt nichts, was besagt, dass Sie JPEG nicht verwenden können, aber im Allgemeinen sind PNGs aufgrund mehrerer Faktoren besser:

  • Die meisten seitenbasierten Elemente wie Registerkarten und Symbole sind der JPEG-Komprimierung weit überlegen.
  • PNG ist ein verlustfreies Komprimierungsformat
  • JPEG unterstützt keine Transparenz (das Hauptproblem, die meisten Seitenelemente erfordern Transparenz).

Im Allgemeinen werden PNG-Dateien kleiner komprimiert, wenn das Element nicht so komplex ist - JPEG komprimiert besser beim Fotografieren und bei komplexeren Bildern - die meisten Seitenelemente wie Schaltflächen, Registerkarten und Social Media-Symbole eignen sich daher besser für PNG und erfordern Transparenz .

9
Simon Hayter

Es ist nicht so, dass PNG besser für Sprites ist, sondern dass PNG besser für die Bildtypen ist, für die normalerweise Sprites verwendet werden (Schaltflächen, Symbole usw.). Sie können jedes für das Web geeignete Bildformat für Sprites verwenden.

Stellen Sie sich vor, Sie haben eine Personalseite auf Ihrer Unternehmenswebsite, auf der etwa zehn Mitarbeiter mit einem kleinen Foto nebeneinander aufgeführt sind. Wenn Sie diese Seite beschleunigen möchten, indem Sie alle Fotos in einem Sprite zusammenführen, ist JPEG in diesem Beispiel wahrscheinlich die bessere Wahl, da es eine bessere Komprimierung für diese Art von Bildern bietet.

8
Tim Fountain

Spriting kann auch für JPEGs verwendet werden. Denk einfach an die Regeln:

  1. Verwenden Sie JPEG für Fotos, PNG für Kunst (oder WebP für beide)
  2. Spriting ist für dekorative Bilder gedacht, nicht für Inhalte. z.B. Sprite keine Fotos auf einer Foto-Sharing-Website oder einer Webseite, auf der über Bildoptimierung gesprochen wird! Sprite Hintergrundbilder und andere dekorative Bilder.
  3. Das unachtsame Zusammenspringen von JPEGs ist verlustbehaftet und kann dazu führen, dass ein Bild in ein anderes übergeht. Verwenden Sie jpegtrans verlustfreie Crop & Drop-Funktion
2
Nicholas Shanks