Bilder av text
Här kan du läsa om hur du ställer in visningen av bilder som innehåller text.
Et 'tekstbillede' refererer til læsbar tekst, som er præsenteret inde i en fast billedform for at opnå en bestemt visuel stil. Det er altså et billede med/af tekst, som ikke kan fjernes.
Vi fraråder at bruge billeder med/af tekst, fordi:
- Hvert billede i mediebiblioteket kan blive brugt i alle komponenter med billeder i. De kan tilpasses størrelses- og formmæssigt til mobil, desktop, forskellige skærme osv. Det betyder, at billedet bliver beskåret på forskellige måder på tværs af hjemmesiden og på tværs af type visninger, og derfor er det ikke optimalt, når billeder er med/af tekst.
- Brugere med skærmlæsere, altså oftest blinde eller svagtsynede brugere, ikke kan læse billedets tekst på den måde, det er tiltænkt.
I denne artikel vil vi tage dig igennem de råd, vi har til brug af billeder med tekst. Vi vil give anvisninger til, hvordan du bedst tilpasser dine billeder, hvis du alligevel får brug for at gøre brug af billeder af tekst.
Hvis et billede af tekst er nødvendigt, fx i form af et logo, skal være den samme som teksten i billedet. Logoer i menu og footer skal ikke følge beskåringen beskrevet i denne vejledning.
Dette er et billede med tekst, sat op efter de angivne råd.
Alle billeder i mediearkivet kan blive brugt på hele hjemmesiden og af alle komponenter, som indeholder et billede. Derfor er det vigtigt, at man tænker over kompositionen af sit billede, så teksten i billedet ikke bliver afskåret i nogle beskæringer/visninger af billedet.
Går man ind for at redigere et billede i mediearkivet, vil man kunne se alle de beskæringer/visninger, som bruges af platformens komponenter, der indeholder billeder. Det er her, man kan se om sit billede passer godt ind i alle formater.
Billedet nedenfor viser forskellige beskæringer/visninger af et billede der indeholder tekst, og som du kan se bliver teksten ikke beskåret i nogle visninger:
Til jer, som har behov for præcise mål til tilpasning af et billede, der indeholder tekst, har vi lavet et eksempel man kan følge. I eksemplet skal man bruge whitespace til at skabe rum omkring sin tekst, så det ikke er jeres tekst i billedet der blive beskåret i visningerne, men kun det udenom teksten.
Whitespace er rummet mellem eller omkring tekst, grafik og billeder. Whitespace-rum er også kendt som negativt rum eller tomt rum.
For at skabe whitespace der sørger for at jeres tekst ikke bliver beskåret i visningerne i mediearkivet, skal whitespace på top og bund af billedet være minimum 185% af indholdets højde og whitespace på siderne (venstre/højre) være minimum 70% af indholdets bredde.
Billedet nedenfor viser den minimumme whitespace et tekstbillede skal have for ikke at blive afskåret i nogle billede visninger:
Billeder som indsættes i Tekstkomponenten på artikel sider bliver ikke beskåret, så her skal i ikke tage hensyn til whitespace i et tekstbillede.
Husk at andre også kan bruge billedet, hvis det ligger i mediearkivet. Gør de det, vil der opstå det problem med beskæring i visninger, som vi har frarådet i denne artikel.
