BilderSlik laster du opp, redigerer, sletter og setter inn bilder. Lær deg hvordan du organiserer bildesamlingen i ACOS CMS. Publisert av Geir Hansen Publisert 22.09.2017 12.37 Last opp, slett og redigereBruke bilder på nettsidenPromobilderOfte stilte spørsmålSlik ser oversikten over bilder ut i ACOS CMS Last opp, rediger og slett Opprette bildekategorierBildene du laster opp i ACOS CMS må legges i en kategori. Du kan opprette kategorier slik: Gå til Rediger > Bilder Klikk på (...)-knappen øverst til venstre Klikk på Ny kategori Gi kategorien et navn og klikk Enter Underkategori Du kan også opprette kategorier under andre kategorier: Hold musen over en kategori Klikk på (...)-knappen som dukker opp Klikk på Ny kategori Gi kategorien et navn og klikk Enter Laste opp bilder Gå til Rediger > Bilder Velg en kategori til venstre Klikk på Opplastingsfeltet eller dra-og-slipp inn bilder fra PC-en din Skriv inn: Tittel Navnet på bildet. Vises i oversikten over bilder i ACOS CMS Bildetekst (valgfritt) Vises under bildet på nettsiden Fotograf (valgfritt) Skriv inn navnet den/de som har opphavsrettighetene til bildet Klikk Last opp Bildet er nå klart til å brukes og kan settes inn i artikler over hele nettstedet. Støttede filtyper er .jpg, .png, .gif og .tiff Redigere bilderFinn bildet du vil redigere: Gå til Rediger > Bilder Finn bildet du vil redigere og klikk på det Gjør de endringene som trengs Klikk Lagre når du er ferdig Last ned Last ned en kopi av bildet til din datamaskin Klikk på Last ned Velg en plassering på datamaskinen for å lagre det Rotér Snu/drei bildet mot venstre eller høyre. Klikk ↺ Rotér for å rotere bildet 90 grader én gang mot venstre Klikk ↻ Rotér for å rotere bildet 90 grader én gang mot høyre Beskjær Lag et utsnitt av bildet. Klikk på Beskjær Klikk og dra for å markere området som skal beskjæres Klikk på Beskjær for å lagre endringen Angrer du på beskjæringen? Du kan alltids gjenopprette bildet tilbake til originalen ved å klikke på (...)-knappen til høyre for Avbryt og deretter ↺ Gjenopprett originalbilde Fokuspunkt Her kan du bestemme hvilken del av bildet som skal være i fokus dersom ikke hele bildet får plass i en visning, for eksempel i en artikkeloversikt.. Klikk på Fokuspunkt Klikk i bildet for å sette et fokuspunkt Klikk ✓ OK for å lagre endringen Bytt bilde Erstatt dette bildet med et annet bildet på datamaskinen din. Vær oppmerksom på at bildet vil endres alle steder hvor det er brukt. Klikk Bytt bilde Velg et bilde fra datamaskinen din Velg den kategorien du vil lagre det nye bildet i Klikk ✓ OK Slette bilderSlette et bilde Gå til Rediger > Bilder Finn bildet i listen Hold musen over det Klikk på (...)-knappen Klikk på Slett Klikk ✓ OK for å bekrefte Slettet et bilde ved et uhell? Fortvil ikke! Slettede bilder havner i Papirkurven og kan gjenopprettes der Slette flere bilder samtidig Det er også mulig å slette flere bilder samtidig: Hold musen over et bilde Klikk på avkrysningsboksen for å markere det Gjenta for de bildene du vil slette Klikk på (...)-knappen på toppen av listen Klikk på Slett Klikk ✓ OK for å bekrefte Flytte bilderDu kan flytte et bilde fra en kategori til en annen slik: Gå til Rediger > Bilder Finn bildet i listen Hold musen over det Klikk på (...)-knappen Klikk på Flytt til kategori Velg kategorien du vil flytte bildet til Klikk ✓ OK for å bekrefte Kopiere bilderTrenger du en kopi/duplikat av et bilde? Du kan lage en kopi av et bilde slik: Gå til Rediger > Bilder Finn bildet i listen Hold musen over det Klikk på (...)-knappen Klikk på Lag kopi Velg kategorien du vil flytte bildet til Klikk ✓ OK for å bekrefte Tips! Lag en kopi hvis du trenger to varianter av det samme bildet, for eksempel en beskåret versjon og et i originalstørrelse. Sette fokuspunkt på bilderNoen ganger hender det at bildet vises litt rart i en nyhetsliste. For eksempel av øverste del av bildet vises, men at du ønsker at en annen del av bildet skal vises. Da kan du bruke fokuspunkt. Åpne artikkelen hvor bildet er publisert Dobbeltklikk på bildet Trykk på Blyantikonet på selve bildet Trykk på Fokuspunkt og klikk på bildet der du vil ha nytt fokuspunkt Bruke bilder på nettsiden Sette inn bilde i artikkel eller en modulFor å sette inn et bilde i en artikkel gjør du slik: Gå til artikkelen (eller modul) Klikk i teksten der hvor bildet skal være Klikk på Sett inn > Bilde Velg et bilde. Her har du flere valg: Last opp et bilde Dra og slipp inn et nytt bilde i Opplastingsfeltet eller klikk på Last opp bilder Velg et bilde som allerede er lastet opp Klikk på et bilde i oversikten. For å finne bildet du er ute etter kan du enten søke på navn, eller velge hvilken kategori det ligger i. Legg inn metadata og velg plassering: Bredde Velg en størrelse Plassering Velg plassering til Venstre, i Senter (midten) eller til Høyre for teksten. Du kan også velge Ingen for å la teksten flyte over og under bildet. Bildetekst Teksten vises under bildet i artikkelen på nettsiden. Alternativ tekst Teksten blir lest opp av leseverktøy. Viktig med tanke på Universell Utforming, les mer om kravene på Difi sine sider. La feltet stå tomt dersom det er et dekorativt bilde som ikke tilfører noe informasjon til teksten (altså dersom bildet bare er til "pynt"). Fotograf Skriv inn navnet den/de som har opphavsrettighetene til bildet Klikk på Ferdig Endre bildetekst, alternativ tekst og fotografDu kan endre bildetekst, alternativ tekst og fotograf selv etter du har satt inn et bilde i en artikkel: Dobbeltklikk på bildet i artikkelen Fyll inn feltene Bildetekst, Alternativ tekst og Fotograf Klikk på Ferdig Hvis det finnes noe tekst i feltene Bildetekst og Fotograf vil denne teksten vises under bildet. Alternativ tekst vil ikke vises, men vil bli lest opp av leseverktøy (hjelpemiddel som ofte brukes av svaksynte eller personer med lesevansker). Bilderedigering følger kontekst: Samme bilde kan benyttes i flere artikler og ha ulik metatekst (bilde/alt-tekst.) Forutsetningen er at metatekst for bilde endres i artikkelen. På denne måten kan samme bilde ha ulike beskrivelser basert på hvilken artikkel det presenteres i. Endres metatekst på bilde fra artikkel er det denne som gjelder i den aktuelle artikkel. Scenarioer Første gang et bilde settes inn i artikkel brukes metatekster som er lagt inn for bildet i bildemodul (Rediger >Bilder) Endres metatekster for bildet fra artikkelen i etterkant velges disse fremfor den som er i bildemodul Endres metatekster for bildet i artikkel overskrives ikke metatekster som er lagt inn for bildet i bildemodulen (Rediger > bilder) Endres metatekster for bildet i bildemodul vil ikke dette overskrive metatekster om de allerede er endret i artikler Endre plassering i forhold til tekst Dobbeltklikk på bildet i artikkelen Velg Plassering Venstre justerer bildet til venstre og teksten til høyre Senter justerer bildet i midten av artikkelen, og teksten vil legge seg over og under bildet Høyre justerer bildet til høyre og teksten til venstre Ingen sørger for at teksten vil legge seg over og under bildet, uavhengig av hvilken bredde som er valgt Klikk på Ferdig Åpne bilde i stort vindu når noen klikker på detFor at bilde skal åpne i eget vindu (Light-box) må du legge inn en Alternativ tekst på bildet (Alt tekst). Hvis ikke det er alternativ tekst på bildet tolkes det som et illustrasjonsbilde. Endre størrelse / bredde på bildetStørrelse og plassering Etter at du har satt inn et bilde i en artikkel kan du fremdeles redigere størrelse og plassering. Det gjør du slik: Dobbeltklikk på bildet i artikkelen Velg Bredde 25% viser bildet i en fjerdedel av artikkelens bredde 33% viser bildet i en tredjedal av artikkelens bredde 50% viser bildet i halve bredden av artikkelen 66% viser bildet i to tredjedeler av artikkelens bredde 75% viser bildet i tre fjerdedeler av artikkelens bredde 100% viser bildet i hele artikkelens bredde Original viser bildet i bildets opprinnelige størrelse Egendefinert gir deg muligheten til å velge en størrelse selv Klikk på Ferdig Endre bildeutsnitt / beskjær bildetDu kan alltids beskjære bildet, selv etter du har satt det inn i en artikkel: Dobbeltklikk på bildet Klikk på blyantikonet på bildet Klikk på Lag et bildeutsnitt Klikk og dra et utsnitt Klikk på Ferdig Vis flere bilder i et bildegalleriDu kan lage et bildegalleri/slideshow slik: Gå til artikkelen Klikk på Sett inn > Bildegalleri Velg et utseende på bildegalleriet Klikk på Legg til bilder Huk av hvilke bilder du vil ha med i bildegalleriet Klikk på Ferdig Bytte ut bildet med et annetDu kan fint bytte ut et bilde med et annet dersom du ønsker det: Dobbeltklikk på bildet i artikkelen Klikk på Endre bilde Velg et nytt bilde Klikk på Ferdig Promobilder - få kontroll på bilder som deles og promoterer innholdet Promobilde - velg bilde i nyhetslister, i bildebanner og deling til FacebookVelg et promobilde i artikkel:I meny, klikk på menypunkt og velg artikkel du vil legge til et promobildeI artikkelen, klikk i feltet for Promobilde (under Tittel)Velg bildeKlikk Lagre/Publiser Promobilde benyttes:Når du deler artikkelen på FacebookNår artikkelen vises i et bildebanner (fokusnyhet)Når artikkelen viser i en nyhetsoversiktVelg et promobilde for nettstedet:Bildet vil prioriteres om du deler en artikkel eller et menypunkt som ikke har bilder til f.eks Facebook Klikk i nettstedsvelger (øverst i venstre hjørne)Klikk på InnstillingerUnder Innstillinger i høyre marg, klikk i feltet PromobildeVelg bildet du vil skal vise når innhold deles fra nettstedetKlikk LagreVelg et bilde som viser når du deler lenke til nettstedetNår du deler en lenke til nettstedet til f.eks. sosiale medier og det ikke er lagt inn noe bilde i innholdet du deler kan du velge et bilde som viser: Klikk på nettstedsvelger, klikk på Innstillinger for nettstedet Under Metadata, klikk i feltet for Promobilde og last opp eller velg et bilde Klikk Lagre Legg til promobilde på et menypunkt eller transportside?I meny, klikk på menypunkt du vil legge inn promobilde påUnder Innstillinger, klikk på UtformingKlikk i feltet for Promobilde og velg et bilde som skal vise når menypunktet delesKlikk OKLagrePromobildet viser ikke når jeg deler til Facebook Prøv å gjøre stegene under for å finne ut hvilken informasjon Facebook har om bilde som deles i artikkelen Kopiere og lim inn adressen til artikkelen (med promobildet) etter at den er publisert på facebooks Sharing debugger. Klikk på Debug Klikk på Scrape again I feltet Link preview ser du hvilken informasjon Facebook har om bildet som deles: Jeg har byttet promobildet men det nye bildet viser ikke på Facebook Har du allerede delt en artikkel til Facebook med promobilde er det ikke alltid bildet endres på den delte posten på Facebook, om du bytter i etterkant: Du kan sjekke hvilket bilde som deltes på Facebook ved å logge inn her og klikk på "Scrape again" og se om bildet oppdateres med det du la inn i artikkelen Hvis ikke er løsningen å dele artikkelen på nytt med det nye promobildet I disse tilfellene er det Facebook som kontrollerer hvilket bilde som viser og ikke ACOS Kan jeg beskjære og endre fokusfelt for promobildet?Ja det kan du: I artikkel > Innstillinger > Metadata > Promobilde Klikk på bildet Klikk på blyant-ikon Velg "Lag bildeutsnitt" eller "Fokuspunkt" Klikk Ferdig > Ferdig Ofte stilte spørsmål - bilder Kan jeg lage lenke på bildet? I versjon 17.1 er muligheten til å lage lenke på bilde via meny ikke tilgjengelig enda. Her er en midlertidig fremgangsmåte er å lage lenken som tekst ved siden av bildet Difi har noen retningslinjer for bruk av bilder som lenker med tanke på Universell Utforming. Vurder alltid om dette er det beste for alle brukerne dine. Der er alltids en mulighet for å skrive lenken som tekst ved siden av bildet. Se ellers w3c sin veiledning for bruk av bilder Kan jeg se hvor et bilde er benyttet?Ja det kan du om du. Gå til Rediger > Bilder Markere en blidekategori Klikk på flervalgsknapp (...) bak et bilde Klikk på "Hvor er bildet benyttet?" En liste med referanser til hvor bildet er benyttet viser i nytt vindu Sjekk hvor mange bilder som ikke er i bruk Gå til Rediger > Bilder Markere en blidekategori Øverst på siden velg "Ikke i bruk" fra filteret En liste med bilder som ikke er i bruk vises nå (hvis det finnes noen som ikke er i bruk) "Benyttet" eller "i bruk" definerer om elementet har en kobling til noe eller ikke, uavhengig om koblingen er publisert eller ikke. Endre bannerbilde/forsidebilde/promobilde Ikke alle design har et forside-/bannerbilde. Dette varierer fra nettsted til nettsted. Er du usikker på hvilke innstillinger du har på ditt nettsted kan du ta kontakt med vår supportavdeling "Bannerbilde", "forsidebilde" eller "promobilde" er ofte bare brukt som et kallenavn på et emnetypefelt. Hvis det i designet ditt er lagt til en webpart for visning av et bilde, for eksempel på layouten "Forside", finnes det ofte en emnetype hvor du kan bestemme hvilket bilde som skal vises i denne webparten. Det kan variere hva denne emnetypen heter eller hvor den tilhører, men her er de vanligste scenarioene: Banner-/forsidebilde på forsiden Gå til Meny (via husikonet) Klikk på Startside-menypunktet (det med et lite husikon foran seg) Åpne Emnetype under Innstillinger til høyre Velg Emnetype > Forside Du vil nå få opp et felt som heter "Bannerbilde" eller lignende Klikk på feltet for å velge et bilde Klikk Lagre Promobilde i en artikkeloversikt "Promobilde" brukes ofte som et kallenavn på et bilde som kun skal vises i en artikkeloversikt/-utlisting, men ikke inne på selve artikkelen. Hvordan dette er satt opp avhenger av flere faktorer: Det må finnes en emnetype til artikkelen med et emnetypefelt for valg av bilde Det må finnes en webpart på layouten som viser siste artikler fra det menypunktet og har samme nøkkel som emnetypefeltet Så lenge disse to tingene er på plass vil det være mulig å velge et bilde som skal brukes til "promobilde" på artikkelen. Da gjør du slik: Gå til artikkelen Åpne Emnetype under Innstillinger til høyre Velg Emnetype > Nyhet* *Du får muligens opp flere valg her, og hva emnetypen heter varierer fra design til design. Du vil nå få opp et felt som heter "Promobilde" eller lignende. Klikk på feltet for å velge et bilde Klikk Lagre Jeg får ikke lastet opp et bildeHvis du ikke får lastet opp et bilde kan det skyldes en av flere ting: Bildet er av feil filtype ACOS CMS støtter kun .jpg, .png, .gif og .tiff Bildefilen er for stor Det er en begrensning på hvor stor fil du kan laste opp. Denne er som standard satt til 15mb. Jeg endrer fokuspunkt for et bilde men utsnittet endres ikke likevelDet kan være flere grunner til at fokuspunktet tilsynelatende ikke virker: Bildet må finnes en plass hvor utsnittet er bestemt på forhånd Fokuspunkt fungerer kun på bilder som brukes der hvor designet har et forhåndsbestemt bildeutsnitt. En artikkeloversikt er ofte et eksempel på dette. I en artikkeloversikt er gjerne bildet i et 16:9-format — uansett hvor stort, lite, høyt eller bredt bildet egentlig er. Da skal fokuspunkt fungere. I en artikkel derimot er det du som bestemmer bildets bredde, utsnitt (ved beskjæring) og plassering. Der vil ikke fokuspunkt fungere. Det er en feil i koden/designet Av og til hender det at det i implementeringen av designet er oppstått en feil eller det er løst på en slik måte at fokusfunksjonaliteten ikke fungerer optimalt. Når en klikker på bildet så åpnes det ikke i stort (eget) vindu på nettsidenI artikkel: Klikk på bildet som er satt inn i artikkelen og som ikke åpnes i stort vindu Skriv inn en Alt-tekst som forklarer hva som skjer på bildet klikk Ferdig Klikk Lagre Bilder som ikke har Alt-tekst tolkes som dekorative bilder Størrelsen på bildet blir ikke riktig når jeg setter det inn i en artikkelHar du lagt inn et bilde i en artikkel, men bredden du velger blir ikke riktig? Hvis du setter inn et bilde får du mulighet til å velge en bredde, for eksempel 100%. I dette tilfellet betyr det at bildets bredde skal være 100% av artikkelens bredde, eller "fullbredde" om du vil. Dette vil dog kun fungere dersom bildets originalbredde er like bred eller bredere enn artikkelens bredde. Hvis artikkelen vises på en PC-skjerm vil den ofte være mellom 800 og 1000 pixler bred. Sørg for at originalbildet er i en større størrelse enn dette. ACOS CMS strekker ikke bilder bredere enn de opprinnelig er. Det ville gitt et kornete resultat. Finn ut hvor stort originalbildet er Dobbeltklikk på bildet Klikk på i-symbolet Undersøk verdien Bildestørrelse Den første tallverdien viser hvor bredt originalbildet er. "1920 x 1080" for eksempel indikerer at bildet er 1920 pixler bredt. Hvis oppløsningen er lav er det ikke sikkert bildet vil klare å strekke seg til artikkelens bredde. Om jeg endrer (beskjærer, endrer bildetekst el.) bilde i bildemodulen, vil det da påvirke bildet alle steder det er benyttet?Nei. Om du endrer et bilde i kontekst ( i artikkel eller kalender el.) er det dette som prioriteres når bildet viser på nettsiden. Det vil si at du kan bruke samme bilde flere steder og ha ulik bildetekst/utsnitt etc. "I kontekst" menes i dette tilfellet om endringen på bildet gjøres i artikkeleditor (eller kalender) "I bildemodul" er bildet "lagres" i CMS, Rediger > bilder Klikk på bildene for å se eksempler Om metadata for bilde endres i artikkeleditor er det dette som blir vist på nettsiden Metadata for bildet viser på nettsiden Metadata kan også endres i bildemodulen (Rediger > bilde) men blir overstyrt om den endres i artikkel (kontekst) Bildet kommer inn feil vei, kan jeg rotere det? Ja, klikk på bildet i oversikten Klikk 2 ganger på "roter bildet 90 grader" Bruk "Rotere-knappene" over bildet Hva er max filstørrelse på et bilde jeg kan laste opp?Maks størrelse på bilder og filer 50 MB, dette står i bilde/filopplaster. Dersom grensen er lavere enn dere har behov for og lavere enn 50 MB, kan dere endre denne selv opp til 50 MB. Komprimeres bilder automatisk når de lastes opp?Ja på en måte. Dvs. når et bilde lastes opp blir det laget flere versjoner i ulike størrelser. Disse størrelsene velges avhengig av hvilken størrelse som velges når bildet benyttes. F.eks om bildet velges å vise i 50% bredde så velges den versjonen som er nærmest denne bredden osv.