Bildbearbeitung per CSS

In mehreren Situationen ist es sinnvoll, Bilder mit CSS zu bearbeiten, und in manchen Situationen ist CSS zur Bildbearbeitung auch konkurrenzlos. Angenommen, Sie haben ein Bild, das mit verschiedenen Effekten gezeigt wird. Dann ist es sinnvoll, nur dieses eine Bild zu nutzen und die Effekte mit CSS durchzuführen. Schließlich ist dann nur ein einziger HTTP-Request für das Bild erforderlich, nicht mehrere. Zudem sind die angewandten Effekte flexibel, sie können auf jedes beliebige Bild angewendet werden, das heißt, auch wenn das Bild ausgetauscht wird. CSS punktet ebenfalls, wenn beispielsweise beim Hovern ein Bild die Transparenz, Farbe, Position oder Größe ändern soll. Führen Sie hingegen die Bildbearbeitung mit einem Bildbearbeitungsprogramm durch, brauchen Sie mehrere Bilder und müssen diese austauschen. CSS-Bildeffekte können animiert werden. Wenn es verschiedene Zustände eines Bildes gibt, können die Übergänge dazwischen animiert ablaufen. Sie können Bildeffekte auch auf responsive Bilder anwenden. Das heißt, Bilder und Effekte werden dynamisch an die Umgebung angepasst.