Responsiv design (att i webbläsaren anpassa sidan utifrån den enhet man använder) är en viktig trend inom dagens webbutveckling. Att vi skulle använda oss av responsiva tekniker var närmast en självklarhet när vi tidigare i år byggde om Aftonbladets mobilsajt.

Men responsiv design kommer med en hel del egna problem. Ett av de olösta problemen är hur man bäst hanterar bilder, att så snabbt som möjligt ge användarna så bra bilder som möjligt som använder så lite bandbredd som möjligt.

När vi byggde om mobilsajten ville vi verkligen få till bildhanteringen rätt. Vi började med att testa en mängd olika varianter av “responsive images” som andra tagit fram, men ingen av dem fyllde helt vårt behov. Så vi kombinerade ihop en hel del idéer från andras arbete till en mix som passade oss bra.

För oss var det viktigt att få till en lösning som inte tvingade oss att kompromissa för mycket när det gällde sidans prestanda. Vi vill absolut ha snygga bilder anpassade till användarens telefon, men det får inte göra sajten långsam eller slösa på användarens begränsade datatrafik i onödan.

Vi tror oss inte ha hittat den slutliga lösningen på hur man ska hantera responisva bilder, men vi tror att vår lösning kan vara till hjälp och inspiration för andra och föra utvecklingen ett litet steg framåt. Så jag och Anders Andersen (en av få konsulter i teamet) skrev före sommaren ihop en artikel för Smashing Magazine som publicerats idag. Läs den, och kom gärna med inspel och funderingar.