Den mystiske måde Safari håndterer iPad Retina -billeder

En underlig fejl i Mobile Safari betyder, at din iPad måske nægter at vise dig billeder i høj opløsning på din nye nethinde Skærm, i stedet skalere dem ned og få dem til at se lige så slemme ud, som de ville gøre, hvis de havde lav opløsning til Begynd med. Mærkeligt nok påvirker dette problem kun JPG'er og derefter kun visse JPG'er. Hvad sker der?

Fotograf Duncan Davidson netopdagede nogle fotografier og indså, at de så værre ud end mindre fotos. Som en nørd begyndte han at grave rundt for at finde ud af hvorfor og kom med denne forklaring:

Billeder større end 1775 pixel brede (eller 1180 pixels høje) bliver ned-samplet af Webkit. Op til det tal, og du er ok. Hit 1776, og dine billeder skaleres ned. PNG'er er fine, og det er også-mærkeligt nok-de nethindede billeder på Apples websted.

Løsningen viser sig at være at bruge progressive JPG'er. Kan du huske, da vi plejede at bruge disse? En progressiv JPG downloader successivt billeder med højere opløsning og viser dem. Således får du et blokeret, men komplet billede, som derefter udfyldes efterhånden som der modtages flere data. Brug en progressiv JPG, og Webkit har ingen problemer med at vise den.

Dette er en overraskende smart løsning på problemet med visning af billeder til forskellige skærme, men jeg har et spørgsmål: er der nogen, der ved, om disse progressive JPG'er kan stoppe halvvejs? Det vil sige, kan en almindelig iPad kun indlæse mængden af ​​detaljer, den er i stand til at vise?

Læs mere om tekniske detaljer, samt resultater af eksperimentet, ovre på Duncans blog.