I never think of having a background image in a html box. I always think you have one or the other.
Just like I don’t understand why there’s a difference in the way the item you bring the image into is treated when you bring it in Pass Through or not.
For instance, I can’t put a custom border on a Pass Through item.
Started with a simple html object, filled with orange.
Inserted another html in it same size, applied some lightspots.
in this div another div, inserted the bokeh effect.
and a final div in it, put in the small shadow-line on top and bottom of the orange box.
I often wondered how these things are made in other page-examples, so I think that’s a the way, a good and rather simple to keep your datas small (in fact smaller than throw in a full-merged psd-image). But you need assist by Photoshop (or other Pixelmators)
Another thing you can do by HTML-bg is tiling. Very important to keep datas small as well.
All the others are “on an image itself” things, either using pass-though to leave it untouched by freeway or use freeways image-managment by just thowing it in a graphic box.
Pass-Through simply means to keep original size and dimension of images into freeway - and believe me - sometimes the best way to get the clearest final-results.
It’s even possible to throw a .tiff or .ai in it - but PLLLEEEAASE, never do - your browser will suddenly do nothing with it.