# Scalable background image with constrainend proportions

**URL:** https://forum.kirupa.com/t/scalable-background-image-with-constrainend-proportions/187292
**Category:** Uncategorized
**Created:** [April 28, 2006, 3:01am UTC](https://forum.kirupa.com/t/scalable-background-image-with-constrainend-proportions/187292 "2006-04-28T03:01:42Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![mwstratton](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/mwstratton/32/1207_2.png) [@mwstratton](https://forum.kirupa.com/u/mwstratton)
#### Post date: [April 28, 2006, 3:01am UTC](https://forum.kirupa.com/t/scalable-background-image-with-constrainend-proportions/187292/1 "2006-04-28T03:01:42Z")

</div>

For my new portfolio I want to have a single-colored image that my site will “hover” over. Since it’s a .gif and a single color I wanted to make the image as large as possible (in the 1600s range) so that people viewing it on a large browser window would see the image without nasty distortion.

The problem is I want the image, when viewed in an 8x6 window to be scaled down to fit that browser, and “dynamically” scale if the user adjusts the size of the browser on a large monitor to say "16x12 and still see the background image the same as it appeared in the smaller size just larger.

I was wondering if anyone knew a good tip or two with how to get this to work with CSS or JS.

Thanks!

Michael Wesley Stratton