Bildstorlekar i olika sidlayouter.

Transkript

1 Sida 1 av 9 Bildstorlekar i olika sidlayouter. Innehåll Inledning... 2 Startsida... 3 Vanlig sida för förening... 4 Formulärsida... 5 Block i Karusell... 6 Block i Högerkolumn... 7 Nyhetsarkivet... 8 Aktivitetskalender... 9

2 Sida 2 av 9 Inledning Det finns två olika sätt att lägga in bilder på webbsidorna. Under Brödtext Under Bild med bildtext Under Brödtext kan du som redaktör påverka sambandet mellan bild och text i stor utsträckning. Den enda bildbegränsningen som du har på bilden är dess bredd. Har du en bredare bild så kommer det att bli lite konstiga effekter på webbsidan. I gengäld så har systemet ett bra verktyg för att hantera det under Brödtext i knappen Infoga/Redigera bild. När det gäller Bild med bildtext är bildstorlek bestämda av systemet. Därvid är det viktigt med att den bild som man lägger in har rätt förhållande till bredd och höjd. Om inte rätt förhållande finns i bilden så gör systemet lite våld på bilden genom att beskära den i över och underkant. I tabellerna redovisar jag för olika bilstorlekar i de olika sidorna och blocken. För de bilder som måste ha ett bestämt förhålland visar jag även vilket förhållande det är vid en fast bildbredd av 1000 px. Bildstorlekarna är testade i Google Chrome, i andra webbläsare (Internet Explorer, Firefox, Safari) så kan det förekomma avvikelser med några pixlar i både höjd och bredd.

3 Sida 3 av 9 Startsida Bild i brödtext Max ca 460 x xyz Höjd kan variera. Finns ingen teoretisk gräns. När det gäller bild i Brödtext så är det en rekommenderad max bredd. Bilder i Brödtext reduceras inte av webbservern utan lägger man in en bild som har ex storleken 4000 x 3000 pixel och är på ca 7 Mb, samt ändrar storleken i Infoga/redigera bild - Utseende. Då är det den stora bilden och storleken på datamängden som läses ut till webbläsaren. Gör man då en nyhet med många bilder så kan tiden för att hämta sidan fördröjas avsevärt. M.a.o. Se till att bilder som man använder i Brödtextobjektet är förminskad till den storlek man vill ha.

4 Sida 4 av 9 Vanlig sida för förening Vanlig sida för förening (i Bild) 468 x 312 (1000x666) Bild i brödtext Max ca 468 x xyz Höjd kan variera. Finns ingen teoretisk gräns. Du kan ha en bredare bild om du inte använder Block i högerkolumn. Dock så följer inte texten med ut till bildbredden. När det gäller bild i Brödtext så är det en rekommenderad max bredd. Bilder i Brödtext reduceras inte av webbservern utan lägger man in en bild som har ex storleken 4000 x 3000 pixel och är på ca 7 Mb, samt ändrar storleken i Infoga/redigera bild - Utseende. Då är det den stora bilden och storleken på datamängden som läses ut till webbläsaren. Gör man då en nyhet med många bilder så kan tiden för att hämta sidan fördröjas avsevärt. M.a.o. Se till att bilder som man använder i Brödtextobjektet är förminskad till den storlek man vill ha.

5 Sida 5 av 9 Formulärsida Kommer i en senare utgåva.

6 Sida 6 av 9 Block i Karusell Karusellblock - liten bild, 420 x 204 Rubrik (1000x486) Stor textyta till höger Länk Karusellblock - mellan bild, Rubrik Stor textyta till höger Länk Karusellblock - stor bild, Rubrik till höger Ingen text Länk Karusellblock - stor bild, Rubrik i botten Ingen text Ingen länk Karusellblock - hel bild, Ingen rubrik Ingen text Ingen länk Karusellblock - ingen bild, Rubrik Stor textyta Länk 488 x 300 (1000x614) 964 x 288 (1000x298) 964 x 288 (1000x298) 972 x 300 (1000 x 309) - OBS! Vit halvtransparant ruta till höger med rubrik och länk. Storlek på ruta 482 x 137 OBS! Vit halvtransparant ruta i nederkant med rubrik och länk. Storlek på ruta 964 x 84.

7 Sida 7 av 9 Block i Högerkolumn Standardpuff för högerkolumn och bottenarea. Det finns 3 olika stora blockdelar beroende på var blocket används. Som ni ser så skalar systemet om samma bild på olika sätt beroende på om det är på startsida eller egen sida. Bred högerkolumn o Bild (kan utelämnas) o Rubrik (kan utelämnas) o Brödtext (kan utelämnas) o Länk (kan utelämnas) Smal högerkolumn o Bild (kan utelämnas) o Rubrik (kan utelämnas) o Brödtext (kan utelämnas) o Länk (kan utelämnas) 275 x 185 (1000 x 673) 196 x 131 (1000x668) Startsida Bredd 310 px Vanlig sida för förening Bredd 234 px Nedre blockyta??? Vet inte var man kan använda bottenarea. Bildpuff för högerkolumn Det finns 2 olika stora blockdelar beroende på var blocket används. Bred högerkolumn (Startsida) o Bild o Länk (kan utelämnas) Smal högerkolumn (Egna sidor) o Bild o Länk (kan utelämnas) Facebook-block för högerspalten Facebook feed (Ja/Nej) Länk till facebook 308 x 205 (1000x666) 225 x 150 (1000x667) Som ni ser så skalar systemet om samma bild på olika sätt beroende på om det är på startsida eller övriga sidor. Startsida Bredd 310 px OBS! Vit halvtransparant ruta i nederkant med länk. Storlek på ruta 312 x 44. Vanlig sida för förening Bredd 234 px OBS! Vit halvtransparant ruta i nederkant med länk. Storlek på ruta 234 x 44.

8 Sida 8 av 9 Nyhetsarkivet Här kan man lägga in bild på två ställen. Dels i Header tillsammans med ingressen. Dels i Brödtexten Bild i header. På startsidan och nyhetsarkivet På textsidan 215 x 143 (1000x665) 468 x 312 (1000 x 667) Som ni ser så skalar systemet om samma bild på olika sätt beroende på om det är på startsida eller i textsida. Bild i brödtext Max ca 460 x xyz Höjd kan variera. Finns ingen teoretisk gräns. När det gäller bild i Brödtext så är det en rekommenderad max bredd. Bilder i Brödtext reduceras inte av webbservern utan lägger man in en bild som har ex storleken 4000 x 3000 pixel och är på ca 7 Mb, samt ändrar storleken i Infoga/redigera bild - Utseende. Då är det den stora bilden och storleken på datamängden som läses ut till webbläsaren. Gör man då en nyhet med många bilder så kan tiden för att hämta sidan fördröjas avsevärt. M.a.o. Se till att bilder som man använder i Brödtextobjektet är förminskad till den storlek man vill ha.

9 Sida 9 av 9 Aktivitetskalender Bild under Visa info 300 x 200 (1000x667)