Panelen



Forumnavigering
Senast inloggade
RSS
Sponsorer

Forum > Klientspråk > Generella frågor

Bakgrundsbild, olika skärmupplösningar

Dellans
Dellans

Gradering

#21169

Hej!

Jag har precis blivit klar med en design i photoshop. Bakgrunden jag har är 1024x768. Vilket anser ni vara bästa lösningen på att anpassa backgrunden beroende på vilken skärmupplösning besökaren har. Bilden blev så oehört ful när jag stretchade den.

Hur brukar ni göra? :)

Redigerades av Dellans den 29 augusti 2011. Läs tidigare inlägg.
ID: #21169 | Skapades: 2011-08-29 16:28:16 | Tråden har 5 svar och har lästs 316 gånger.

Roosweb
Roosweb

Gradering

#21170

Du kan ju t.ex. ha en bakgrund som går att repetera på ett snyggt sätt, eller en bakgrundsbild som övergår till en solid färg sedan som bara fyller ut resten av skärmen vid behov. :)

Med Vänliga Hälsningar - Robert Roos - Roosweb.se
ID: #21170 | Skapades: 2011-08-29 16:32:56

Dellans
Dellans

Gradering

#21171

Citerar Roosweb:

Du kan ju t.ex. ha en bakgrund som går att repetera på ett snyggt sätt, eller en bakgrundsbild som övergår till en solid färg sedan som bara fyller ut resten av skärmen vid behov. :)

 

Det låter smart att göra så. Det är väl så jag har gjort tidigare. Ska testa att övergå till en färg som fyller ut, bör inte vara så svårt eller bli fult. Tror bakgrunden passar rätt bra för det. Tona ut bilden till svart på båda sidorna och sen centrera bilden?

Annars har jag tänk så att jag vill ha det indelat i 3 bilder kan man väl säga. Dvs att till vänster ligger en bild, till höger ligger en och i mitten har jag en bild med repeat som fyller ut. Hur skulle det kunna se ut?

Redigerades av Dellans den 29 augusti 2011. Läs tidigare inlägg.
ID: #21171 | Skapades: 2011-08-29 18:22:23

Shadi
Shadi

Gradering

#21172

De båda sätten ni nämner är bra. Det finns vissa som förbereder olika upplösningar på en bakgrundsbild och känner efter med javascript vilken upplösning som används och tar den bilden som passar bäst.

Administratör på AspKoll.se!
ID: #21172 | Skapades: 2011-08-30 10:44:49

Dellans
Dellans

Gradering

#21173

Ja, jag har sett att det finns. Men vilka skärmupplösningar bör man anpassa sig efter isåfall?

Jag löste det på så sätt att jag tonade ut bilden på kanterna. Det jag inte gillar med det riktigt är att den alltid kommer ligga i mitten men att på vissa skärmupplösningar med tomt utrymme på sidorna medans hela bilden täcker för vissa där dom knappt ser någon färg på sidorna.

Om man hade haft en större backgrund istället för att fylla ut med färg skulle innehåller placeras olika. Så jag kan inte riktigt avgöra vad som är bäst.

ID: #21173 | Skapades: 2011-08-30 16:21:20

Shadi
Shadi

Gradering

#21177

Det är väl mer av en smaksak. Jag själv skulle alltid satsa på widescreen skärmar, eftersom ca 85% av alla användare har en widescreen (åtminstone windows användare). Och meda tanke på hur alla Macs ser ut så är de flesta widescreen användare där också.

Du kan bestämma själv hur många upplösningar du vill ha. Här kan du kolla på de mest använda skärmupplösningarna:

http://www.w3schools.com/browsers/b...ers_display.asp

Och här kan du se de högre skärmupplösningarna:

http://www.w3schools.com/browsers/b...tion_higher.asp

Så du kan ju välja 5 olika kanske.

Om du inte orkar att göra något sånt så tycker jag att du ska fortsätta med färgfyllnad istället. Vill man ha flera bg-bilder så måste man göra det bra, annars kan det lätt se dåligt ut. Så färgutfyllnad brukar bli rätt fint det också.

Sen är det svårt att ge bättre råd när man inte ser hur hemsidan ser ut. Bifoga gärna en skärmdump om du vill.

Administratör på AspKoll.se!
ID: #21177 | Skapades: 2011-08-31 08:57:58
© Copyright 2007-2009 Shadi Domat | Version 3.0 | Sidkarta | Policy