Bildstorlekar Mediaflow – EduTheme

Följande bildstorlekar gäller generellt för Region Hallands teman:

• Webb_Hero_fullbredd: 2304x658 px (går över hela skärmbredden)

• Webb_Hero_spaltbredd: 1728x494 px (följer sidans spaltbredd)

• Webb_Card _spaltbredd: 769x440x (passar till berättelser och innehåll)

• Webb_Card_vertikal: 509x291 px (passar till puffar och kurslistning)

Om det finns särskilda format för temat som används på din sajt, exempelvis EduTheme (för skolsajterna) har de namn som slutar med namnet på temat. Exempel:

• Webb_Hero_fullbredd_EduTheme

• Webb_Hero_spaltbredd_EduTheme

• Webb_Card_spaltbredd_EduTheme

• Webb_Card_vertikal_EduTheme

Att beskära bilder för responsiv webb

När man arbetar med bild på responsiv webb - om man vill vara helt säker på att allt visas - försök att tänka att 20-30% av kanterna inte helt kommer synas och beskär bilderna med det i åtanke, så du kan se den inre delen av bilden som en slags safe-zone.

Med andra ord - se till att din bild har marginal att ta av i kanterna, så att det viktiga i bilden hela tiden visas, oavsett hur skärmstorleken påverkar visningen av bilden.

När du använder de bildformat som är inlagda i Mediaflow blir bilderna optimerade för webb och anpassade för att funka när innehållet visas på olika skärmstorlekar - desktop, tablet och mobil.

Gör så här för att infoga bild från Mediaflow:

När du använder någon av vägarna för att infoga en bild (på en sida, i en puff etc.) hittar du Mediaflow genom att välja Ladda upp filer och sedan klicka på Hämta från MediaflowPro.

Markera den bild du vill använda och klicka på Infoga markerad bild.

Välj bildformat beroende på vad du ska använda bilden till - hero eller card (för berättelser, puffar etc). Formaten har namn i Mediaflow som börjar med "Webb...".

Om det finns särskilda format för temat som används på din sajt, exempelvis EduTheme (för skolsajterna) har de namn som slutar med namnet på temat - exempelvis "Webb_Card_spaltbredd_EduTheme".

När du valt bildformat kan du även se och påverka hur bilden beskärs.

När du är klar med att beskära bilden klickar du på Infoga denna bild.

Nu är bilden uppladdad till sajtens Mediabibliotek. Klicka på Select för att infoga bilden.