Till Startsidan Läs Photoshoptips Se vanliga frågor (FAQ) Ladda ner nyttiga saker Läs om Devello

Bakgrunder 2

Photoshopversion: CS  |  Område: Effekter


Det finns olika sätt att använda sig av bakgrundsbilder på webbsidor. Ett sätt är att göra stapelbara (Tiled) bakgrunder. Det man gör är att skapa smala bilder som sedan upprepas eller staplas för att fylla ut hela webbsidan. Det finns dock ett par saker att tänka på när man gör detta.

Du kan antingen skapa horisontella eller vertikala bilder som skall upprepas. Det du främst bör tänka på är att det finns flera skärmupplösningar och därmed krävs det att din bild passar flera "storlekar".

Tänk dig att du gjort en liten bård till vänster på sidan. Om du inte gjort en tillräckligt bred bild och någon med en hög upplösning surfar in så kommer denne att se din bakgrund upprepas flera gånger. Det här går förstås att fixa med CSS om man är hemma på det.

Börja med att skapa en ny bild. Skall du skapa en liten bård till vänster, alltså en horisontell bild, som är ett vanligt användningssätt gör du detta genom att skapa en bild som är ungefär 1600 pixlar bred och 100 pixlar hög. 1600 just för att den skall passa för högre upplösningar. Höjden på bilden får du anpassa efter det tänkta mönstret.

Sen kommer den svåra biten: Fantasin. Nu ska det infogas ett mönster i bildens vänstra del. Det kan vara ett färgfält eller kanske nån liten figur som skall upprepas över hela sidans höjd.

Tänk på att bilden upprepas (staplas) tills hela sidan är fylld. Det är därför viktigt att du påbörjar och avslutar ditt mönster på samma ställe i sidled. Detta för att mönstret inte skall bli hackigt och konstigt.


Ganska fel blir det

Jaha, och varför gör man inte en hel bild som täcker hela sidan. För storlekens skull, förstås. En större bild tar ju längre tid för besökaren att ladda ner, medan bild enligt ovan går betydligt snabbare. Den behöver dessutom bara laddas en gång och sedan upprepas för att fylla hela sidan. Fast i ärlighetens namn gör jag även sådana bilder ibland. Fast då med bara ett enkelt mönster med få färger.