We need a background that is not gradient in the areas of the buttons if we have transparent .gif buttons otherwise we will have weird edges.A jpg would be a sharper looking button if we have to have background.

Making transparent and matted images

Creating hard-edged transparency in GIF and PNG-8 images

When you apply background matting to images that include anti-aliasing, a halo effect can result when the matte color is different from the original background color of the image. Anti-aliasing creates partially transparent pixels around the edges of the image to blend the image with the original background color.
When working with GIF or PNG-8 files, you can create hard-edged transparency, in which all pixels that are more than 50% transparent in the original image are fully transparent in the optimized image, and all pixels that are more than 50% opaque in the original image are fully opaque in the optimized image. Hard-edged transparency prevents the halo effect. However, hard-edged transparency can cause jagged edges in the image. To prevent jagged edges, apply background matting to the image. See Creating background matting in GIF and PNG images.



GIF with hard-edged transparency, and displayed in browser. (Inset at 300% magnification)

To create hard-edged transparency in a GIF or PNG-8:

1 Open or create an image that contains transparency.
2 In the Optimize panel in the Save for Web dialog box (Photoshop) or the Optimize palette (ImageReady), select GIF or PNG-8 from the file format menu.
3 Select Transparency.
4 Select None from the Matte pop-up menu to make all pixels with greater than 50% transparency into fully transparent pixels, and all pixels with 50% or less transparency into fully opaque pixels.



Tags

  1. button edges
  2. burningbird
  3. buttons

Comments


Seth says
So are you saying that you cannot get the white pixels around the edges out of there ?

Winnie says
Winnie is working on this! If anyone out there has a solution I would be appreciative of it. We can make it look nice by the methods I mentioned here but it would be a transformation from the design we are using. : )

Seth says
... yeah too bad we don't have more graphic artist comming here to help ... u might ask Shelley over at burning bird ... who knows she may help u ... her address is published and she has responded to one of my emails ... burningbird@gmail.com ... she already knows about fastbligit.com ... sorry im not much help with this graphic stuff. Another way would be to go out and find a graphics forum to ask your questions ... there are lots of them out there ... usenet and on the web

See Also

  1. Thought What if there were no stars? with 26 viewings related by tag "burningbird".
  2. Thought about: oreilly.com -- Online Catalog: What Are Syndication Feeds, First Edition with 14 viewings related by tag "burningbird".
  3. Thought Calling for an end to all of this negativity ... with 10 viewings related by tag "burningbird".
  4. Thought about: Microsoft Team RSS Blog : Icons: still orange with 7 viewings related by tag "burningbird".
  5. Thought The Rest Of The Story with 6 viewings related by tag "burningbird".
  6. Thought Privacy is antithetical to the semantic web with 5 viewings related by tag "burningbird".
  7. Thought the feed icon shows in the navigation panel of rooms that have feeds with 4 viewings related by tag "buttons".
  8. Thought about: EconoMeta with 4 viewings related by tag "burningbird".
  9. Thought Shelley says we look a lot like ... with 4 viewings related by tag "burningbird".
  10. Thought about: Search engine's sense of humour crashes as it fires off warning letters over use of name as a verb with 4 viewings related by tag "burningbird".
  11. Thought repeating data between domains with 4 viewings related by tag "burningbird".
  12. Thought 25x25pix buttons with 3 viewings related by tag "buttons".
  13. Thought buttons are now at bottom and top of rooms with 3 viewings related by tag "buttons".
  14. Thought about: tech.memeorandum with 2 viewings related by tag "burningbird".
  15. Thought about: Top 10 Sources with 2 viewings related by tag "burningbird".
  16. Thought Hyperlinks subvert hierarchy with 2 viewings related by tag "burningbird".
  17. Thought rte symbols used on gmail with 1 viewings related by tag "buttons".
  18. Thought [title (1121)] with 1 viewings related by tag "buttons".
  19. Thought Accept it and move on with 1 viewings related by tag "buttons".
  20. Thought about: Da Button Factory with 1 viewings related by tag "buttons".
  21. Thought A Sample about Buttons from Winnie with 0 viewings related by tag "buttons".
  22. Thought about: Burningbird with 0 viewings related by tag "burningbird".
  23. Thought fastblogit must terrify you with 0 viewings related by tag "burningbird".
  24. Thought cool image of globe with 0 viewings related by tag "buttons".
  25. Thought How do you find your home room ? with 0 viewings related by tag "buttons".
  26. Thought She's back with 0 viewings related by tag "burningbird".
  27. Thought a button for the button bar for "about" with 0 viewings related by tag "buttons".
  28. Thought DHTML is a marketing term with 0 viewings related by tag "burningbird".
  29. Thought Buttons that we need with 0 viewings related by tag "buttons".
  30. Thought RiverButton with 0 viewings related by tag "buttons".
  31. Thought new button bar with 0 viewings related by tag "buttons".
  32. Thought color adj sent to Email with 0 viewings related by tag "buttons".
  33. Thought about: Burningbird ? A Pale Moon's Shadow with 0 viewings related by tag "burningbird".
  34. Thought Shelley on Passion with 0 viewings related by tag "burningbird".
  35. Thought Here is a door i found on another app being used for sign in sign out with 0 viewings related by tag "buttons".
  36. Thought How i could become a Republican again. with 0 viewings related by tag "burningbird".
  37. Thought Winnie, need some more buttons. with 0 viewings related by tag "buttons".
  38. Thought implementing return to whence ye came with 0 viewings related by tag "buttons".
  39. Thought What Shelley wants in a hosting company ... with 0 viewings related by tag "burningbird".
  40. Thought [title (1118)] with 0 viewings related by tag "buttons".
  41. Thought one bright red male, strutting his stuff high in the air with 0 viewings related by tag "burningbird".
  42. Thought about: Burningbird ? I love you 25% of the time with 0 viewings related by tag "burningbird".
  43. Thought about: chihuly videos : royal botanical gardens, kew with 0 viewings related by tag "burningbird".
  44. Thought need a news button for button bar with 0 viewings related by tag "buttons".
  45. Thought Sandpoint ? with 0 viewings related by tag "burningbird".
  46. Thought my page button with 0 viewings related by tag "buttons".
  47. Thought Drag and Drop with 0 viewings related by tag "buttons".
  48. Thought about: Burningbird ? Hold the Dew Drenched Bluebells with 0 viewings related by tag "burningbird".
  49. Thought Button to sit over text ... sign in ... sign out ... with 0 viewings related by tag "buttons".
  50. Thought The time has come to JavaScript ... or not ... with 0 viewings related by tag "burningbird".