skip to Main Content

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


  1. 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;.

    Login or Signup to reply.
  2. Use Patterns or Gradients for a good look on all screen resolutions and then, in CSS use

    background-repeat:repeat;
    
    Login or Signup to reply.
  3. 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.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search