Gute Lösung für ein Video mit transparentem Hintergrund auf einer Website?
Hallo zusammen,
ich bin für das Design unserer Company-Website zuständig und möchte Videos auf farbigen Hintergründen einbauen. In den Videos sind animierte Grafiken zu sehen, welche eigentlich einen transparenten Hintergrund haben sollten. Ich verwende Premiere Pro von Adobe. Die Videos müssen mindestens eine Auflösung von 500x500px haben.
Als einfachste Lösung habe ich das MP4-Format angesehen, hier habe ich dann den selben Farbton im Hintergrund des Videos verwendet, wie er auf der Website an der passenden Stelle zu finden ist. Das Problem ist allerdings, dass der Hintergrund des Videos sich farblich auf einigen Devices zum Website Farbton unterscheidet und somit abhebt. Das sieht natürlich unsauber uns. Ich habe im Internet nicht viel dazu gefunden, wie man dieses Problem umgeht, außer mit umfangreicher Programmierarbeit. Kennst jemand das Problem und weiß wie man es lösen könnte?
Als nächste Option hätte ich ansonsten ein GIF oder eine MOV-Datei mit transparentem Hintergrund gesehen. Hier habe ich aber das Problem, dass zum einen die Qualität des GIFs nicht zufriedenstellend ist, wenn ich eine angemessene Dateigröße verwende (ich reduziere die Farbtiefe mit Photoshop, sodass ich bei ungefähr 5MB ankomme). Zum anderen ist die MOV-Datei viel zu groß und meines Wissens nach kann sie nur durch Skalierung verkleinert werden, was ja in meinem Fall rausfällt. Oder gibt es da noch weitere Möglichkeiten zur Komprimierung?
Ich hoffe mein Problem ist verständlich übermittelt worden und mir kann jemand helfen.
LG
1 Antwort
Hi,
meiner Meinung nach wird das mit derselben Farbe sehr schwierig werden, weil selbst bei richtigen Auswahl der Farbcodierung https://sketch.media/projekte/blog/ratgeber/405-farbcodes-in-einer-webseite-ermitteln.html mit der Anzeige unter verschiedenen Browsern Probleme geben wird.
Das müsste man ausprobieren und sehen, wie groß das Problem sich darstellt.
Das Erstellen des Videos in entsprechender Qualität und Größe ist sicher möglich, wenn man die richtigen Codec-Einstellungen verwendet.
Z. B.: in MP4/MOV mit AVC, 25fps, 1250x720, eine Minute Laufzeit mit ca. 15 MB Speicherplatz ist gut möglich.
Nein, eigentlich nicht, aber es geht ja auch kleiner allerdings auf Kosten der Größe oder Qualität.
Hallo,
sowas habe ich mir schon gedacht. Aber wären 15 MB nicht etwas groß für eine Website was Ladezeiten etc. angeht? Ich komme tatsächlich schon auf ca 14,5 MB.