Ny version av IMS på svenska.yle.fi

Efter fem år och 165 000 bilder är det dags att ge IMS (Image management system) som används på svenska.yle.fi ett ansiktslyft. Den nya IMS-versionen har nya funktioner och ett nytt utseende. Om allt går enligt plan tas den i bruk onsdag 26.3.

För alla användare betyder det vissa förändringar, här kommer några skärmdumpar och info om förändringar:

Man öppnar IMS på samma sätt som tidigare
Man öppnar IMS på samma sätt som tidigare. Nu kan man också öppna bilden för redigering genom att klicka på bilden.
Så här ser första vyn ut där man kan välja vad man vill göra
Så här ser första vyn ut där man kan välja vad man vill göra
Bläddra och välj bild
Bläddra och välj bild
Vy man ser då en ny bild har laddats upp
Vy man ser då en ny bild har laddats upp

Om den bild man laddar upp inte är tillräckligt stor varnar systemet om detta. Minimistorlek är 1600×900. Systemet tillåter dock allt som är större än 640×360 px.

Det finns skäl att alltid eftersträva en så stor bild som möjligt. På svenska.yle.fi börjar vi nu använda en bild som är 880×495 px. Om bilden inte uppfyller den storleken kommer vi att förstora den artificiellt. Man kan jämföra med hur man gör med 4:3 bilder som sänds i tv som 16:9.

En annan aspekt är att högupplösta skärmar tas i bruk i allt större utsträckning. Det gör att vi väldigt snart är tvungna att ta i bruk en ännu större storlek fast vår bildbank i IMS inte har tillräckligt stora bilder. Ladda därför alltid upp bilden i största möjliga storlek.

Beskärning går nu att göra i 16:9-, 1:1- och 2:3-format
Beskärning går nu att göra i 16:9-, 1:1- och 2:3-format

Till de bildversioner som besökarna på svenska.yle.fi ser använder vi en automatiskt ansiktsigenkännings-funktion ifall en manuell beskärning saknas, vilket fungerar i 70-90% av fallen. Det ersätter med andra ord inte att en människa beskurit bilden. Då du skall beskära de enskilda formaten klickar du på respektive miniatyrversion (som automatiskt visar en förhandsversion av slutresultatet).

Om beskärningar inte gjorts så ser bilden ut så här för administratorer, så att man skall ha en möjlighet att se att bilden inte är beskärd.
Om beskärningarna saknas ser bilden ut så här för administratörer. Orsaken är att man då ser att bilden behöver beskäras.

Då du väljer en bild skall du alltid kontrollera att beskärningen är korrekt. I föregående version av IMS sparades inte beskärningsdatan eftersom beskärningarna sparades direkt i den enskilda bildfilen. Det ledde till att vi inte kunde återskapa hur bilden varit klippt tidigare. Oberoende av det så behöver en människa kontrollera 1:1- och 2:3-formaten som är helt nya och saknar beskärning.

Detta gör att en okänd procentandel av våra bilder nu är klippta på ett icke kontrollerat sätt (skedde per automatik vid migreringen).

Om du ser en bild som behöver korrigeras kan du öppna den i IMSen genom att gå in och redigera artikeln. Väl inne i artikeln öppnar du den specifika bilden i IMSen genom att klicka på bilden.

De enskilda fälten har fått förklaringar:

För att andra skall hitta din bild lönar det sig att  skriva bra taggar. Separera taggarna med kommatecken,

För att personer som har en synnedsättning också skall veta vad som visas på bilden är ALT-fältet obligatoriskt.

För att personer som har en synnedsättning också skall få veta vad som visas på bilden är ALT fältet obligatoriskt.

Detta fält var tidigare inte obligatoriskt. Om du redigerar en gammal bild blir du därför tvungen att skriva beskrivningen.

