Du kan jo vælge at ændre billedet med media queries, sådan at det ændrer størrelse i forhold til det aktuelle medie det ses på. På den måde vil det tage kortere tid at load'e hjemmesiden på mobiltelefoner, tablets og mindre skærme på PC'ere. Billedet vil dog afhængig af kvalitet, stadig tage lang tid at load'e hvis det er stort. Jeg ville nok vælge at lade være med at have et stort baggrundsbillede og så have noget grafisk baggrund, der kan gentage sig i css, sådan at det ikke tager tid at load'e. I øvrigt synes jeg ikke det er mange responsive hjemmesider, der har et stort baggrundsbillede, de fleste har bare noget kontur. Man kan forøvrigt også lægge flere baggrundsbilleder ind i det samme tag og placere dem forskelligt, sådan at de altid er hvor de skal være... mvh Jens Andersen |
Media queries er ikke en silver bullit, slet ikke når udviklingen går i retning af mobiler og tablets med høj opløsning.
Som det er nu kan man ikke se forskel på en mobil en tablet hvis de begge er i fuld hd med media queries.
Udgangspunktet for responsivt design har været at mobiler havde den mindste opløsning, tablets lidt større og computere den største, men virkligheden ser bare noget anderledes ud.
Den eneste løsning der er på det problem er at lave querys ud fra PPI, men det er der ikke support på endnu.
Men opløsnings ræset vil se en ende, da det på et tidspunkt ikke er muligt at se forskel med det menneskelige øje. Det giver ikke meget mening at have en 2K telefon, eller TV for den sags skyld selvom fabrikanterne gerne vil pushe de høje opløsninger. Det handler mest om at det er der "slaget" står lige nu, men jeg tror ikke det er noget slutbrugere vil betale for.
Det er lidt som 3D, til hjemmebrug, det var det hotteste for nogle år siden, nu bliver det ikke markedsført ret meget mere.
Teddy