Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manchester, England
    Posts
    206
    Thanks
    33
    Thanked 2 Times in 2 Posts

    Background images

    How large or small should I make a web page background image to cope with the numourous screen resolutions and to work using css.

    I don't want an image to tile (repeat)

    All help much appreciated

  • #2
    Regular Coder gcmax's Avatar
    Join Date
    Sep 2010
    Location
    Leeds
    Posts
    108
    Thanks
    8
    Thanked 5 Times in 5 Posts
    Difficult to say but it should be near the intended screen resolution of the website itself. Popular is around 1000px in width or 1024x768.
    If you can design or blend the borders of the background according to the background colour it should look nice in every screen resolution including and above the minimum your aiming for.

    Here's a windows bg I made at various popular screen resolutions, might help.
    http://www.gcmax.co.uk/download/windtp.zip
    preview here http://gcmax.deviantart.com/#/d3ftgys
    ---------------------------------
    website: www.gcmax.co.uk
    webmail: stevenbell@gcmax.co.uk
    ---------------------------------

  • #3
    New to the CF scene
    Join Date
    Jun 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, it totally depends on the kind of designs you're dealing with. I'd suggest check out the outcome by changing extensions when you are saving your images for web and devices and choose the one that has least load time.

  • #4
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    just make a good background image and test it on most popular resolution's? thats what i do, i also center the background using css so its always in the right position.

  • #5
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    832
    Thanks
    10
    Thanked 79 Times in 77 Posts
    Read first before you decide. Every one wants the "Holy Grail" of web pages, but need to read and heed.

    Choosing Dimensions for Your Web Page Layout:

    In Search of the Holy Grail: http://www.alistapart.com/articles/holygrail/
    http://www.elated.com/articles/choos...b-page-layout/
    How to create flexible sites quickly using standards like CSS and XHTML: http://www.ibm.com/developerworks/web/library/wa-rapid/

    960 Grid System: http://960.gs/

    Care With Font Size: http://www.w3.org/QA/Tips/font-size
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •