If I want to design a background for a website using photoshop, what image size should I make ? I want to make a gradient background for my web-app but I don’t the specifications to follow.
If I want to design a background for a website using photoshop, what image size should I make ? I want to make a gradient background for my web-app but I don’t the specifications to follow.
3
Answers
Take a look at w3schools – css – background. You need to use background-repeat, otherwise you will be forcing the users to download a huge image. So make your gradient of any size, then crop a piece off that is the same height, but a small width (< 10 pixels). Use this as your background with the css
background-repeat: repeat-x;
.Use Patterns or Gradients for a good look on all screen resolutions and then, in CSS use
You should set the background’s width to 5px and the height very long, and set your css to
background-reapeat: repeat-x; background: url(your image url here) fixed
This is if you have a vertical gradient, if you have a horizontal gradient, it is just vice-versa.