Hoppa till innehållet

Bildtyper på djupet

Guide per typ för bild, video, PDF, Webbplats, buss- och tågtidtabeller, Google Slides, Canva och spellista som bild. Detaljer, egenheter och fallgropar för varje.

6 min läsningSenast uppdaterad: 2026-09-11

Introduktion

InfoBox stöder en handfull bildtyper. Grunderna är desamma för alla (lägg till via Lägg till ny bild, konfigurera, publicera), och nytt innehåll läggs till via den kategoriserade väljaren: Media, Webb och Integrationer. YouTube-videor och Power BI-dashboards läggs numera till som Webbplats-bilder; äldre YouTube- och Power BI-bilder fortsätter spelas som de är. Den här artikeln går igenom varje typ.

Bildbilder

Statiskt visuellt innehåll:

  • Format: JPG, PNG, GIF, WebP.
  • Rekommenderad upplösning: 1920×1080 (liggande) eller 1080×1920 (stående).
  • Rekommenderad storlek: under 20 MB per fil.
  • Inställningar per bild: visningstid, rotation (0°/90°/180°/270°), synlighet, schema.
  • Källa: välj från mediebiblioteket eller ladda upp direkt när du lägger till bilden. En vald fil visar en stor förhandsvisning innan du lägger till den.

Videobilder

Rörligt visuellt innehåll:

  • Format: MP4 med H.264-kodek, punkt. Andra format kan laddas upp men spelas inte på skärmarna.
  • Rekommenderad upplösning: 1920×1080 (Full HD).
  • Rekommenderad storlek: under 200 MB.
  • Rekommenderad bithastighet: 5–10 Mbps för Full HD.
  • Ljud: videor spelas utan ljud på skärmarna. Om budskapet bygger på ljud, lägg till textning.
  • Visningstid: som standard spelas videon i sin fulla längd. Ange en uttrycklig längd om spellistan ingår i synkroniserad uppspelning; se Synkroniserad uppspelning över skärmar.

Varning

Om du laddade upp en .mov-, .webm- eller .avi-fil och den inte spelas på skärmen är det väntat. Konvertera till MP4 (H.264) med HandBrake eller valfri videokonverterare och ladda upp igen.

PDF-bilder

Flersidiga dokument:

  • Varje sida i PDF-filen blir automatiskt en egen bild. Stora PDF-filer bearbetas sida för sida i bakgrunden; platshållare fylls i när sidorna är klara. Ensidiga PDF-filer fungerar likadant.
  • Uppspelning sida för sida med den inställda visningstiden.
  • Vanliga användningar: lunchmenyer, flersidiga rapporter, presentationer exporterade från PowerPoint eller Keynote.
  • Tips: designa käll-PDF:en för skärmvisning (stora teckensnitt, hög kontrast). PDF-filer gjorda för tryck har ofta detaljer som är för små för en skärm.

Webbplats-bilder

Inbäddat webbinnehåll (bildtypen iFrame):

  • Så lägger du till: Lägg till ny bild → Webb → Webbplats. Knappen heter Lägg till webbplats och fältet Webbplatsens URL.
  • URL-krav: valfri offentlig HTTPS-URL.
  • Förhandsvisning: en live-förhandsvisning visar hur sidan renderas i skärmens bildförhållande. Om webbplatsen vägrar inbäddning säger förhandsvisningen det, och skärmen öppnar den direkt i stället.
  • Inbäddningskrav: sidan måste tillåta inbäddning i en iframe (ingen `X-Frame-Options: DENY` eller restriktiv `Content-Security-Policy`).
  • Vanliga fallgropar: sidor som kräver inloggning, captive portal-sidor, sidor som upptäcker att de är i en iframe och blockerar. Inget av dem visas korrekt.
  • Testa först: öppna URL:en i ett privat webbläsarfönster för att bekräfta att den laddas utan inloggning.
  • Inställningar per bild: uppdateringsintervall i minuter (hur ofta webbplatsen laddas om), automatisk omladdning.

Tips

Många SaaS-dashboards (Notion, Airtable, Google Sheets med flera) erbjuder en offentlig delningslänk som fungerar i iframes. Leta efter ”Publicera på webben” eller ”Bädda in” i källans delningsmeny.

Bilder för buss- och tågtidtabeller

Avgångar i realtid från Fintraffic och de regionala kollektivtrafikmyndigheterna (Webb → Busstidtabeller eller Tågtidtabeller, Pro-skärmar):

  • Välj din stad, bygg hållplatsskärmen i myndighetens egen tjänst och klistra in länken; eller öppna en station på Junalähdöt, tryck på Öppna i helskärm och klistra in länken.
  • Under ytan är de Webbplats-bilder som uppdaterar sig själva; bildens eget uppdateringsintervall (6 timmar som standard) är bara en säkerhetsåtgärd.
  • Korten visar Fintraffics märke och etiketten Busstidtabeller eller Tågtidtabeller.
  • Fullständig guide: se Buss- och tågtidtabeller (Fintraffic).

