Skip to main content

Atlas har
stöd för Retina-grafik

5 Aug 2012 - iphone, ipad, retina, atlas
Som jag skrev om förut så ställer ju detta med Retina-grafik till det för oss webutvecklare. Sedan jag skrev det så har jag haft en rätt så klar tanke på hur jag ska lösa problemet, men inte genomfört det förrän idag.
Det är egentligen ruskigt enkelt, och det resulterade i bara sex rader kod egentligen. Atlas har sedan dag ett haft en funktion för att skala bilder, så det handlade bara om att göra om den. Den är rätt enkelt och ser ut så här:
printimg("ok.png", 32);
Den där funktionen tar ikonen "ok.png" och skalar ned den till 32 pixlars bredd och returnerar sedan en IMG-tag.
Så när Atlas känner av att det finns en Retina-kapabel enhet i andra änden så gör den helt enkelt om den där "32" till "64" men returnerar ändå en IMG-tagg där bredden är 32. Så den omskalade bilden är alltså dubbelt så stor (snarare fyra gånger så stor) men visas i en fjärdedel av storleken. På en "normal" monitor så skulle detta vara bortslängda pixlar, men på en Retina-display så blir det alltså helt korrekt.
Här är ett exempel på skillnaden. På bilden till vänster så ser nu hur Atlas hanterade detta innan. All text är väldigt skarp, men bilderna är suddiga och pixliga eftersom dom ritas upp i halva upplösningen av skärmen. Bilden till höger är som det fungerar nu. Skarpa och tydliga bilder och ikoner ger helt klart ett mycket proffsigare intryck.
Effekten är tydligare på en riktig enhet, så surfa gärna in på sandman.net med din iPhone eller iPad med Retina-display.
Mer i Webblog
Tro inte p allt p internet
Red Dead Redemption
Thstrm
Atlas har std fr Retinagrafik
Imponerande DHL
Espressomaskin
Fas tv
Nyckelord: iphone, ipad, retina, atlas, webb, design or ikoner
Bestllt Portenzo iPadfodral
iPad mini
iPhone 5 och iOS 6
Atlas har std fr Retinagrafik
Atlas fr ny logotype
iPad i kket
Spotify fr iPad
Hemma Bäst
Utebar: Pergola
Hemma Bäst
Utebar: Kylskåp och barstolar
Hemma Bäst
Utebar: Skåpdörrar
Arkad- och flipperkabinett
Robotar
Nordic: The Musical
Blodsbröder
Nordic: The Musical
Midgård
Nordic: The Musical
Himlen brinner
Nordic: The Musical
Gudarnas spel
Nordic: The Musical
Oändlig kärlek
Ljussabel-projektet
Hemma Bäst
Skåp till Ute-TV
Thåström i Globen
Bröllopspresent
Födelsedagspresent
Thåström
Nordic: The Musical
Kunskapens pris
Nordic: The Musical
Livets träd
Nordic: The Musical
Allting börjar alltid någonstans
Nytt projekt på gång: Ljussablar som ljuskälla
Hemma Bäst
Hemmaspa: Hemma-Spa klart!
Alien: Romulus
Hemma Bäst
Utebar: Utebaren klar!
Hemma Bäst
Utebar: Börjar likna en bar!
Hemma Bäst
Utebar: Reglar på plats
Hemma Bäst
Utebar: Rivning pågår!
Mjölner!
Hemma Bäst
Utebar: Utebar!
Mixtejp
Norrsken
Kan ha "råkat" skaffa något på Sci-Fi-mässan
Hemma Bäst
Hemmaspa: Det börjar ta form med hemma-spa:et
Rostfärg och IKEA-lampa
Myst Book
Create a physical book from my digital book
Myst Book
Survey Island
Myst Book
Someone is trying to sell my map!
Julkalender
Myst Book
Myst book updated
Ny tatuering - midgårdsormen!
Minnestal till en kaffekopp
Förlovade
Ny nummerskylt för huset
Fix i husbilen
Grubbelgubbe
Hemma Bäst
Verkstad: Uppdateringar i verkstaden!
Måla med rostfärg
Vårfix i trädgården
Jung Kook
Pappaskämt och annan humor
Bilder på spelbordet när det används