Materialspecifikation för desktop och mobil

Transkript

1 Materialspecifikation för desktop och mobil Deadlines Standardformat: material ska vara oss tillhanda senast 3 arbetsdagar före publicering. Övriga Format: material ska vara oss tillhanda senast 5 arbetsdagar före publicering. Material mailas till adoperations@metro.se och tveka inte att maila om Ni har frågor. Standardformat Format Dimensioner Maxvikt Filtyp Kommentar Panorama Tripple Wide Screen Mobil panorama (MID) Mobil Interstitial (TOP) Övriga format 980x240 px el 980x300 px 250x360 px, 250x500 px el 250x800 px 320x80 320x kb SWF, GIF, JPG, PNG, skript, HTML5 65 kb SWF, GIF, JPG, PNG skript, HTML5 25 kb 40 kb GIF, JPG, PNG, animerad gif, skript, HTML5 OBS, landingssidan bör vara mobilanpassad Format Dimensioner Maxvikt Filtyp Kommentar Wallpaper: Synliga yta vänster: 125 kb GIF, JPG, Se ner info nedan Bakgrunden 300x1100px PNG levereras som EN bild med 1600x1100px + Gör mittsektionen transparent 1000x1100 Panorama Synliga yta höger: 125 kb GIF, JPG, 1000x240px 300x1100px PNG, skript, HTML5 Interstitial 800x600px 125 kb (Även för flash) SWF, GIF, JPG, PNG Måste innehålla stängknapp, se mer info nedan Panorama Expanderande Tripple Wide Screen Expanderande 980x240 - > 980x x360 - > 500x360 px 125 kb SWF, skript 65 kb SWF, skript Expanderar nedåt, se mer info nedan Expanderar åt vänster, se mer info nedan

2 Flashannonser Max framerate: 18 fps Vi hanterar flashversion 8 till 10 och AS2 För att producera material i AS3 behövs en AS3 clicktag, kontakta oss för mer info. Ladda inte externa resurser i annonserna utan överenskommelse med oss. Ljud i annonsen får inte starta automatiskt utan måste startas av användaren via klick (ej mouse over). Annonser med vit eller väldigt ljus bakgrundsfärg måste ges en ram Över hela annonsens yta ska en knapp läggas med följande kod: on (release) { geturl(_root.clicktag, '_blank'); } Viktigt angående flashannonser Tänk på CPU- användningen. På vissa siter laddas flera annonser samtidigt i användarens browser. CPU- intensiva annonser försämrar siternas prestanda och tas därför ned. Komplexiteten av bilder, gradienter, långsamma animeringar och detaljerade rörliga element kan påverka antalet beräkningar användarens processor måste utföra för varje frame. Av den anledningen ber vi våra annonsörer tänka på följande: Använd färre animationer baserade på matematiska beräkningar i Action Script. Ta bort onödiga keyframes från animationen och använd Tween- funktionen istället för "frame- for- frame" animation. Sänk frameraten, d.v.s. antalet bildrutor per sekund. Minimera användningen av gradienter, transparens, masker och animeringar. Bildobjekt som används mer än en gång i filmen bör omvandlas till symboler. Symboler sparas i filen en gång och används igen senare. Det kan minska filstorleken och CPU- användning. Begränsa förändringar mellan varje keyframe. Det är kanske inte nödvändigt att både plan och moln förflyttar sig samtidigt? Minimera informationen som lagras i de första framesen. Lägg om möjligt tung logik senare i filmen. Funktioner som aktiveras av användaren är att föredra. Till exempel: Vid mouseover flyger planet - inte automatiskt vid laddning. Undvik onödiga timer- funktioner och loopar. Detta är de största problemen när det gäller CPU- användning. Solida linjer kräver mindre minne än prickade / streckade linjer eller penselverktyget. Gruppera objektet och gör gemensamma anrop till hela gruppen. Minimera antalet typsnitt. Använd vektorgrafik istället för pixelgrafik. Optimera vektorgrafik. Välj Modify - Smooth, Straighten eller Optimize för att dra ner antalet vektorpunkter.

3 Bygga material polite (ex. streama video, högupplösta bilder m.m.) Vid tunga resurser som ska laddas in på en banner såsom video, högupplösta bilder och dylikt vill vi att ni bygger ert material polite så att dessa tyngre vikter laddas in efter sajten, d.v.s. after onload. Observera att vår maxvikt på formatet (som ni finner ovan) är den vikten som är ok att laddas in initialt och prior to onload, resterande vikt ska laddas in sekundärt. Definitionen av att bygga polite betyder att den tyngre filen alltså laddas in after onload och då tar hänsyn till uppladdningen av sajten. Vi har satt denna gräns/marker vid 4,5 sekunder och därefter kan den tyngre vikten laddas in, efter marker är maxvikt upp till 500 kb ok. Detta för att vi vill undvika att material kan komma att sega ner sajten i sin helhet. För mer information om detta kontakta oss. Video i annonser Format: SWF länkad till FLV Framerate: 24 fps Codec: ON2 VP6, eller H263 Ljud: Endast tillåtet vid användarinteraktion (klick/mouse- over) Maxvikt SWF: 100 kb panorama, 65 kb TWS Maxvikt FLV: 500 kb Preroll (video) Preroll är annons i samband med webbtv/video. Möjligheten finns att köra pre- och postrolls, alltså innan samt efter själva video content. Vi kan komma att köra 2 annonsörer om Ni har restriktioner gällande detta meddela oss. Filformat: MOV, MP4, MPG, WMV eller AVI (inte FLV) Film kvalitet: SD Datarate: 2,95 Mbit/s Framerate: 25 Maxvikt: 5 MB Format: 16:9 Filmlängd: max 10 sek Upplösning: Minst 640x360 (16:9) OBS: Inga brevlådor. Inga svarta start - och slutbilder Expanderande annonser En expanderande annons är en annons som, vid mouse- over alternativt vid klick expanderar utanför det vanliga formatet. Samtliga våra format kan expanderas. Annonsmaterialet skall utgöras av en Flash- fil (SWF) i den storlek som annonsen kommer att ha efter expansionen. Expandering får endast ske vid klick eller mouse- over. Expanderande annonser bör visas i wmode="opaque", då transparens kan orsaka problem i vissa sammanhang. Användning av redirect- script är möjlig, men vi ger ingen support på detta. Vi rekommenderar därför att alla expanderande annonser hostas av oss. Vid specialkampanjer som detta så är det extra viktigt att vi får in materialet i god tid, senast 5 arbetsdagar innan kampanjstart. Detta för att hinna upptäcka och korrigera fel i tid. Expandering sker med följande ActionScript: fscommand("expand"); Återställning till kollapsat läge görs enligt följande: fscommand("collapse");

