Guide – Bildrekommendationer

Toppbilden visar exempel på ”toppfilm” med en preview-bild. Filmen är i 16:9 proportion och bilden är skapad med samma proportioner – i detta fall: 1260x709px.

Herobild (Landingpage)

Original skalas ner till 1200 bredd (bildens proportioner behålls). Informationen i bilden bör vara centrerad, för att fungera i olika skärmstorlekar. Visas ut maskad beroende på skärmstorlek och placering.

Toppbild (Standardmall)

Bild måste vara minst 968 bred, och 555 hög för att kunna laddas upp.
Normal – Original sparas om, skalas och beskärs. Visas ut med 968×555 px.
Utfallande – Original sparas om, skalas och beskärs. Visas ut med 1460×555 px.
Dessa båda visas ut proportionerligt – de maskas ej.

Rekommendation: Beroende på önskat utfall – ladda upp bilderna i minst de angivna storlekarna ovan.

Om man har en film i topp så anpassar sig bilden (en preview-bild) till filmens proportion. Bilden som laddas upp bör ha samma proportion som filmen för att undvika letterboxing. En vanlig proportion för youtubefilmer är 16:9. I sådana fall kommer bilden att visas ut i en yta som är 968×544 px.

Bilden som visas ut, för filmpreview – verkar vara originalbilden – var noga med att ej ladda upp för tunga bilder.

Osäker, vet ej om detta skall vara en möjlighet: Om man väljer ”Utfallande” för en topp med film så visas den i samma storlek fast centrerad på sidan (det kan ta ett tag innan detta uppdateras på servern dock…)

Redaktionella puffar

Originalbild sparas om, klipps och beskärs. Till 800×600 px.
Maskas (främst sidorna) beroende på tillgänglig yta (beroende på antal i kolumn, och beroende på skärmstorlek). Visas med max-höjd på 476px. Informationen i bild bör ligga inom en kvadrat i center av bild.

Förslagsvis: Ladda upp bilder som är större än 800×600 px. Tänk på var informationen i bilden är placerad. Information i kanterna riskerar att maskas bort (och klippas bort – beroende på proportion av originalbild).

Toppbild Bransch, Erbjudande

Ingen möjlighet. Än?

Teaserbild (Utvald bild) Erbjudande

Visar ut en skalad variant av originalbild. BÖR ÄNDRAS TILL EN MINDRE BILD (imagestyle).
Visas med max-höjd på 476px. Anpassar sig till en kvadratisk bild – maskar sidor. Information bör ligga centrerad i bild inom en kvadrat.

Förslagsvis: Ladda upp bilder som är minst 800×800 px.

Teaserbild (Utvald bild) Branscher (dvs listsida för branscher)

Verkar beskära och skala uppladdad originalbild till ett satt mått: 722x476px 800x600px

Teasers Söksida

Hämtar bilder från käll-sidor. Om ingen bild hittas så används en fallbackbild. Dessa bilder visas ut med en mindre max-höjd, kan maskas ovan- och undertill.

Bilder i brödtext

Visas ut (max) med samma bredd som textfälten de ligger i. Undvik att visa ut i originalstorlek (för att undvika stora filer) – anpassa dem (med WP’s editor) till 960 bredd.

Så här fungerar en bild placerad i brödtextytan. Bilden är sparad i storlek 1024×684 px, och originalbilden visas (undvik att använda originalstorlek – använd hellre en ”mellan-storlek”, t.ex 960 – genom WP’s redigering av bild). Bilden skalar ner sig proportionerligt till bredden av textytan.

Logga för Erbjudanden

Osäker. Funkar ej 100% på staging ännu.