Is it possible to repeat just a part of an image?
Let's say I have a div, of witch the height is 100px.
I also have a background image, width 30px. Now I want to repeat the second 10 pixels of that image verticaly.
Is that possible? So the first the, and last ten pixels won't be shown when the image is repeated? I don't want to cut the image, for faster loading time.
This method is used quite often for icons that need to be displayed but I haven't seen this technique used for background repeating images.
Personally, I don't think you'll be saving any significant amount of size on the images doing it this way instead of cropping an image and repeating it on it's own so I'd probably go for that method even though they may take slightly longer to create.