Till de nya funktionerna hör:

  • I de situationer som svenska.yle.fi av layoutmässigaskäl behöver veta bildens format och storlek kommer 16:9 formatet att användas
  • Exempel: En bild som du laddar upp kommer alltid att finnas också som 16:9. Om bilden är satt som huvudmedia i en artikel kommer den med nuvarande layout aldrig att visas som 1:1 eller 2:3. 1:1-, original- och 2:3-beskärningen kan du använda inne i en artikels brödtext genom att då du sätter in bilden välja en av dem.
  • Inne i artiklar kan man välja att en bild är 1:1, 16:9, originalformat eller 2:3
  • Inne i artiklar kan man välja att en bild är viktig, den kommer då att visas i ett större format än en bild som är insatt som standard
  • Du kan ladda ner en bild i den storlek som Arenan behöver direkt från IMS
  • Bilderna levereras nu via en CDN (Content Distrubution Network) som gör att bilden levereras snabbare för att den kommer från ett datacenter som är nära användaren
  • Rotera bilden direkt i IMS
  • Bilderna kan visas i vilken pixel-storlek som helst, vilket gör att vi kan skapa bättre användarupplevelser. Vi kan ladda bilder exakt så stora som de på riktigt behöver vara, och användaren behöver inte ladda ner en för tung bild.
  • IMS kan stänga av visningen av alla bilder i svenska.yle.fi om vi av ngn orsak måste minska på hela sajtens vikt. Kan bli aktuellt t.ex. vid en DoS-attack.
  • ”Ersätt bilden”-funktionen beaktar att bildens bredd/höjd kan ha ändrat

De första dagarna kommer bilderna på svenska.yle.fi och admin att vara lite långsammare, men snabbas upp vartefter fler och fler av bilderna har visats och lagras i CDN:ens cache.

Tack till Rasmus och Tero för deras insatser.

Hur fungerar bilder i IMS?

Bilder som används i artiklar som publiceras på svenska.yle.fi hämtas från bildhanteringssystemet IMS (Image managment system). Här kommer en kort förklaring av hur det är uppbyggt och skall användas.

Då en bild laddas upp behöver följande delar fyllas i:

Taggar
För att hitta bland alla dessa bilder har vi valt att använda taggar. Dessa taggar är i dagens läge ännu friform (dvs redaktören kan själv hitta på beskrivande ord eller förkortningar – huvudsaken är att de är ord som andra känner till och skulle kunna tänkas söka på då de söker en bild till sin artikel.). Taggarna sparas också inne i bilderna, och kan påverka hur relevant en sökmotor uppfattar att en artikel är. I framtiden blir det aktuellt att koppla ihop taggningen med ontologier (Läs ”Varför skall jag tagga min artikel?”).

Alt
Text som beskriver bilden. OBS! Inte en text som beskriver artikeln i vilken bilden kommer att användas. Skall vara en text som beskriver bilden så att någon som har nedsatt syn/är blind också kan förstå vad som finns på bilden. Används också av sökmotorerna för att bedömma en artikels relevans.

Copyright
Vem som tagit bilden och innehar copyright. Ifall bilden är tagen av ngn på Yle skriver man Förnamn Efternamn / Yle

Anmärkningar
Ett internt meddelandefält, som bör användas för att märka ut specialinfo om bilden, t.ex. om det är en bild från en bildbyrå med specialanvändningsregler.


De system som är kopplade till IMS har varierande lösningar för bildtext.

I nya svenska.yle.fi kan man efter att man hämtat sin bild från IMS lägga till en bildtext. Denna bildtext sparas i den enskilda artikeln. Den kan därför anpassas per artikel.

Du som använt IMS tillsammans med den gamla nyhetssajten – använd bildens ID då du vill sätta till en bild i nya svenska.yle.fi


Vad syns åt användaren?

  • Alt-texten syns för personer med nedsatt syn. Vissa webbläsare visar Alt-texten då man sätter muspilen på bilden.
  • Copyright visas utskrivet under bilden.
  • Bildtexten som skrivits in i Drupal visas utskrivet under bilden.

Om IMS
Vår bildhanteringssystem innehåller i skrivande stund ca 90 000 bilder. Systemet skapades och togs i bruk 2008/2009. Systemet är består av en frontend API och ett internt backend-system där bilderna laddas upp och redigeras. Vilket CMS som helst kan kopplas till IMS.

Då en bild laddas upp i backenden sparas originalbilden (ladda därför alltid upp bilden i så stort format som möjligt) på en intranät skiva, och samtidigt skapas automatiskt nio mindre versioner av bilden. Dessa nio är de versioner som syns i artiklarna (storleken beroende av layouten).

Förändringar som är på kommande under 2012 är möjligheten att ersätta en redan uppladdad bild samt större bildstorlekar. Beskärningen av bilder kommer att ändra från att ske per bildstorlek till att ske per relation (16:9, 1:1, 10:15).