Solved Background size in pixels

Posted on 2012-08-10
Last Modified: 2012-08-10

I am creating a gradient background in Photoshop for my screen background.
What width and height in pixels should I use for the standard background?
The image I am creating will be specified as Green1 in Site.css


    background: #001E00;
    background-image: url('/Resources/Green1.jpg');
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
Question by:murbro
    LVL 82

    Accepted Solution

    There is no "standard background" but there are a large variety of monitor sizes.  For a gradient background, you normally make it a narrow slice, just a few pixels wide, by the tallest screen size you expect to see.  I normally would make the background color the same as the bottom end of the gradient and make the background slice repeat only in the x-direction.  That way, if the screen is taller than the gradient, the background will match the bottom of the gradient and make it look like there is no discontinuity at the bottom.

    Author Closing Comment


    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Today is the age of broadband.  More and more people are going this route determined to experience the web and it’s multitude of services as quickly and painlessly as possible. Coupled with the move to broadband, people are experiencing the web via …
    In .NET 2.0, Microsoft introduced the Web Site.  This was the default way to create a web Project in Visual Studio 2005.  In Visual Studio 2008, the Web Application has been restored as the default web Project in Visual Studio/.NET 3.x The Web Si…
    This video is in connection to the article "The case of a missing mobile phone (". It will help one to understand clearly the steps to track a lost android phone.
    Here's a very brief overview of the methods PRTG Network Monitor ( offers for monitoring bandwidth, to help you decide which methods you´d like to investigate in more detail.  The methods are covered in more detail in o…

    733 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    21 Experts available now in Live!

    Get 1:1 Help Now