Bilder in WebP konvertieren (und wann man es lassen sollte)
Was WebP ist, wie viel es gegenüber JPEG und PNG spart, wie man Bilder im Browser, im Terminal oder mit Node.js konvertiert und wie man sie mit picture ausliefert.
Kategorie
Webentwicklung
Diese Kategorie sammelt Artikel über die Technologien, mit denen das Web gebaut wird: HTML und CSS für Struktur und Darstellung, JavaScript für Interaktivität und das Ökosystem drumherum (WordPress, APIs, Git, Docker und Linux).
Jeder Artikel geht von einem konkreten Problem aus, zeigt Code, den du kopieren und ausführen kannst, und verlinkt die offizielle Dokumentation zum Vertiefen.
- HTML
- CSS
- JavaScript
- WordPress
- APIs
- Git
- Docker
- Linux
Artikel in Webentwicklung
Docker: der Unterschied zwischen Image und Container, erklärt mit Befehlen
Ein Docker-Image ist eine schreibgeschützte Vorlage, ein Container eine laufende Instanz davon. Der Unterschied, die Grundbefehle und die häufigsten Fehler.
Den letzten Commit in Git rückgängig machen, ohne Arbeit zu verlieren
Wie du den letzten Commit mit reset, revert und amend rückgängig machst, was du nutzt, wenn er schon gepusht ist, und wie du einen verlorenen Commit zurückholst.
Lazy Loading von Bildern in HTML: loading="lazy", fetchpriority und decoding
Wie du verzögertes Laden mit loading="lazy" aktivierst, warum du es nicht auf das Hauptbild anwenden darfst und wie du es mit fetchpriority und decoding kombinierst.
WCAG-Farbkontrast: wie er berechnet wird, welche Verhältnisse gelten und wie man sie einhält
Was das Kontrastverhältnis ist, wie es aus der Leuchtdichte berechnet wird, was die Stufen AA und AAA verlangen, wie man es misst und welche Fehler durchfallen.
Welche Favicon-Größen eine Website heute braucht (und welche nicht mehr)
Die fünf Favicon-Dateien, die 2026 nötig sind (ICO, SVG, apple-touch-icon und Manifest), was Google für die Anzeige verlangt und welche Tags in den Head gehören.