The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Alpha masks for smoother transparency
thaiscorpion
post Jun 8 2011, 07:51 PM
Post #1


Newbie
*

Group: Members
Posts: 12
Joined: 3-June 11
Member No.: 14,685
Hiya again!

Just wondering is it posible to use alpha masks or somethin on a web page to get smoother edges on transparent images, im using images with transparent backgrounds and getting really jagged edges, either 100% transparent or 0%!

Any help would be great!

If you dont know what masks are our not sure what i mean here is an example: Masks

Ty!

-Thaiscorpion
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jun 8 2011, 08:05 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,653
Joined: 10-August 06
Member No.: 7
That's possible with PNG images. IE6 an older alas require special tricks to support it: http://www.howtocreate.co.uk/alpha.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jun 8 2011, 09:12 PM
Post #3


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
Wow... I was about to ask whether anyone really cared about MSIE 6 any more, but it's still got a significant usage share. Actually, its usage share is bigger than MSIE 7.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jun 8 2011, 10:37 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
After I upgraded to IE7 the other week I understand why that is so. ninja.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jun 9 2011, 02:08 AM
Post #5


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
And BTW, use Photoshop's Save for Web & Devices in the File menu to save the PNG.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Brian Chandler
post Jun 9 2011, 03:27 AM
Post #6


Jocular coder
********

Group: Members
Posts: 2,460
Joined: 31-August 06
Member No.: 43
QUOTE
And BTW, use Photoshop's Save for Web & Devices in the File menu to save the PNG.


Or, of course, use any other appropriate image software, probably with a less peculiar menu entry -- what on earth are "devices"?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
thaiscorpion
post Jun 9 2011, 07:52 AM
Post #7


Newbie
*

Group: Members
Posts: 12
Joined: 3-June 11
Member No.: 14,685
Wow nice one didnt realise is was that easy biggrin.gif thanks!!
My web page looks so much better now! hehehhe

-Thaiscorpion
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Graphics, Flash and Multimedia · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 19th April 2024 - 04:41 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC