AlphaImageLoader Filter

AlphaImageLoader Filter

Copyright © Shutterstock / veronchick_84

Was ist ein AlphaImageLoader Filter?

AlphaImageLoader Filter ist eine Technik, die verwendet wird, um transparente PNG-Dateien (Portable Networks Graphics) in älteren Versionen von Internet Explorer (IE) zu unterstützen. Es wird im CSS des Magento Themes verwendet.

Installation

Bei der Installation der Bildoptimierungsserie handelt es sich um den IE-proprietären AlphaImageLoader Filter CSS, den Entwickler häufig als Problemumgehung verwenden, um Transparenzprobleme mit TrueColor-PNGs in IE zu lösen. Das Problem mit AlphaImageLoader ist, dass es die Seitenleistung beeinträchtigt und daher auch die Benutzerfreundlichkeit behindert.

Funktion

  • Die PNGs (Portable Networks Graphics) sind in verschiedene Arten unterteilt:
    Indiziert (Palette), auch als PNG8 bezeichnet, mit bis zu 256 Farben.
  • TrueColor-PNG, auch als PNG32 oder PNG24 bezeichnet.

Beide Formate unterstützen Alpha (variable) Transparenz und während PNG8-Bilder in IE6 (z. B. Quelle) zu einer GIF-ähnlichen, nicht variablen Transparenz degradieren, zeigen TrueColor-PNGs anstelle der transparenten Pixel (Quelle W3C) einen unschönen Hintergrund.

Ausrichtung

IE6 (und ältere Versionen von IE) bietet eine Lösung für das Problem mit dem AlphaImageLoader Filter durch seine proprietäre Filter-CSS-Eigenschaft.
Der Grund für die Ausrichtung auf IE7 vor Version 7 ist, dass IE7 die Alpha-Transparenz nativ unterstützt, ohne dass ein Filter erforderlich ist. IE8 tut dies auch und ändert die Filtersyntax vollständig.
Der Filter verändert nicht das Bild, stattdessen wird das HTML-Element geändert, auf das dieser Stil angewendet wird. Jedes Element wird synchron in einem einzigen UI-Thread verarbeitet. Der Prozess, der den Filter anwendet, benötigt einige Ressourcen für jedes Element und je mehr gefilterte Elemente vorhanden sind, desto schwieriger wird es.


Sie haben noch Fragen?

Kontaktieren Sie uns

Kostenloser SEO-Check der OSG


Weitere Inhalte

Kostenloses SEO Tool Performance Suite