Brug af billeder
For at sikre en ensartet tone og stil, er det vigtigt, at billeder præsenteres efter samme retningslinjer, så ssi.dk fremstår som et visuelt homogent site.
Filformater på komprimerede billeder
På nettet arbejder man komprimerede billeder - dvs billeder med en lav billedopløsning - fordi jo mindre billedet fylder, desto hurtigere kan websiden læses ind i browseren. Billedopløsningen fortæller noget om, hvor mange informationer eller pixels, billedet indeholder. Jo lavere opløsningen er, desto færre pixels indholder billedet - og omvendt. Hvis man skalerer et lavtopløsligt billede op i størrelsen, vil det derfor begynder at "pixelere" - dvs. at man begynder at kunne se de enkelte pixels i billedet.
Opløsningen på et billede angives som pixels/inch eller dpi. (Pixels er den mindste enhed i et billede og på en skærm). Billeder med lav opløsning er 72 pixels/inch, mens opløsningen på billeder til tryk skal være mindst 300 pixels/inch. Filstørrelsen angives i KB (kilobytes) eller MB (megabytes). Billeder, som fylder flere MB bør ikke anvendes på nettet, men skal først komprimeres i et billedbehandlingsprogram (se længere nede på siden) til et af nedenstående formater.
De vigtigste billedformater til nettet er:
| Format | Egnet til |
|---|---|
| gif | "Graphical Interchange Format". Gif bruges typisk til illustrationer og logoer, og billeder med forholdvis få farver, fx. ikoner. Gif er ikke egnet til fotos, da formatet max kan indeholde 256 farver. Til gengæld fylder gif-formatet meget lidt. I gif-billeder kan man vælge at gøre én af farverne gennemsigtig. |
| jpeg/jpg | "Joint Photographic Experts Group". Formatet er et af de mest anvendte til digitale billeder og er ideelt til fotografier og billeder med mange farver. Digitale kameraer leverer ofte billeder i jpg-format. |
| png | "Portable Network Graphics". Kan bruges til alle typer billeder. Png har større farvedybde end de to andre formater. Der sker heller ikke tab af billedkvaliteten, når man gemmer et billede i dette format. Derfor fylder det også en smule mere end de to andre formater. Til gengæld kan et png-billede godt skaleres en lille smule op eller ned. I Png-billeder kan man vælge at gøre én eller flere farver gennemsigtige. |
Eksempler på faste billedformater på ssi.dk
Fordi komprimerede billeder for det meste bliver ringere i kvaliteten, når de skalere op eller ned, er det vigtigt at billedet har de rette dimensioner, når det lægges op i mediebiblioteket. Nedenfor finder du en række billedfomater, der anvendes forskellige steder på ssi.dk.
Billeder i brandingbokse på forsiden såvel som sektionsforsider skal have en bestemt højde og bredde, ligesom temabilleder på både forsiden og sektionsforsiden.
På en almindelig artikelside side kan billedet dog sættes ind enten som fast billede (se Sitecore Basisvejledning) eller i selve editorfeltet. Det faste billede får en lille ramme omkring og
Med undtagelse af de billeder, man sætter ind på en artikelside skal de alle hNogle af dem skal have en bestemt højde og bredde, mens andre blot størrelse
| Billedplacering på siderne | Formater - bredde og højde |
|---|---|
| Brandingkarussel - forsiden | 958 x 278 pixels |
| Nyhedstema - forsiden - smalt aflangt billede | 462 x 100 pixels. Billedet placeres over teksten. |
| Nyhedstema - forsiden - højt billede | 246 x 171 pixels. Billedet kan placeres til højre eller venste for teksten. |
| Brandingbillede - sektionsforside og subsiteforside |
958 x 273 pixels |
| Temabilleder - sektionsforsider og subsites samt medarbejderportrætter (Job og karriere) | 233 x 121 pixels |
|
Alternativ sektionsforside - brandingboks m. tekst i tre kolonner |
728 x 237 pixels |
| Fast billede - almindelig artikelside med smalt indholdsområde | Det faste billede vises med en lille grå ramme omkring. Under billedet kan indsættes en billedetekst ligesom at brødteksten kan højre- eller venstrestilles om det faste billede. Hvis du ønsker, at billedet fylder hele sidens bredde, skal det være 440 pixels i bredden. Hvis billedet er bredere, skaleres det automatisk ned. Man kan kun indsætte ét fast billede pr. artikelside. |
| Fast billede - artikelside med bredt indholdsområde | Samme som for billede med smalt indholdsområde. Hvis du ønsker, at billedet fylder hele sidens bredde, skal det være 660 pixels i bredden. Hvis billedet er bredere, skaleres det automatisk ned. Man kan kun indsætte ét fast billede pr. artikelside. |
| Billeder indsat via editorfeltet - almindelig artikelside |
Billedet må max være 440 pixels bredt. Der kommer ingen ramme omring billedet. Ved at markere billedet, højreklikke med musen og vælge "Juster billedeegenskaber, kan man styre bl.a. højre eller venstrestilling af billedet. |
| Branding karrusel - Diagnostica | 958 x 278 pixels |
| De enkelte vacciner | 728 x 260 pixels |
| Diagnostisk Håndbog | 728 x 237 pixels |
| Find en medarbejder | 728 x 262 pixels |
| Job og karriere - brandingbillede | 728 x 237 pixels |
| Job og karriere - baggrundsbillede - ledige stillinger | 728 x 278 pixels |
| Publikationer - baggrundsbillede | 991 x 400 pixels |
| Sygdomsleksikon | 728 x 350 pixels |
| Højre relaterede bokse på artikelsider | 240 pixels i bredden. Bemærk at temabilleder derfor er for smalt! |
| Nyhedsbreve - samlet oversigt | Logoer på oversigtssiden vises med 188px i bredden, og de skaleres ned automatisk, hvis det tilknyttede billede er større. Højden er variabel, så der kan I selv vælge en passende størrelse. Der lægges en grå ramme omkring billedet, så det vil være en god idé at lave logoerne med en smule hvid margin, så billedet får luft ud til rammen. |
| Nyhedsbrev - brevhoved i e-mail | Logoet i brevhovedet vises med 600px i bredden og skaleres ligeledes ned automatisk, hvis det tilknyttede billede er større. Højden er variabel. Billedet bør være maks 600px i bredden, men kan fint være mindre, da det ikke skaleres op. |
* Ud over et fast billede på artikelsiderne kan man indsætte flere billeder via editorfeltet. Læs mere om hvordan i Sitecore basisvejledning s. 8-12.
Mappestruktur i mediebiblioteket
Billederne på ssi.dk er placeret i mediebiblioteket.
I mappen Globale billeder ligger en række billeder med fælles formater, som passer til brandingbokse og nyheds- og temabokse på forsiden, sektionsforsiderne samt på subsites. Digital Kommunikation administrerer og uploader billeder til disse mappe.
Alle øvrige billeder skal placeres under hovedmappen Indhold og undermapperne DK - Dansk hhv. EN - Engelsk i den mappestruktur, som afspejler menustrukturen.
Alt-tekster på billeder
Alle billeder skal have en alt-tekst - en alterntiv tekst - som beskriver, hvad billedet forestiller. Alt-tekster er vigtige og benyttes af skæmoplæsere til blinde og svagtseende personer. Hvis ikke et billeder har en alt-tekst, vil der være en rød streg til venstre for billedfeltet, når du står i mediebiblioteket.
De globale billeder har alle en alt-tekst, der ofte er af mere generel karakter. Hvis disse billeder benyttes i andre sammenhænge, kan det derfor være nødvendigt at tilpasse alt-teksten. Man tilpasser alt-teksten til billede inde på selve artikeltsiden ved under billedefeltet at klikke på linket Egenskaber. Herved fremkommer en diaglogboks, hvori man kan skrive en mere sigende alt-tekst, der bedre beskriver den sammenhæng, billedet er brugt i. Se hvordan du gør i Sitecore basisvejledning s. 9.
Værktøjer til billedbehandling
Af de professionelle billedbehandlingsprogrammer anbefaler vi, at man anskaffer enten Adobe Photoshop eller det lidt billigere Adobe Elements, som begge indeholder de nyeste værktøjer inden for digital billedbehandling. Begge programmer kan hentes ned i gratis prøveversioner.
Her udover findes også et udmærket gratis billedbehandlingsprogram, der hedder Paint.net som kan downloades på: www.getpaint.net
Tone/stil
For at tone og stil skal bliver gennemgående på hjemmesiden, anbefaler vi, at man enten finder billeder i SSI's billeddatabase, som der er adgang til fra SerumNet (husk at være logget på!) eller - hvis man søger billeder af mere generel karakter - i billedbanken Shutterstock.com, som SSI har en licens til at hente billeder fra. Digital Kommunikation administrerer licensen og koordinerer download af billeder - find kontaktinformationer under kontakt
Fotografering
I forbindelse med fotografering på SSI ved brug af fotograf, skal bestilleren af billederne være opmærksom på, at der skal være indgået en aftale mellem SSI og fotografen om overdragelse af eneret og ejerskab til billederne. Man kan enten indgå en enkeltstående aftale eller en løbende aftale (hvis man ønsker at benytte fotografen flere opgaver fremover også). Links til dokumenter med de to aftaler finder du til højre.
SSI har indgået en løbende aftale med fotograf Tuala Hjarnø. Tuala har taget en stor del af de billeder, der er i billeddatabasen. Tuala Hjarnø kan kontaktes direkte på tlf.: 2670 9160 og E-mail: iAM@TUALA.com
Hygiejniske krav til billeder af personer i kittel
Det er vigtigt at billeder af fra laboratorier og personer på SSI i kittel overholder de hygiejniske krav, som bl. a. er defineret i Råd og Anvisninger, Infektionshygiejnisk standard 2451-2:
- Ærme på arbejdsdragter skal være til eller over albueniveau
- Fingerringe, armbånd, armbåndsur og andre smykker må ikke bæres på hænder og underarme
- Negle skal være synligt rene og kortklippede – dvs ingen neglelak og kunstige negle
- Håndskinner, armstrømper, fingerforbindinger, plaster og lign. må ikke anvendes
Portrætbilleder/samtykkeerklæring
Ved portrætbilleder eller situationsbilleder af personer, som er tydeligt genkendelige, gælder, at der skal indhentes skriftligt samtykke af personen. Et link til samtykkeerklæringen findes ude i højre side.
Læs iøvrigt nærmere om retningslinjer fra Datatilsynet, rettigheder til billeder samt de hygiejniske krav i dokumentet "Procedurer for offentliggørelse af billeder på SSI" ude i højre side.
Vigtige dokumenter
Procedure for offentliggørelse af billeder (pdf) Samtykke erklæring fra personer på billeder (pdf) Enkeltstående Aftale om Overdragelse af Eneret og Ejerskab til Billeder (pdf) Løbende Aftale om Overdragelse af Eneret og Ejerskab til Billeder (pdf)