net2zero

FOR A SUSTAINABLE NETCULTURE

47’000 Google searches

are being entered every second.

In a second that is like a

car ride of 2’500 km

Flugzeugfenster

MOVE
GLYPHS

Problemstellung

Das Internet und die gesamte Flugindustrie haben global dieselbe CO₂ Emssionen. Beide betragen 4% der gesamten Emssionen.

Animation

Die Kraft der bewegten Bilder in Videos macht sie zu attraktiven Inhalten, um Markengeschichten auf anschauliche und direkte Weise zu erzählen. Animationen können jedoch eine energieeffizientere Alternative zu Videos sein. Es ist wichtig zu beachten, dass schwere GIF-Animationen nicht für Websites empfohlen werden. Stattdessen können effizientere Formate wie Webp zur Unterstützung von Animationen verwendet werden.

  • Lottie
    SVG können mittles Lottie animiert werden. So liegt die Animation bei der Gestaltung und nicht beim Entwickler. Lottie kann mittels Plugin von Aftereffects exportiert werden. Wird Lottie mit P5.js verbunden, können auch komplexere Animationen realisiert werden.
  • CSS
    Suche nach Wegen, Frontend-Interaktionen, Funktionen und Animationen mit effizienteren Technologien wie CSS zu erreichen, oder nutze zumindest JS effizient. Besonders erwähnt werden sollten hier Tracking- und Werbeskripte, die selten einen Mehrwert für den Nutzer bieten, aber erheblich zur Dateigrösse beitragen, eine hohe CPU-Auslastung verursachen, Websites verlangsamen und die Privatsphäre der Nutzer verletzen können.
  • WOFF Animationen
    Variable Type ist eine effiziente Methode eine Vielzahl an Schriftschnitten zu nutzen. Das WOFF Format könnte für das Web neu gedacht werden. Was wenn wir einfache Animationen, welche sonst als GIF oder sogar in Javascript angefertigt werden müssen, einfach in einer Variable Schrift implementieren? Beispielsweise das Plus, welches rotiert und zu einem x wird.
  • net2zero