YouTube på skärmar

Inbäddad YouTube-video via en Webbplats-bild:

  • Så lägger du till: klistra in YouTube-videons URL i en Webbplats-bild (Webb → Webbplats).
  • Ljud: spelas utan ljud på skärmarna (begränsningar för autouppspelning gäller också).
  • Loop: om videon är kortare än visningstiden loopas den. Om den är längre spelas den så länge bilden visas.
  • Nätverkskrav: InfoBox-enheten behöver internetåtkomst till YouTubes servrar.

Power BI på skärmar

Live BI-dashboards via en Webbplats-bild:

  • Krav: din Power BI-klientorganisation måste ha Publicera på webben aktiverat.
  • Så lägger du till: öppna rapporten i Power BI → Arkiv → Publicera på webben → kopiera inbäddnings-URL:en och klistra in den i en Webbplats-bild (Webb → Webbplats).
  • Uppdateringsintervall: hur ofta dashboarden hämtar sina data på nytt. Ställs in per bild.
  • Om du inte kan aktivera Publicera på webben: kontakta din Power BI-administratör. Inställningarna på klientnivå hanteras av Power BI-administratören, inte InfoBox.
  • Optimeringstips: designa Power BI-rapporter för skärmvisning. Använd stora teckensnitt, enkla diagram och hög kontrast. Ta bort filter och utsnitt från inbäddningsvyn.

Notera

Publicera på webben är en inställning på Power BI-klientnivå. Om den är avstängd fungerar ingen Power BI-bild, oavsett URL. Den sätts av din Power BI-administratör, utanför InfoBox.

Google Slides-bilder

Presentationer importerade via den anslutna integrationen (Pro-skärmar och spellistor):

  • Så lägger du till: Lägg till ny bild → Integrationer → Google Slides. Kräver ett anslutet Google-konto.
  • Varje bild i presentationen blir en egen bild på skärmen, i en hanterad grupp märkt Synkad från Google Slides.
  • Innehållet uppdateras automatiskt enligt synkintervallet (standard 60 minuter) eller direkt med Synka.
  • Fungerar med både Google Slides-presentationer och PowerPoint-filer (.pptx) i Drive.
  • Fullständig guide: se Google Slides-presentationer.

Canva-bilder

Designer importerade via den anslutna integrationen (Pro-skärmar och spellistor):

  • Så lägger du till: Lägg till ny bild → Integrationer → Canva. Kräver ett anslutet Canva-konto.
  • Du väljer vilka sidor som importeras; varje sida blir en egen bild i en hanterad grupp märkt Synkad från Canva.
  • Innehållet uppdateras automatiskt enligt synkintervallet (standard 60 minuter) eller direkt med Synka.
  • Gruppen schemaläggs och markeras som en enhet. Att duplicera en Canva-bild behåller länken till designen.
  • Fullständig guide: se Canva-designer (ansluten).

Spellista som bild

Bädda in en hel spellista på en skärm som en enda bild:

  • När bilden spelas körs hela den inbäddade spellistan igenom, och sedan fortsätter skärmen till nästa bild.
  • Används flitigt av kedjor och företag med flera platser. Bygg kampanjen en gång som spellista och bädda in den på varje plats skärm.
  • Ändringar i spellistan sprids till alla skärmar som använder den. Varje skärm kan ändå spela bilderna i sin egen ordning; se Koppla spellistor till skärmar.
  • Spellistans bilder räknas med i skärmens storlek och bildantal i sidhuvudet.
  • Fullständig guide: se Koppla spellistor till skärmar.

Åtgärder som alla bildtyper delar

På varje bildkort:

  • Byt: byt fil eller URL men behåll visningstid, schema och synlighet.
  • Duplicera: gör en kopia direkt efter originalet, som utkast tills du publicerar.
  • Schemalägg, Dölj/Visa, Ta bort och, med Välj, samma åtgärder på många bilder på en gång. Se Duplicera bilder och redigera flera på en gång.

Sammanfattning

Välj den bildtyp som passar innehållet. Varje typ har samma inställningar per bild (visningstid, schema, synlighet) plus typspecifika alternativ som rotation (bild), uppdateringsintervall (Webbplats), automatisk synk (Google Slides, Canva) eller inbäddat spellisteinnehåll (spellista som bild).