Bildstorlekar

I Trippus finns många möjligheter att ladda upp olika typer av bilder och beroende på var de ska visas så finns det både storlekar och bildformat som man måste ta hänsyn till.

Använd rätt filformat

Det allra första du bör tänka på är att använda rätt filformat för webben – JPEG eller PNG.

För vanliga fotografiska bilder är JPEG det självklara valet. Bilder som är sparade i detta format har en god färgåtergivning, rimlig kvalitet och förhållandevis liten filstorlek.

Om du å andra sidan har en grafisk bild med få färger, exempelvis en logotyp, eller om du önskar en transparent bakgrund, är PNG ett bättre filformat.

 

Pixlar - måttenhet för bilder att visas på bildskärm

Digitala fotografiska bilder är uppbyggda av små kvadratiska bildelement.
Dessa kallas pixlar. Även en skärm är uppbyggd av pixlar.
När man optimerar eller skapar bilder som ska visas på webben jobbar man oftast med måttenheten pixlar som förkortas .px

 

Tänk på hur du namnger dina bilder

Namnge också dina bilder på ett sätt som beskriver vad bilderna föreställer. Tänk på att inte använda konstiga tecken eller bokstäver som ”!”, ”?”, ”%”, ”#”, ”å”, ”ä”, ”ö” och liknande.

 

Optimerade bilder - snabbare laddning

Det är alltid onödigt att ladda upp en större bild än vad som krävs och vad som sen verkligen visas på sidan. Bilden är fortfarande stor och tung och kan göra så att sidan laddas långsammare för de som har en långsam internetuppkoppling. Att förminska eller optimera bilderna i ett bildredigeringsprogram är ofta att föredra. Har du inget sådant program och vill få hjälp med att optimera eller ändra en bild, kontakta oss på Trippus så hjälper vi dig.

 

Översikt Trippus och bildstorlekar

I nedan översikt ser du REKOMMENDERADE mått och filformat för placering av bilder i olika delar av Trippus. Bilden / logotypen du vill använda kan beroende på hur den ser ut behöva formateras eller justeras i ett bildredigeringsprogram innan du laddar upp den för att den ska visas optimalt. Det är viktigt att du tittar på sidan i olika enheter och storlekar så att du ser hur sidan och bilder visas.

Undvik att ha text i bilden, den kan beskäras beroende på vilken skärmstorlek som används.

 Visas iRekommendationerFilformat
Bakgrundsbild (Default)Reg + eventsidaBredd: 1920px
Höjd: 1080px
.jpeg, .png
Bakgrundsbild (Accessible)Reg + eventsidaBredd: 960px
Höjd: 1080px
.jpeg, .png
HeaderbildReg + eventsidaMinimått: 1920px bred
Höjd: 500px
.jpeg, .png
LogotypReg + eventsidaLiggande, ingen "luft" runt om loggan. Valfri men optimerad bredd och höjd. Anpassas automatiskt..jpeg, .png
FooterbildReg + eventsidaValfri men optimerad bredd och höjd. Bör vara 1000 px bred. Anpassas automatiskt..jpeg, .png
Bild/logga i bekräftelseBekräftelseMaxbredd: 600px.jpeg
Bild/logga i epostutskickEpostutskickMaxbredd: 600px.jpeg
Bild/logga i eventappEventappMinimått: 700px bred
valfri höjd
.jpeg, .png
Bakgrundsbild i eventappEventappBakgrundsbilden i eventappen syns oftast inte så mycket då knapparna ligger framför. För bästa motivåtergivning – gärna stående format. Valfri bredd och höjd.  .jpeg, .png
Bild i brödtext i eventappEventappBeror på hur bilden ska presenteras. I samband med att bilden laddas upp, ange bildens breddmått i %. Radera höjdmåttet helt. Ange 100% om bilden alltid ska visas i fullbredd. Lägre procenttal om bilden ska visas mindre .jpeg, .png
Bild i brödtext i eventsidaEventsidaBeror på hur bilden ska presenteras. I samband med att bilden laddas upp, ange bildens breddmått i %. Radera höjdmåttet helt. Ange 100% om bilden alltid ska visas i fullbredd. Lägre procenttal om bilden ska visas mindre .jpeg, .png
Huvudbild i inbjudan (Trippus standardmall)InbjudanExakt mått: 600px bred. Valfri höjd .jpeg
Logotyp i inbjudan (Trippus standardmall)InbjudanMinimått: 150px bred, Valfri höjd .jpeg
Ikoner i inbjudan (Trippus standardmall)InbjudanExakt mått: 49x49 px.jpeg