GIF in Base64 konvertieren
GIF (Graphics Interchange Format) ist das klassische Format für einfache Animationen und Grafiken mit niedriger Farbtiefe im Web. Dieses Tool kodiert GIF-Dateien in Base64-Strings zur Einbettung als Data URIs in HTML, CSS oder E-Mail-Vorlagen.
Wie man es verwendet
- Ziehe eine GIF-Datei in den Upload-Bereich oder klicke zum Durchsuchen
- Das Tool liest die Datei lokal und kodiert sie
- Wähle das Ausgabeformat: reines Base64, Data URI oder CSS Background
- Kopiere das Ergebnis
Überlegungen zur GIF-Kodierung
Animationsframes und Dateigröße
Statische GIFs sind in der Regel klein. Ein 100x100 Pixel Symbol kann 1-5 KB groß sein. Animierte GIFs sind der Punkt, an dem die Größe zum Problem wird. Jeder Frame fügt Daten hinzu; eine 3-Sekunden-Animation mit 15 fps hat 45 Frames. Nach der Base64-Kodierung (33% Overhead) kann der String enorm sein.
Richtlinien für die Einbettung animierter GIFs:
- 1-2 Frames (statisch oder einfacher Umschalter): frei einbettbar
- Kurze Animationen unter 50 KB: sinnvoll für kritische UI-Elemente
- Animationen über 50 KB: als separate Dateien mit Lazy Loading bereitstellen
Farbeinschränkungen
GIF unterstützt maximal 256 Farben pro Frame. Das ist ausreichend für einfache Grafiken, Symbole und Pixel-Art, aber Fotos und Verläufe zeigen Farbbänderung. Für fotografische Inhalte liefern JPG zu Base64 oder WebP zu Base64 bessere Qualität bei kleineren Größen.
Transparenz
GIF unterstützt binäre Transparenz (jedes Pixel ist entweder vollständig transparent oder vollständig deckend). Es unterstützt keine partielle Transparenz (Alpha-Blending). Für Bilder, die halbtransparente Pixel benötigen, sind PNG oder WebP die bessere Wahl.
Anwendungsfälle für Base64-GIFs
Lade-Spinner und Mikroanimationen
Kleine animierte GIFs (unter 5 KB) sind hervorragende Ladeindikatoren, wenn sie als Base64 eingebettet werden. Die Animation beginnt sofort, ohne auf das Laden einer externen Datei warten zu müssen.