- Impact
- 0
I have 2 small questions.
1. Yesterday I visited a site where I saw some buttons that I liked and decided to do something alike for a project of mine. The thing is the picture was a gif and was like 900 bytes. I did a picture of the same size but I noticed that if I saved the picture as jpg it took about 1.8 k..as a gif about 1.16 k and as a PNG about 619 bytes.All of them had the exact same quality. So how come png-s are so small as size? are there any disadvanteges if I use pngs instead of gifs?
2. I have 2 pictures that i would like to use as a single button. So the first picture is the button and when the mouse is over the button it shows the other picture(the 2 pics are pretty much the same have the borders different and basicaly gives them a bevel in/bevel out effect if u know what I mean. The problem is that I only know 2 possible solution for this...one is name the 1st picture p1 for example and then write
src="../home.bmp" width="74" height="24" name="picture1"
onmouseover ="document.picture1.src = 'home2.bmp' "
onmouseout ="document.picture1.src = 'home.bmp' "</a>
or use Dinamic HTML effects from Front page options to swap pictures on mouseover. The picture would be of course .png. Anybody has a better ideea or can tell me if it's ok? thanx a lot I'm kind of new in bussines as u can well see.
1. Yesterday I visited a site where I saw some buttons that I liked and decided to do something alike for a project of mine. The thing is the picture was a gif and was like 900 bytes. I did a picture of the same size but I noticed that if I saved the picture as jpg it took about 1.8 k..as a gif about 1.16 k and as a PNG about 619 bytes.All of them had the exact same quality. So how come png-s are so small as size? are there any disadvanteges if I use pngs instead of gifs?
2. I have 2 pictures that i would like to use as a single button. So the first picture is the button and when the mouse is over the button it shows the other picture(the 2 pics are pretty much the same have the borders different and basicaly gives them a bevel in/bevel out effect if u know what I mean. The problem is that I only know 2 possible solution for this...one is name the 1st picture p1 for example and then write
src="../home.bmp" width="74" height="24" name="picture1"
onmouseover ="document.picture1.src = 'home2.bmp' "
onmouseout ="document.picture1.src = 'home.bmp' "</a>
or use Dinamic HTML effects from Front page options to swap pictures on mouseover. The picture would be of course .png. Anybody has a better ideea or can tell me if it's ok? thanx a lot I'm kind of new in bussines as u can well see.
