|
| |
|
|
rdouglass
Posts: 9167
From: Biddeford, ME USA
Status: offline
 |
smoothing background images - 1/11/2008 9:44:20
Hi Folks,
I have a big circle I'm using as a background image for a web page here:
http://rdouglass.is-a-geek.com/detail4.aspx?CompanyID=167
I would like it (the background circle) to be smoother than it is now. However, I don't think it's as simple as it sounds because the circle needs to remain white always and the background grey will change based on the style sheet being loaded.
The background image is just a GIF file with the white circle and the rest being transparent. So I didn't see this solution as just adding some transitional color pixels since the background could change.
I'm considering using vector graphics on an absolute positioned div with a very low z index but I've never done it before and it sounds like it would be full of IE conditionals. 
Anyone have any ideas how I could easily make the circle smoother?
_____________________________
Don't take you're eye off your final destination.
ASP Checkbox Function Tutorial.
|
|
|
|
rdouglass
Posts: 9167
From: Biddeford, ME USA
Status: offline
|
RE: smoothing background images - 1/11/2008 10:31:24
quote:
There is a huge pile of styles in the sheet above what you've added and there are over 200 HTML errors
Yes, still very early in the development I'm afraid. The stylesheet was from an earlier version of a still-live page that will be pared down immensely once I've completed the page (it's a re-work from an existing page and about 90% of that stylesheet is moot).
I also do a lot of inline styles while I'm working out the bugs.
It's mostly done in notepad with some Visual Studio stuff thrown in.
_____________________________
Don't take you're eye off your final destination.
ASP Checkbox Function Tutorial.
| |
|
|
|
d a v e
Posts: 4010
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: smoothing background images - 1/11/2008 11:36:55
how many different colours might the circle be?
if they're within a certain range of contrast between it and the circle you might get away with a small amount of antialiasing against the average darkness/lightness and then
you could make a circle anti-aliasing at say 400%, export it/save as a lossless bmp (bmp, tit, png 24)
then open that and resize to 1/4 thus reducing the anti-alias effect to a small amount but still smoothing the circle edge
otherwise do it all the other way round: have a white background set on that middle bit and a background image (with higher z index as a grey curve or whatever colour in your stylesheet and then it will always be perfectly antialiased.
i would try for the first option as it's easier, thought that sort of curve is never going to look really smooth ;)
or png with alpha transparency with the IE workaround hack thingy??
... or do a different design ;)
or , hang on, make a bg image with a white circle punched out of it and wide enough to accommodate anything but a cinema screen and use it as a fixed background on the <body> as a gif it shouldn't be too big and you can make several different colour ones to reference in the stylesheet
< Message edited by d a v e -- 1/11/2008 11:45:50 >
_____________________________
David Prescott
Gekko web design
| |
|
|
|
rdouglass
Posts: 9167
From: Biddeford, ME USA
Status: offline
|
RE: smoothing background images - 1/11/2008 15:34:43
Thanks much dave. I took your image and tried a few BG colors and that one will work great with some slight mods along the way.
_____________________________
Don't take you're eye off your final destination.
ASP Checkbox Function Tutorial.
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
Joking aside, if I restrict the BG to be dark colors in general, I may be able to get away with that. 
