Forum Moderators: not2easy

Message Too Old, No Replies

Transparency

         

mikee

9:47 pm on Mar 6, 2004 (gmt 0)

10+ Year Member



Hi, does anyone know a way of making any white in an image transparent? I've heard of the Opacity thing but i'm not sure if that's what i'm looking for please help.
Mike.

grahamstewart

9:52 pm on Mar 6, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Use a GIF image.

That format supports transparency.
Any decent art package should support it.

brdwlsh

9:56 pm on Mar 6, 2004 (gmt 0)

10+ Year Member



yes, save it as a gif.

if possible, use a matte as well--the same color as what will appear behind the image. this will prevent the image from having jagged edges.

mikee

10:47 am on Mar 7, 2004 (gmt 0)

10+ Year Member



Thanx!

mikee

3:42 pm on Mar 8, 2004 (gmt 0)

10+ Year Member



Does anyone know of a FREE graphics editor that supports transparency 'cos none of the software i have does(Pixia).

grahamstewart

3:49 pm on Mar 8, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You can get a free trial of Paint Shop Pro from the Jasc Software page (www.jasc.com). But if you're getting into web development seriously then you'll probably need a full version of a decent art package.

isitreal

4:39 pm on Mar 8, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



You can also make it a .png, people seem to forget about .png even though it's a techncically superior format to gif

mikee

5:24 pm on Mar 8, 2004 (gmt 0)

10+ Year Member



Thanks for all ur help and i will consider purchasing some decent graphics software but for now does anybody know of anybody freeware that supports transparency, it doesn't matter if it is krap as long as it supports transparency.

isitreal

5:52 pm on Mar 8, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Yes, this one will do it, it's the highest rated free multimedia app out there as far as I know:
[irfanview.com...]

Download it, check the help index for transparency, it will tell you how to do it.

hyperbole

5:59 pm on Mar 8, 2004 (gmt 0)

10+ Year Member



Go to mindworkshop (you can find them at google by searching for alchemy-mindworks)

They have two very good products: GIF Construction Set, and PNG Construction Set. They can be used to create GIF and PNG images with transparency.

mikee

6:04 pm on Mar 8, 2004 (gmt 0)

10+ Year Member



Great, thanx for your help everyone!

mikee

6:36 pm on Mar 8, 2004 (gmt 0)

10+ Year Member



Hello, sorry to bother u (yet again) but with the transparency thing i still get a square box just a rectangle with rounded corners layered on the top. Is there any way round this? If u had no idea what i am going on about goto: [members.lycos.co.uk...]

mikee

6:37 pm on Mar 8, 2004 (gmt 0)

10+ Year Member



Have i used a krap method in my code or what?

tolachi

5:58 am on Mar 9, 2004 (gmt 0)

10+ Year Member



You might try using the gimp. It is pretty full featured, runs on linux and windows, and is free. I've done a lot of stuff like what you are talking about with it. I know some photopraphers use it as well.

[gimp.org...]

You also might have better luck getting online support via its user mailing lists.

mikee

3:15 pm on Mar 9, 2004 (gmt 0)

10+ Year Member



Thanx for that and i will but i think i've sorted it now if i just change the colour that is made transparent different then it should work.

mattr555

11:37 am on Mar 10, 2004 (gmt 0)

10+ Year Member



To the guy who mentioned transparent PNGs. They are not currently supported by IE. PNGs Yes, transparent PNGs NO.

grahamstewart

12:04 pm on Mar 10, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Actually you are wrong there.

The simple on/off transparency in PNG-8 IS supported in IE.

What IE does not support is the alpha-channel variable transparencies of PNG-24.

So basically you can use PNGs for the same purposes as GIFs in IE.
You just can't use the funky ability to say 'this pixel is red and 50% transparent'.

(Note: as per usual, all other modern browsers support png-24 properly - just not IE)

Leosghost

12:17 pm on Mar 10, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Whilst agreeing with grahamstewart....I think that the main reason against use of png will always be its incredibly large file sizes compared with gif or jpeg ..yes it may be "lossless" but when you see the file size before and after basically that claim is only because it compresses no better than a good jpeg algo at only one incremental "squash" ....
... anything can claim to be lossless if it doesnt actually compress worth talking about!
The day we are all on adsl or broadband png might be a valid format but for now ....if you want to ( or have no choice but to ) use 56k its irrelevant ..and BTW it is lossy anyway ..just not much ..

My 2c FWIW

Mobull

12:29 pm on Mar 10, 2004 (gmt 0)

10+ Year Member



PNG 24 bits only work within IE 5.x and up IF you have installed DirectX and if you use Microsoft's filters.

Problem with this is however, if you have a link on top of the PNG image that uses this filter, the link won't work anymore :(

for ms reference check this:
hxxp://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/reference.asp

grahamstewart

12:34 pm on Mar 10, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



incredibly large file sizes compared with gif or jpeg

erm.. I find a PNG is usually considerably smaller than the same pic as a GIF (which is also lossless by the way).

Fancy a test? Sticky me the address of an optimised GIF and I'll do it as a PNG and see what file size I get. :)

Farix

11:12 pm on Mar 10, 2004 (gmt 0)

10+ Year Member



I think that the main reason against use of png will always be its incredibly large file sizes compared with gif or jpeg

If you are comparing PNG-24 with GIF then, you are correct most of the time. But when you compare PNG-8 to GIF, over 90% of the time it is the PNG file that is smaller.

There are few excuses to use PNG-8 over GIF today. All browsers, including IE, supports PNG-8. The only advantages GIF has over PNG-8 are with animation and extremely small and simple images--no more then a few pixels at a color depth of 3-bits or less.

Jared_NZ

2:44 am on Mar 15, 2004 (gmt 0)

10+ Year Member



I wouldn't say 90% of the time PNG is smaller, more likely for me 30% of the time it is.

Works great with text'd images, but it always depending on what you're designing. Which would never be the same as we all design something different and trying compare something that is different all the time is pointless. As it will always be different.

grahamstewart

8:31 am on Mar 15, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



"PNG also compresses better than GIF in almost every case (5% to 25% in typical cases)."
- [w3.org...]

The problem is that many people use Photoshop and the PNG output from that isn't very optimal. Have a look for 'pngcrush' (or pnggauntlet if you prefer gui tools) a useful addition to the toolkit.

Farix

3:15 am on Mar 16, 2004 (gmt 0)

10+ Year Member



I wouldn't say 90% of the time PNG is smaller, more likely for me 30% of the time it is.

I've done plenty of GIF to PNG-8 conventions along with a small handful I've created on my own. Out of the the hundereds of images I've worked with, I've only encountered roughly four cases were the GIF was smaller then the PNG. So my 90% is being very generous toward GIF.