Raskere nettsider med bilder i WebP
B?de vi og de som bes?ker nettstedene v?re har et ?kende problem:
Bilder p? nettsidene er jevnt over altfor store og tunge. Filst?rrelsen p? mange av bildene p? for eksempel uio.no er ofte langt over 200 kB, noe som er helt un?dvendig og skadelig for brukeropplevelsen.
N? kan du bruke bildeformatet WebP for ? gj?re innholdet slankere og lettere ? laste ned!
Det gir mye raskere visning av nettsiden, bruker mindre data og str?m for bes?ker. Kort og godt mer effektiv og gr?nnere kommunikasjon.
Grunnen er at WebP er et nyere bildeformat som gir samme bildekvalitet til (minst!) en tredjedel av filst?rrelsen sammenliknet med tradisjonelle formater som JPEG.
Se dette eksempelet p? et illustrasjonbilde i WebP versus JPEG:
Dette betyr kort sagt at de som bes?ker v?re nettsider f?r sett innholdet raskere i sin nettleser, ogs? n?r b?ndbredde eller dekning varierer.
Velg 70-80 % kvalitet n?r du lager webp-bilder til bruk p? nettsider. Du kan lagre eller eksportere et bilde som WebP i de fleste redigeringsprogrammer.
I l?pet av 2023 vil vi presentere flere tiltak for ? gj?re bildeh?ndering enklere for dere slik at vi f?r enda slankere bilder:
Begrensning av maksimal st?rrelse for bilder, vurdere automatisk konvertering av bilder til WebP n?r du laster opp i Vortex, og ? komprimere bilder som allerede er i bruk p? nettstedene. Stay tuned!
Les mer om WebP p? Google Developer.
Bildegalleri med bedre funksjoner
Siden overgangen til nytt design p? uio.no har bildegalleriet hatt flere problemer. For ? l?se alle problemene var det n?dvendig med en helrenovering av galleriet.
Det nye galleriet fungerer like fint p? sm? og store skjermer, i artikkel, bildeliste og p? forsider. Fullskjermvisning fremhever bildene p? en langt bedre m?te enn tidligere. Miniatyrbilder er erstattet med bildeoversikt, som gj?r det lettere ? orientere seg i store galleri.
Koden har blitt skrevet p? nytt fra bunnen av, noe som har resultert raskere innlasting og en mer polert brukeropplevelse. Komponenten er den samme som tidligere, og alle eksisterende gallerier har f?tt nytt utseende.
Se eksempel p? nytt bildegalleri for utstillingen "Jegeren" ved Historisk museum.
Det nye bildegalleriet er tilgjengelig p? uio.no og alle nettsider som bruker det nye designrammeverket.
Statistikk for podcaster
Vi har laget et opplegg for statistikk for podkaster publisert med Vortex. Den gir samlet statistikk fra alle kanaler.
Den er satt opp for Universitetsplassen i f?rste omgang.
Mer info om hvordan du kan bestille den til din podkast kommer fra nettredakt?r p? ny?ret.
Se filst?rrelse for bilder og videoer i mappelisting og innholdsrapporter
N? kan du se filst?rrelsen for bilder, video og annet nettinnhold direkte i mappelisting.
Tidligere m?tte du navigere deg fram til informasjon om filst?rrelse under Om-flappen til hver enkelt fil.
Du f?r ogs? se filst?rrelsen i dialogen du f?r opp n?r du skal velge et bilde, og i innholdsrapporten for bilder.
Hvorfor skal du bry deg om filst?rrelse?
Nettsiden og ditt kommunikasjonsarbeid blir langt mer effektivt hvis du s?rger for at nettsiden kan vises raskt. Bildekvalitet p? nett blir ikke automatisk h?yere av ? bruke bilder med flest mulig piksler, h?y DPI og stor filst?rrelse.
En "tung" nettside gir en negativ brukeropplevelse, b?de fordi den laster tregere og krever mer str?m av mobilen. Det sender ogs? et h?yt og tydelig signal til m?lgruppa om at du ikke helt vet hva du driver med.
Lav filst?rrelse er ogs? en kvalitet ved ditt nettinnhold som gj?r innholdsstrategisk arbeid lettere og enklere, som for eksempel redigering, flytting og sletting av innhold.
S? hva er en god filst?rrelse for bilder p? nett?
De aller fleste bildemotiver blir godt gjengitt med en bildefil under 100 kB. I sjeldne tilfeller opp mot 200 kB.
Kan Vortex hjelpe meg med ? velge bedre filst?rrelser?
Det jobber vi med :) Automatikk for b?de valg av bildeformat, pikselst?rrelse og andre ting er noe vi h?per ? f? p? plass i l?pet av 2023.
Forbedret UU-sjekk
Siden februar har vi gjort en del forbedringer av UU-sjekk i Vortex, b?de noen synlige og noe optimalisering i bakkant:
- Beskrivelse p? norsk av de vanligste bruddene
- Mer presis detektering av UU-brudd
- Fjernet rapportering av brudd du selv ikke kan rette (eh, alts? v?re feil :)
- Laget backend-tjeneste for ? sjekke mange nettsider (og skjemaer i Nettskjema)
I starten av februar har vi planlagt ? m?le effekten av UU-sjekk, samt fortsette videreutvikling av den.
Liste over komponenter tilgjengelig i Hjelp-menyen
Hvilke komponenter kan du bruke p? en nettside? Hvordan bruker du dem?
I menyen for "Hjelp" i redigering kan du n? velge "Liste over komponenter".
Da kommer du direkte til UiOs nettside som gir beskrivelser av hver komponent og hvordan du bruker den.
Andre forbedringer og retting av feil
-
Vise thumbnail ved hover i innholdsrapport for bilder
- Rettet feil som ga ulike st?rrelser p? bilder (thumbnails) i artikkel- og arrangementslister
- Fjernet ?verste rad med p?logget bruker og logg ut-knapp (admin-meny) i forh?ndsvisning av dokumenter