Hvordan Enonic forenkler dine daglige bildeproblemer

Du har funnet et fantastisk bilde som garantert vil fange oppmerksomheten til publikum, og nå vil du dele det. Hvor vanskelig kan det være? Overraskende utfordrende, faktisk. Å publisere bilder på tvers av enheter og plattformer kan være langt mer tidkrevende enn du skulle tro.

Jo flere steder bildet skal publiseres, jo flere ganger må formatet endres, noe som åpner for flere muligheter for optimaliseringsfeil og formateringsproblemer.

Heldigvis kan Enonic hjelpe. Våre verktøy for bildehåndtering gjør det enkelt å sette inn, redigere og dele bilder på tvers av alle plattformer og enheter.

Hvor bruker du bilder i et CMS?

Det er en rekke steder du kan ønske å bruke bilder i ditt CMS:

• Teksteditor: Sett inn et bilde hvor som helst i teksteditoren.

• Metadata: Bruk metadata for å koble et bilde til en bestemt del av nettstedet ditt eller innholdet ditt. For eksempel kan du bruke metadata for å vise bildet i søkeresultater eller på landingssiden din.

• Bildemodul: Du kan bruke CMS-et ditt til å sette inn fremhevede bilder direkte i et bestemt område på nettstedet ditt, for å vise dem frem.

Last opp bildene dine til Enonic

Å laste opp bilder i Enonic er en lek. Slipp dem inn i teksteditorfeltet, bruk "sett inn bilde"-alternativet, eller direkte inn i nettstedets struktur ved å bruke dialogboksen for oppretting av innhold.

Søk eller bla for å finne de rette bildene

Hvis bildet ditt allerede er i Enonic, kan du søke eller bla for å finne det.

Sett inn bilder i innholdet ditt

1. Velg bildets sideforhold og posisjonering, og legg til en bildetekst og alternativ tekst.
2. Sett inn bildet i innholdet ditt, enten det er direkte i teksteditoren eller i en modul på nettstedet ditt.

Redigering av bildet

Nå som du har lastet opp bildet ditt, er det tid for den virkelig viktige delen – redigeringen. Beskjæring, rotering, speiling og valg av fokuspunkt for bildet ditt vil sikre at det ser flott ut, uansett hvilken enhet eller plattform det vises på.

Rediger

Bruk redigeringsverktøyet til å beskjære (zoome og panorere), rotere eller speile bildet.

Fokuspunkt

Å velge et fokuspunkt for bildet ditt sikrer at det ser bra ut på hele nettstedet ditt. Det betyr at selv om malen på nettsiden din har et bilde med et 1:1-sideforhold ett sted og et 16:9-sideforhold et annet sted, vil bildet ditt aldri vises beskåret på feil sted eller med mye tomrom på begge sider.

Bildemetadata og tilgangsrettigheter

Når du har redigert bildet ditt og lagt til et fokuspunkt, kan du også legge til metadata som alt-tekst, bilde-URL, beskrivelse, opphavsrettsinformasjon osv. Du kan også legge til tilgangsrettigheter for å kontrollere hvem som ser bildet og hvem som kan redigere det.

Organisering av bildene dine

Et organisert bildebibliotek bør være en nøkkelfunksjon i et hvilket som helst CMS, så vi gjør det enkelt å holde alle mediene dine i orden.

Oppbevarer, lagrer og organiserer bildene dine

Når du laster opp bilder i Enonic, lagres de under hvert innholdselement de er knyttet til, eller der de ble lastet opp i hierarkiet.

Du kan også opprette mapper for bildene dine. Takket være brukertilgangstillatelser kan du kontrollere nøyaktig hvem som kan se og redigere disse mappene.

Høyreklikk og velg ‘flytt’ på bildene for å ordne dem nøyaktig slik du ønsker i hierarkiet.

Les mer: Hvordan bruke Enonic for effektiv innholdsforvaltning »

Avanserte bildefunksjoner for utviklere

Avanserte bildefunksjoner gir deg mer kontroll over utseendet på bildene dine. De inkluderer:

Skaleringsfunksjoner for å sikre at bildet passer til den gitte bredden og høyden på de angitte bildeproposjonene.

Filtre for å justere utseendet på bildet ditt, for eksempel ved å legge til rammer eller gråtone.

Brukeropplevelse

Bilderedigering bør ikke være begrenset til skrivebordet. Det er derfor Enonics redigeringsverktøy fungerer på mobil også, takket være store ikoner og berøringsskjermfunksjonalitet.

Digitale opplevelser er avhengige av fantastiske visuelle elementer. Det er derfor vi har gjort opplasting, redigering og formatering så enkelt som mulig. Våre intuitive redigeringsverktøy gjør det ikke bare enkelt å vise frem bildene dine, men de sikrer også at bildene ser flotte ut uansett hvor de blir sett.

Navnekonvensjon

Siden rot er uunngåelig, bør du håndheve en viss navnekonvensjon, samt sørge for at ditt CMS har en database eller mappestruktur for å samle bildene dine på ett sted (eller flere, hvis det passer deg bedre).

En godt gjennomtenkt navnekonvensjon vil, sammen med tagging hvis ditt CMS støtter det, gjøre det enkelt for deg å finne og hente bilder til dine formål og gjenbruk.

I navnet eller taggen kan du for eksempel indikere om bildet er fremhevet, eller om det tjener et spesifikt formål, samt identifisere temaet for den relaterte artikkelen eller blogginnlegget, og innholdet i bildet.

For eksempel: bildet i denne artikkelen kan kalles “Paintbrush woman image handling.”

Alt-tekst

Når du bruker bilder på nettet, er det et par ting å vurdere. Først, vær oppmerksom på den såkalte “alt-teksten.” Nettlesere er ikke som mennesker, og kan ikke se bilder på samme måte som vi kan. I stedet “leser” nettleserne alt-teksten til bildet for å få en idé om hva det handler om. Hvis nettleseren av en eller annen grunn ikke kan vise bildet, vil alt-teksten vises i stedet (“alt” betyr “alternativ”).

Videre vil også synshemmede personer få lese hva bildet viser takket være alt-teksten. Så vær oppmerksom på både søkemotoroptimalisering og brukervennlighet/tilgjengelighet når du setter alt-teksten – du vil at både søkemotorer og alle menneskelige besøkende skal forstå hva alt innholdet på siden handler om.

Les mer: 3 steg for å optimalisere brukeropplevelsen på ditt nettsted »

Bildestørrelse

Et annet aspekt av bilder å være oppmerksom på er størrelsen. Flere og flere mennesker bruker Internett mens de er på farten, det vil si mens de bruker mobiltelefoner og mobile datapakker.

Å ha bilder med enorme størrelser vil raskt sluke enhver båndbreddebegrensning, så sørg for å komprimere bildet i ditt CMS, hvis det kan håndtere komprimering og skalering sømløst (og det bør det!). Eller bruk eksterne verktøy som TinyPNG, etc. for å redusere filstørrelsen.

Først publisert 20. august 2018, oppdatert 19. oktober 2026.