Split the background image to make the site load faster ?

  • Hi guys,

    I want a help in this issue, please look into .

    In my recent theme design, I put a fixed ( no scroll ) image to the theme background . So every page of the site has this background image, and on top of that image everything loads ( ex. main container , etc ) .

    But as different different visitors use different screen resolutions and browsers, i used a really big image ( 1460px by 1000px ) as above mentioned background . Because I want to avoid visitors see the background ( i want them to see the image as the background ) .

    But the problem now is, even after reducing the quality, still the background image ( jpeg file ) is about 500KB which is a big size . And takes a long time to load . I want to solve this problem . Is there any proper way to solve this ? I think splitting the image into few parts would make the site load faster . But I dn’t know how to make the allignment for splitted parts ( i want to finally show the complete image without any mis alignment ) correctly .

    Thanks,
    Mebox .

Viewing 2 replies - 1 through 2 (of 2 total)

  • Only thing I’d suggest is using https://smush.it/ to compress the image even further (doesn’t make the quality any different at all – it just removes unneeded parts of the file).

    Thread Starter mebox

    (@mebox)

    @james Edmonston,

    Thanks for your info . I’ll give it a try . Anyway this is the first time I heared about this . Thanks .

    Anyother options please ?

    Thanks,
    Mebox.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Split the background image to make the site load faster ?’ is closed to new replies.