Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

big background - what size

Options
  • 24-11-2010 8:59pm
    #1
    Placebo
    Registered Users Posts: 8,070 ✭✭✭


    I have a background for a website [not my idea]
    just wondering what dimension should i set it to and tile the rest?

    background is a picture not tile able image


Comments

  • Options
    #2
    tricky D
    Closed Accounts Posts: 9,700 ✭✭✭tricky D


    I reckon it kinda depends on how much content lies over it top height-wise.


  • Options
    #3
    cormee
    Registered Users Posts: 1,801 ✭✭✭cormee


    You could use JavaScript to resize it dynamically to suit the screen size.


  • Options
    #4
    tomED
    Registered Users Posts: 1,452 ✭✭✭tomED


    cormee wrote: »
    You could use JavaScript to resize it dynamically to suit the screen size.

    Oh god please don't resize an image like this - unless of course it's a vector.

    Personally, I'd take the largest screen resolution I'd expect for my target audience and create it in such a way that it could fade out or tile gracefully.

    In terms of resolution to target, a lot depends on the image you plan to use. If removing elements of it, reduces the impact - decide on the resolution you are targeting based on this.

    For example, if you want people in 800x600 to get the message from the image, make sure the key elements are visible, but of course allow people with higher resolutions see more.


  • Options
    #5
    daymobrew
    Registered Users Posts: 6,511 ✭✭✭daymobrew


    cormee wrote: »
    You could use JavaScript to resize it dynamically to suit the screen size.
    There is a jQuery plugin for that, I found it mentioned on A Nu N beauty salon. The normal background is quite large already so there isn't much distortion when expanded.


  • Options
    #6
    tomED
    Registered Users Posts: 1,452 ✭✭✭tomED


    daymobrew wrote: »
    There is a jQuery plugin for that, I found it mentioned on A Nu N beauty salon. The normal background is quite large already so there isn't much distortion when expanded.

    What resolution are you on? For me it's terrible - I'm on 1920.


  • Advertisement
  • Options
    #7
    daymobrew
    Registered Users Posts: 6,511 ✭✭✭daymobrew


    tomED wrote: »
    What resolution are you on? For me it's terrible - I'm on 1920.
    I am on 1440x900.


  • Options
    #8
    cormee
    Registered Users Posts: 1,801 ✭✭✭cormee


    tomED wrote: »
    Oh god please don't resize an image like this - unless of course it's a vector.

    Fair enough, I can see why you're saying this, it can look pretty ugly depending on the amount of detail in the image and amount of resizing.

    You could also resize it server-side using php and GD or Imagemagick so there is no quality loss.


  • Options
    #9
    cormee
    Registered Users Posts: 1,801 ✭✭✭cormee


    tomED wrote: »
    What resolution are you on? For me it's terrible - I'm on 1920.

    It looks to me like the original it's resizing is too small for higher resolutions. When it scales up it loses quality but when it's reduced to about 1024 it looks fine.


  • Options
    #10
    tomED
    Registered Users Posts: 1,452 ✭✭✭tomED


    cormee wrote: »
    It looks to me like the original it's resizing is too small for higher resolutions. When it scales up it loses quality but when it's reduced to about 1024 it looks fine.

    Yep - which is why I'd always steer clear of resizing images and focus on making the image degrade gracefully.

    The PHP resize is an opion of course - but ideally it should be cached rather than having to regenerating it each time the page is viewed.

    But again, that will only be a stop gap solution. You are still assuming people will be within a certain resolution - so at a certain point, the quality will start to degrade again.


  • Options
    #11
    strandroad
    Closed Accounts Posts: 4,676 ✭✭✭strandroad


    If you can expect your audience to be reasonably modern in their browser choice, there's a CSS3 solution for that:
    http://css-tricks.com/perfect-full-page-background-image/


  • Advertisement
  • Options
    #12
    tomED
    Registered Users Posts: 1,452 ✭✭✭tomED


    mhge wrote: »
    If you can expect your audience to be reasonably modern in their browser choice, there's a CSS3 solution for that:
    http://css-tricks.com/perfect-full-page-background-image/

    IE8 is a modern browser and this won't work in it. As far as I know IE9 won't use webkit either. So this isn't really a solution.

    Either way, it doesn't do much different than Cormee's daymobrew's javascript suggestion.

    So, if you were going to use one of those solutions, your best bet is Cormee's daymobrew's suggestion.


Advertisement