4 Exempel: on(rollover){ fscommand("expand"); } on(rollout){ fscommand("collapse"); } Specifikation: Dimensioner: Måtten till höger är vad formatet maximalt får expandera till. 250x360 - > 500x360 expanderar åt vänster 980x240 - > 980x550 expanderar nedåt Max filstorlek: 65 kb TWS, 125 kb Panorama I övrigt gäller våra vanliga annonsspecifikationer för flash. Interstitial En interstitial är en annons som visas över hela skärmen innan besökaren kommer fram till content- sidan. Annonsen kan vara i valfritt storleksformat men vi rekommenderar att den har ett större format än en normal banner, exempelvis 800x600 pixlar. Ytan runt själva annonsen mörkläggs med en transparent färg. I högra hörnet av annonsen ska det finnas en stängknapp. Denna knapp bör innehålla texten close eller stäng och/eller ett kryss. Vi lägger in koden för stängfunktion så ni behöver endast göra knappen visuellt. För dessa annonser hanterar vi inte tredjepartsscript utan måste hosta annonsen hos oss. Önskar ni att mäta impressions så måste ni därför bifoga en impression counter url. Storleken på en annonsfil får ej överstiga 125 kb Format: SWF, GIF, JPG, PNG Visningstid: 6-8 sekunder (det ställer vi in) Viktigt att tänka på: Siten laddas samtidigt som denna annons visas. Vi rekommenderar därför att inte använda externa filladdningar och dylikt, samt att hålla annonsen så enkel som möjligt för att undvika prestandaproblem som kan resultera i att annonsen hackar osv. I övrigt gäller våra vanliga specifikationer för flash.

5 Wallpaper WALLPAPER LEVERERAS I TVÅ DELAR: 1. Panorama 1000x240px, i Flash, HTML5 el skript, maxvikt 125 kb 2. Bakgrundsbild med synlig vänster (300x1100px) + osynlig (vit/transparent) yta (1000x1100px) + synlig höger (300x1100px), totalt 1600x1100px i GIF, JPG el PNG, maxvikt 125 kb OBS! För bakgrundsbilden placera innehållet på vänster och höger så nära mitten som möjligt men lägg inget på de översta 148 pixlarna på bakgrundsbilden då de ligger gömda under vår menypanel. Det som alltid syns är 155x700px (utgår ifrån standard, att användaren sitter på en 13- tums skärm) placera därför all viktig information som logo, priser och bilder inom dessa pixlar. Det kan vara svårt att få en exakt övergång mellan sidor och panorama och man bör därför undvika att skapa bilder som ska gå ihop i skarven. Vänster och höger ligger på sidorna om panorama och är sticky, d.v.s. följer med vid scroll, vi kan ta bort det funktionen om så önskas. Vi kan inte hantera tredjepartscript för bakgrundsbilden, den måste hostas hos oss. Det går däremot bra att använda clicktracker och impressioncounter. Material för Wallpaper ska vara Metro tillhanda senast 5 arbetsdagar innan publicering. Vi rekommenderar att ni låter oss hosta materialet för hela wallpapern, d.v.s att vi får fysiska filer för både panorama och bakgrundsbilden då det möjliggör att vi kan justera dem när de läggs upp.

6 Mobilannonser Annonserna måste vara i GIF, JPG, PNG, HTML5 eller skript. Animerade GIF- annonser är tillåtna. Format 320x80 upp till 320x320 Maxvikten är 25 kb för panorama, Interstitial 40 kb Länka till en landningssida som är anpassad för att visas i mobiltelefoner Animerad.gif: Vi rekommenderar att annonsbudskapet framgår i.gif- filens första frame eftersom en del äldre versioner av Android har problem med animationer. Banners med en vit eller väldigt ljus bakgrund måste ha en solid mörk minst 1 px border. Vår rekommendation är att annonserna länkar till en landningssida anpassad för små skärmar. Advertorial. Skicka bilder och text inom ramen för dimensionen (se nedan) samt riktlinjer som ni finner viktiga. Material skall tillhandahållas av adoperations@metro.se 7 arbetsdagar innan startdatum. Metro skapar sedan advertorialen med våra redaktörer och skickar utkast till er. För när ni godkänt produktionen är kampanjen redo gå live/publiceras. Maxvikt mobilpuff 40kB och desktoppuff 65kB. Dimension som produceras är: Desktop 300x400, Mobil 320x320