Video für eine Website komprimieren Kleinere Datei, schnellere Seite
Hier musst du kein Upload-Limit einhalten. Das Video landet auf deiner eigenen Website, also zählt vor allem, was es mit der Seite macht: wie lange es bis zum Start braucht, wie viel Bandbreite es bei jemandem verbraucht, der nie auf Play drückt, und wie es sich auf einem Handy mit begrenztem Datenvolumen verhält. Diese Seite bietet das Preset Website-Upload, sinnvolle Zielwerte und eine ehrliche Einschätzung dazu, was eine einzelne H.264 MP4 für die Web-Performance leisten kann und was nicht.
- Für geringes Seitengewicht
- Kein Upload nötig
- 1080p H.264 MP4
Videos hierher ziehen oder Gerät durchsuchen
MP4, MOV, M4V, MKV, AVI, WebM, WMV, TS, MTS, MPEG, 3GP, FLV und mehr
Bis zu 20 Videos gleichzeitig
Dein Video wird im Arbeitsspeicher deines Browsers verarbeitet und nie hochgeladen. Die Grenze setzt also dein Gerät, nicht wir.
Starke Komprimierung mit einem breit kompatiblen MP4 für CMS- und Portfolio-Uploads.
Datenschutzfreundlich. Keine Uploads. Wenn es hilft, teile es.
Größere Dateien? Verarbeite sie in der Cloud
Dieses Tool läuft kostenlos auf diesem Gerät. Für eine Datei über dem Gerätelimit oder ein langes Video läuft dasselbe Tool auf unseren Servern: bis zu 5 GB pro Datei und 6 Stunden Video, schneller, und deine Dateien bleiben bis zu 7 Tage gespeichert, mit jedem Credit-Paket oder Tarif so lange, wie du möchtest. Ab 1 Credit pro Minute, mit 10 Credits kostenlos, sobald du ein Konto erstellst.
- Das Videomaterial verlässt diesen Tab nie
Die Codierung läuft auf deinem eigenen Prozessor, mit FFmpeg, das zu WebAssembly kompiliert wurde. Das ist wichtig, wenn der Clip eine noch unveröffentlichte Funktion, ein Kunden-Build oder eine Demo aus einer Staging-Umgebung zeigt, denn außerhalb deines Geräts existiert keine Kopie davon.
- Für einen schnellen ersten Seitenaufruf abgestimmt
Das Preset Website-Upload codiert H.264 mit CRF 26, begrenzt die kürzere Bildseite auf 1080p und setzt den Ton auf 96 kbps AAC. Es ist für einen Clip gedacht, den ein fremder Besucher über eine Verbindung laden muss, über die du nichts weißt, nicht für ein Archiv-Master.
- Ein stummer Loop braucht keinen Ton
Hintergrundvideos laufen stumm, deshalb ist ihre Tonspur bei jedem Seitenaufruf nur zusätzlicher Ballast. Öffne im Modus Benutzerdefiniert die Erweiterten Einstellungen und stelle Audio auf Entfernen, dann wird die Tonspur gar nicht erst in die Datei geschrieben. Bei einem Loop, den niemand hören kann, verschwinden so Bytes, ohne dass etwas verloren geht.
So komprimierst du ein Video für eine Website
Auf deiner eigenen Website gibt es kein Größenlimit, das du treffen musst, also ist stattdessen das Seitengewicht das Ziel. Füge den Clip hinzu, lass das Preset auf Website-Upload, und er wird hier zu H.264 MP4 mit CRF 26 neu codiert, mit einer Begrenzung der kürzeren Bildseite auf 1080p und dem Ton bei 96 kbps. Für einen stummen Hintergrundloop wechselst du zu Benutzerdefiniert und stellst Audio auf Entfernen, damit die Tonspur komplett aus der Datei bleibt. Die Codierung passiert in diesem Tab, der einzige Upload ist also der zu deinem eigenen Host.
- Clip hinzufügen
- Preset Website-Upload beibehalten
- Kleinere MP4 hochladen
Sinnvolle Zielwerte für Webvideos
Für die eigene Website veröffentlicht niemand ein Dateigrößenlimit, und genau deshalb geraten Webvideos schnell außer Kontrolle. Diese Faktoren entscheiden, ob ein Clip ein Gewinn oder eine Belastung für jeden Besucher ist, zusammen mit Zielwerten, die sich in der Praxis bewährt haben.
| Worauf es ankommt | Praktischer Zielwert | Warum es wichtig ist |
|---|---|---|
| Hero- oder Hintergrundloop | Unter 2 MB, besser nahe 1 MB | Diesen Clip lädt jeder Besucher herunter, egal ob er ihn sehen will oder nicht, deshalb solltest du hier streng sein. Ein ruhiger Loop von 5 bis 10 Sekunden in 1080p kann nach der Komprimierung und ohne Ton dort landen. Bei unruhigem Material klappt das nicht, und das ist meist ein Zeichen, dass die Aufnahme für einen Loop ungeeignet ist, nicht dass du einfach mehr Bitrate einsetzen solltest. |
| Auflösung für einen Player über die volle Breite | 1080p ist die sinnvolle Obergrenze | Oberhalb von 1080p verschwinden die zusätzlichen Pixel meist ohnehin im Browserfenster, die Bandbreite wird aber trotzdem verbraucht. Das Preset begrenzt die kürzere Bildseite auf 1080p und lässt kleinere Clips in ihrer ursprünglichen Größe, statt sie hochzuskalieren. |
| Ton bei einem stummen Loop | Tonspur vollständig entfernen | Ein Hintergrundvideo wird aufgrund der Browserregeln stumm abgespielt, der Ton ist also nie zu hören, wird aber trotzdem heruntergeladen und decodiert. Im Modus Benutzerdefiniert kannst du ihn komplett entfernen, und weil ihn ohnehin niemand gehört hätte, geht dabei nichts verloren. |
| Posterbild | Immer eines festlegen | Ohne Poster bleibt der Player ein leeres Rechteck, bis genug Video geladen ist, und auf einem Handy, das Autoplay blockiert, ist das Poster möglicherweise das Einzige, was jemand sieht. Dieses Tool exportiert kein Posterbild, also nimm eines aus deinem Editor oder erstelle einen Screenshot des gewünschten Frames. |
| Wenn eine einzelne Datei nicht mehr reicht | Ungefähr eine Minute, oder eine echte Videobibliothek | Eine einzelne MP4 liefert jedem Besucher auf jeder Verbindung dieselbe Bitrate. Bei längeren Clips oder sobald du mehr als nur ein paar Videos hast, leisten adaptives Streaming über HLS oder DASH oder ein richtiger Video-Host etwas, das eine einzelne Datei nicht kann. |
Keiner dieser Werte ist ein veröffentlichtes Limit. Es sind praktische Faustregeln, die sich ändern können, wenn sich Verbindungen, Geräte und Browserstandards ändern. Miss deshalb deine eigene Seite, statt der Tabelle blind zu vertrauen. Zuletzt überprüft am 15 August 2026.
Die Datei zu komprimieren ist nur die halbe Arbeit
Der häufigste Fehler bei Webvideos ist nicht die Codierung, sondern das Markup darum herum. Ein 2 MB Clip mit preload auf auto und ohne Poster bleibt ein 2 MB Clip, den der Browser schon laden darf, bevor jemand auf Play drückt. Dabei konkurriert er mit Schriftarten, CSS und Bildern um die Bandbreite, die bestimmt, wann die Seite fertig aussieht. Stelle preload auf none oder metadata, gib dem Element ein Poster und lade Videos unterhalb des sichtbaren Bereichs erst, wenn sie sich dem Viewport nähern. Komprimierung macht die Datei günstiger. Die Attribute entscheiden, ob sie überhaupt geladen wird.
Dieses Tool codiert die Datei neu und sonst nichts. Es kann dein Markup nicht schreiben, kein Posterbild exportieren und keine Alternativen in WebM, VP9 oder AV1 erzeugen. Sieh die kleinere MP4 deshalb als einen Teil der Lösung, nicht als die ganze Lösung.
Was ein Hero-Video an mobilen Daten kostet
Auf Handys tut ein schwerer Clip am meisten weh: langsamere Verbindung, begrenztes Datenvolumen und ein Akku, der für die Decodierung bezahlt. Gleichzeitig ist dort am wenigsten vom Clip zu sehen, weil ein breiter 16:9 Loop hinter einem schmalen Layout durch das umgebende CSS größtenteils abgeschnitten wird. Für viele Websites ist es besser, unterhalb einer bestimmten Breite ein Standbild zu zeigen und das Video größeren Bildschirmen vorzubehalten.
Autoplay funktioniert nur bei stummgeschaltetem Video, und unter iOS braucht das Element zusätzlich das Attribut playsinline. Das ist ein weiterer Grund, warum ein Hintergrundloop gar keine Tonspur enthalten sollte.
Der Stromsparmodus auf dem iPhone und Datensparmodi auf Android können verhindern, dass ein Autoplay-Loop überhaupt startet. Das Posterbild muss das Layout deshalb auch alleine tragen können.
Um Handys eine leichtere Datei zu geben, liste zwei Quellen auf und setze für die größere eine media-Bedingung. Browser gehen die Liste der Reihe nach durch und nehmen die erste abspielbare Quelle, deren Bedingung erfüllt ist. Lass deshalb die kleinere Datei zuletzt ohne Bedingung stehen. Chrome und Firefox haben die Unterstützung dafür in Version 120 wiederhergestellt, Safari hatte sie durchgehend. Ein Unterschied zu picture ist wichtig: Die Auswahl wird einmal getroffen, wenn das Video geladen wird. Wenn das Fenster danach seine Größe ändert oder das Handy gedreht wird, wird die Datei nicht ausgetauscht. Komprimiere den Clip hier zweimal, einmal in 1080p und einmal in 720p.
In drei Schritten zum webfertigen Clip
Hier berührt nichts einen Server.
Video hinzufügen
Zieh MP4, MOV, MKV, AVI oder WebM hinein oder wähle Dateien auf deinem Gerät aus. Das Batch-Limit liegt bei 20 Dateien mit je 1,75 GB, genug, um alle Videos einer Seite in einem Durchgang neu aufzubereiten.
Preset Website-Upload beibehalten
Es codiert H.264 mit CRF 26, begrenzt die kürzere Bildseite auf 1080p und setzt den Ton auf 96 kbps AAC. Für einen stummen Hintergrundloop wechselst du zu Benutzerdefiniert, öffnest die Erweiterten Einstellungen und stellst Audio auf Entfernen. Benutzerdefiniert nimmt auch eine Zielgröße in MB an, wenn deine Seite ein festes Dateibudget hat.
Auf deinen eigenen Host hochladen
Die Ausgabe ist eine MP4 mit H.264 Video und AAC Audio, eine Kombination, die jeder Browser ohne zusätzliche Fallback-Quelle abspielt. Prüfe die Größe auf der Ergebniskarte und setze danach ein Poster sowie einen sinnvollen preload Wert für das Element.
Warum du vor dem Einbinden komprimieren solltest
Eine Seite hat ein Bandbreitenbudget, und Video verbraucht es schneller als alles andere. Die Dateigröße ist der Teil, den du kontrollieren kannst, bevor der erste Besucher kommt.
Video wiegt mehr als alles andere auf der Seite
Ein unkomprimierter Hero-Clip kann schwerer sein als HTML, CSS, JavaScript, Schriftarten und Bilder zusammen. Bei kaum einer anderen einzelnen Entscheidung auf einer typischen Website lässt sich so viel einsparen.
Die meisten Website-Baukästen liefern genau das aus, was du hochlädst
Mediatheken in gängigen CMS und Website-Baukästen verkleinern Bilder, reichen Videos aber oft unverändert durch. So wird der 300 MB Export aus deinem Editor zur Datei, die jeder Besucher herunterlädt. Vorher zu komprimieren ist dann der einzige Schritt zwischen deinem Master und dem Netz.
Ein stummer Loop bezahlt für Ton, den er nie abspielt
Stummes Autoplay ist eine Browserregel, keine Stilentscheidung, deshalb hört niemand den Ton eines Hintergrundvideos. Trotzdem sind es Bytes auf der Leitung und Arbeit für den Decoder. Wenn du die Tonspur entfernst, wird jeder Seitenaufruf leichter und das Bild bleibt exakt gleich. Der Modus Benutzerdefiniert kann das hier erledigen.
Eine einzelne Datei ist bis zu einem gewissen Punkt die richtige Lösung
H.264 MP4 ist die am breitesten unterstützte einzelne Videodatei, genau das, was ein kurzer Loop, eine Produktdemo oder ein Hero-Clip braucht. Sie ist nicht adaptiv: Jeder bekommt dieselbe Bitrate, unabhängig von seiner Verbindung, und es gibt keine niedrigere Qualitätsstufe zum Ausweichen. Für lange Videos, eine Bibliothek oder überall dort, wo die Qualität dem Netzwerk folgen soll, sind HLS oder DASH über einen Video-Host jeder einzelnen Datei überlegen, auch dieser.
Läuft das Video als stummer Hintergrund? Dann zuerst die Audiospur entfernen, so wird es kostenlos kleiner.
Ist eher das Ausgangsformat als die Dateigröße das Problem? Dann zuerst in MP4 konvertieren.
Webvideos sind oft Arbeit, die du noch nicht veröffentlicht hast
Der Clip für eine Website ist häufig noch nicht öffentlich: eine unveröffentlichte Produktdemo, ein Kunden-Build hinter einer Staging-URL, eine Aufnahme des Gründers oder Material unter NDA. Wenn du so etwas einem fremden Online-Kompressor übergibst, nur um ein paar Megabyte zu sparen, liegt unveröffentlichte Arbeit auf Infrastruktur, die du nicht kontrollieren kannst.
Die Codierung passiert direkt auf der Seite, die du gerade geöffnet hast. FFmpeg, zu WebAssembly kompiliert, erledigt die Arbeit auf deinem eigenen Prozessor. Nichts landet in einer Warteschlange, nichts wird in einen Bucket geschrieben, den später jemand leeren muss, und es gibt hier kein Konto, in dem sich ein Verlauf ansammeln könnte. Wenn du den Tab schließt, existieren nur noch die Kopien, mit denen du angefangen hast.
Was das in der Praxis bedeutet
- Der einzige Upload geht direkt von dir zu deinem eigenen Host oder CDN
- Das Material, sein Dateiname und die Website, für die es gedacht ist, bleiben auf deinem Gerät
- Der Ausgabe wird nichts hinzugefügt: kein Wasserzeichen, kein Branding, keine Anmeldung
- Dein Gerät übernimmt die Codierung, deshalb hält ein langer Clip diesen Tab eine Weile beschäftigt
Probleme mit Webvideos beheben
Für einen bestimmten Ort komprimieren
Manche Orte haben ein hartes Größenlimit und ein paar eigene Eigenheiten. Diese Seiten öffnen den Kompressor bereits auf dieses Ziel eingestellt und erklären, was das Limit wirklich bedeutet.
- Video auf 50 MB komprimieren
Ziele auf unter 50 MB und behalte 1080p, solange der Clip kurz genug ist. Nichts wird hochgeladen.
Tool öffnen - Video auf 100 MB komprimieren
Mach ein Video für einen geboosteten Discord Server, WhatsApp oder ein Upload-Formular kleiner als 100 MB. Nichts verlässt deinen Browser.
Tool öffnen - Video für Discord komprimieren
Bring einen Clip unter Discords kostenloses Upload-Limit von 20 MB, ohne ihn irgendwo hochzuladen.
Tool öffnen
Weitere Tools
Video komprimieren
Verkleinere ein Video, bis es unter die Limits von Discord, WhatsApp oder E-Mail passt. Kostenlos auf diesem Gerät, in deinem Browser.
Tool öffnenVideo umwandeln
Wandle fast jedes Video direkt in deinem Browser in MP4 oder MP3 um. Nichts wird hochgeladen.
Tool öffnenVideo-Ton entfernen
Entferne jede Audiospur aus einem Video. Kostenlos, im Browser, ohne Upload.
Tool öffnenHäufig gestellte Fragen
Füge den Clip hinzu, lass das Preset auf Website-Upload und lade das Ergebnis herunter. Er wird in deinem Browser zu H.264 MP4 mit CRF 26 neu codiert, wobei die kürzere Bildseite auf 1080p begrenzt wird. Nichts wird an uns gesendet, die Datei verlässt dein Gerät also erst, wenn du sie auf deinen eigenen Host oder dein CDN hochlädst.
Die Hinweise zu Webvideos auf dieser Seite wurden zuletzt am 15 August 2026 überprüft.