How to lower my background loading time?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
On to more simple things tonight. I just got done buying some great kits for the website and I want to use one as a background. I switched my layout to BareNecessities. It looks great but takes a very long time to load. Is there something I can do to make the load go more quickly? Please note that I have little experience and would need a short walk through. I have microsoft office picture manager and gimp only. Anyone know how to do something about this?
Photo of njoynlife

njoynlife

  • 278 Posts
  • 9 Reply Likes
  • content that this is my biggest concern tonight.

Posted 9 years ago

  • 1
Photo of Jack F

Jack F

  • 1 Post
  • 0 Reply Likes
Hey.

Hi, Sorry you can't make it go faster, it only depends on the users internet speed. Tho you could change the format of the picture to make it load faster. tho colour may become dimmer.

Just add .bmp
I am using that format.
Photo of Galen Thurber

Galen Thurber

  • 1 Post
  • 0 Reply Likes
Alert. Jack F is a con, do not send him information
Photo of njoynlife

njoynlife

  • 278 Posts
  • 9 Reply Likes
thanks I will give that a try. Is there a size to the page that I can lower the pic to?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
If you want to catch the majority of users go for a picture width of 1280 say 1300 Pixels. If you want to catch most users try 1450 pixels. (see below)
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
njoynlife,

I think there's a few things you could possibly do to speed up your background image.

Could you do a few things first?

Check the file size of the image? Simply right click the image icon with your mouse.
Look for Properties which is at the very bottom of the list when you R click. Then bring your mouse pointer down to Properties and Left click. here you will see the file size (Kb) etc.

It's quite likely that the file size is much bigger than you need. The trick here is to compress the file size (which has nothing to do with the final dimensions of you picture). If it's a background I would reduce it to between 150 and 200 Kb. You can do this with image manipulator programs such as photoshop or picnic or whatever. The file type is not so important. Mr Ed suggests PNG for the definition, other formats will be OK as well.

Try that and see how you go.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
When you chnage your image from the original , please use the Save As command. this will keep your original intact and allow you to come back to that if you would like to try something else. OK?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes

This is a 1280 pixel image looked at with a 1280 monitor setting.


The next thing to do is to set your image size.

Most users have set their monitor to 1280 pixels or thereabouts. Now this next suggestion really depends on the style of image you have. If it's a photo then you should make sure that if it tiles (ie runs onto the RHS or the bottom that it doesn't jolt you. ) It's a matter of playing around with the image. If it's a photo it's probably important to retain the proportions of the original image. If it's a graphic design this may not be as critical. It's a subjective call.

The upper image is 1280 pixels on a 1280 montior setting. The lower pc is an 800 pixel image shown on a 1280 montitor. here you can see the tiling effect I spoke of.
Photo of Shaq

Shaq

  • 868 Posts
  • 5 Reply Likes
Mad picture. Where do you get them from?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Maybe Picassa, Flickr?
Photo of Nick Burrus

Nick Burrus

  • 1 Post
  • 0 Reply Likes
I use a 1400ish resolution. Same as my friends. Many actually are using 1600 xD.

But, do not listen to Jack F, .bmp is not made for web support. Try a .png, .gif or a .jpg. You can download IrfanView that is available for no cost from IrfanView.us to resave a file easily as a different format. Renaming the file extension does not convert it. You can use IrfanView to skimp down on the saving quality by 10-40% without people seeing a major difference to help cut down on file size.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
correct BNP is slowest - PNG is fine
Photo of njoynlife

njoynlife

  • 278 Posts
  • 9 Reply Likes
I didnt expect so much help! Thanks for all of the great information. I will put it to good use as I rebuild the website. Blessings to you all and Peter especially for taking so much time to really help me to understand because I am truly a novice at this. That is great of you!