I've discovered a way to keep your file size to a minimum on the website assignment. Instead of having a huge background, if your image has a gradient, place that gradient on a 1 pixel wide canvas in photoshop, save it as a .jpg, set it as a background on a div and put the repeat-x; command on it and set the background colour to the color at the base of the gradient. What you'll get is a gradient background that goes into a plain colour at the bottom, the gradient will repeat left and right no matter how large the browser window is, and it'll be a tiny file size. Then you can go ahead and place your other images over the top. That's what I'm doing on my site and it's saved me about 400kb in file size. Here's an example of what I mean by a 1 pixel wide gradient. You might not be able to see much of it, but it's what I'm using on my website:
EDIT: Okay it seems blogger is having a whinge at the moment as it's giving me this message:
There were errors during upload.
The following images were not uploaded.
* repeat.jpg : This image could not be uploaded due to an internal error.
I will try uploading the gradient image for you all later.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment