Dateigröße für Werbebanner: Unterschied swf zu HTML-5

rohrfrei

Hallo,

ein Dienstleister erzeugt für uns Online-Werbemittel (Banner, Rectangle, Skyscraper, usw.) mit Flash CS6 bisher als Flash-Dateien, also swf.

Bei der Umstellung zu HTML-5 mit Flash CC bzw. Animate CC fällt auf, dass die Banner in HTML-5 von der Dateigröße größer sind als die zuvor erzeugten swf (ca. 80 kB zu 40 kB). Die .js ist i.d.R. größer also vorher das gesamte .swf. Da die Banner über einen AdServer ausgespielt werden ist Dateigröße ein großes Thema.

Frage an die Experten:
Ist das normal bzw. welche Strategien gibt es, um HTML-5 ähnlich schlank zu bekommen wie swf?

Gruß

Intermedia

Moin,

warum verbraucht mein eines Auto mehr Sprit als mein Anderes........??

Da du ja nichts über deine Banner verräts um alternative Lösungen zu empfehlen, sind deine Angaben weniger als wenig.

Adobe hat selbst aus minimalen Anforderungen eine maximale Ressource gemacht, egal ob da was gebraucht wird oder nicht.

Die richtige handwerkliche Kunst im Umgang mit HTML 5 und JS sollte auch im gewissen Maße optimieren können.

Wenn die Quellen noch minimiert werden, Bilder optimiet werden, dann kann man durchaus bis zu 50% Dateigröße sparen.

Viele grafische Elemente werden heute mit SVG gemacht, spart einiges ein.

Gruß Sven

rohrfrei

Hallo,

es handelt sich um "normale" Online-Werbemittel wie sie auch hier auf HDS oder anderen Zeitungs- und Zeitschriftenseiten (z.B. MacLife) zu sehen sind. Einfache animierte Werbung, ohne Video und ohne Sound. Ein paar Objekte (Bilder oder Texte), die animiert werden und z.B. eingeblendet werden oder in die Anzeige hineinfliegen.

Wenn du "alternative Lösungen" meinst, dann außerhalb von Adobe?

Und genau das ist wohl beim Dienstleister nicht vorhanden. Kann man denn "global" an den JS etwas optimieren, evtl. durch Komprimierungseinstellungen oder Binär statt ASCII oder so etwas? Ich kenne mich da nicht wirklich aus, frage daher in's Blaue und abstrahiere da eher aus anderen Dateiformaten.

Wenn Optmierung nur durch handwerkliches Coding geht, dann sehe ich hier wenig Erfolgsaussichten für mich.

Gruß

Intermedia

Moin,

na ja, global kann man da wirklich nicht sagen das man einfach etwas weg lassen kann.

Wenn ich eine Zeile Text animiere dann ist es etwas anderes als wenn ich mehrere Elemente unterschiedlich animiere.

Ich würde mal anfangen die JS Datei und CSS Datei zu komprimieren und sehen was da passiert.

z.B. hiermit: http://jscompress.com/

Eventuell kann man ja bei den Bildern auch noch etwas machen.

Gruß Sven

Medienoperator

Meiner Erfahrung nach kommen die großen js-Dateien meist von statischen Textfeldern. Hierbei werden die Glyphen scheinbar als Vektorgrafik in die js-Datei geschrieben. Und das leider nicht sehr effizient, wie das bei swf-Dateien geschieht, sprich jedes "e" im Text wird mehrfach beschrieben.

Besser ist es (wenn möglich) dynamische Textfelder zu verwenden, am besten natürlich mit Typekit- oder Webfonts. Hierbei wird der Text einfach als "Text" in die js-Datei geschrieben und verbraucht wesentlich weniger Speicherplatz.

Auch beim statischen Text lässt sich etwas Speicherplatz sparen, indem man vor dem Veröffentlichen den Text in Kurven konvertiert. Lässt sich dann aber nicht mehr bearbeiten, daher unbedingt eine Produktionskopie aufheben :-)