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 i | Rekommendationer | Filformat | |
| Bakgrundsbild (Default) | Reg + eventsida | Bredd: 1920px Höjd: 1080px | .jpeg, .png |
| Bakgrundsbild (Accessible) | Reg + eventsida | Bredd: 960px Höjd: 1080px | .jpeg, .png |
| Headerbild | Reg + eventsida | Minimått: 1920px bred Höjd: 500px | .jpeg, .png |
| Logotyp | Reg + eventsida | Liggande, ingen "luft" runt om loggan. Valfri men optimerad bredd och höjd. Anpassas automatiskt. | .jpeg, .png |
| Footerbild | Reg + eventsida | Valfri men optimerad bredd och höjd. Bör vara 1000 px bred. Anpassas automatiskt. | .jpeg, .png |
| Bild/logga i bekräftelse | Bekräftelse | Maxbredd: 600px | .jpeg |
| Bild/logga i epostutskick | Epostutskick | Maxbredd: 600px | .jpeg |
| Bild/logga i eventapp | Eventapp | Minimått: 700px bred valfri höjd | .jpeg, .png |
| Bakgrundsbild i eventapp | Eventapp | Bakgrundsbilden 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 eventapp | Eventapp | Beror 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 eventsida | Eventsida | Beror 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) | Inbjudan | Exakt mått: 600px bred. Valfri höjd | .jpeg |
| Logotyp i inbjudan (Trippus standardmall) | Inbjudan | Minimått: 150px bred, Valfri höjd | .jpeg |
| Ikoner i inbjudan (Trippus standardmall) | Inbjudan | Exakt mått: 49x49 px | .jpeg |
Kommentarer
0 kommentarer
Artikeln är stängd för kommentarer.