Hur beskär jag och centrerar bilderna för t.ex. slidern och karusellen?(v01)

fredag 18 februari 2022

Team Polaris

För att få en bra presentation av bilderna i slidern och i karusellen, och vid behov i listvyn av innehållet (kalender, nyheter, aktioner etc.) , är det viktigt att

  • Ha bilder med tillräcklig bredd och höjdmarginaler för att tillåta beskärning runt delen som ska visas
  • Beskär och centrera motiven korrekt (se exempel)
  • Använd bilder med bra upplösning och håll dig till pixeldimensionerna som bidrar till en bra rendering.

Redigering i Polaris görs i följande tre steg:

  • Steg 1: Ladda ner hela bilden
  • Steg 2: Grundläggande beskärning av bilden för publicering i dess slidern och/eller karusellen och vid behov i  listvyn
  • Steg 3: X-Y-centrering av bilden för dessa 3 möjliga vyer

En bild för tre möjliga utseenden

Steg 1: Ladda upp bilden

Ladda upp hela bilden med så många marginaler som möjligt för att underlätta beskärningen.

Steg 1: Ladda upp bilden

Steg 2: Beskär bilden

Detta innebär att du beskär bilden för dess olika vyer, med tanke på att om en av vyerna är slidern, så lägger titeln och beskrivningen över bilden. Dessa är av varierande höjd beroende på texternas längd.

Efter att ha valt önskad ram, klicka på "Beskär".

Steg 2: Beskär bilden

Steg 3: Centrera bilden i de tre vyerna

Genom att flytta fokuspunkten med markören kan du flytta den beskurna bilden uppifrån och ned och från vänster till höger och observera resultatet i de tre möjliga vyerna av slidern, karusellen och innehållslistan.

När resultatet för vyn/vyerna är tillräckligt, klicka på knappen "Ange fokuspunkt".

Steg3: Ange focuspunkt

Tips

För slidern måste du lämna den nödvändiga marginalen längst ner på bilden för titeln och texten som kommer att visas som en transparent överlagring

För att säkerställa den bästa renderingen är det ibland nödvändigt att göra steg 1 till 3 mer än en gång

Lämna plats för titel och text

Steg 4: Välj storlek på bilden och beskrivningarna

Välj den breddproportion som bilden ska uppta i innehållsdetaljvyn skriv sedan in bildetiketten och texten.

Steg 4: Välj förhållandet mellan bilden och texten