Alpha Transparency

Alpha Transparency adalah sebuah fasilitas yang dimiliki oleh Portable Network Graphics atau disingkat PNG yang memungkinan sebuah image memiliki tingkat kenampakan terhadap objek-objek yang berada di belakang image tersebut. Untuk gambar yang dipergunakan di dalam dunia Web hanya PNG yang memiliki fasilitas Alpha Transparency.

GIF memang telah kita kenal dapat memproduksi gambar dengan transparansi untuk latar, hanya saja, transparansi GIF ini memiliki kekurangan yaitu tidak dapat menampilkan dengan sempurna transparansi gambar yang memiliki Anti Aliasing, serta dukungan GIF akan warna yang hanya 256 warna.

Perhatikan perbandingan Transparansi antara GIF dengan PNG pada gambar di bawah :

Alpha Transparency GIF dan PNG

Gambar diatas diberikan efek bayangan atau shadow hingga pada bayangan menampilkan gambar yang tembus pandang atau transparan, GIF tidak dapat menampilkan bayangan ini secara transparan, akibatnya pada bagian transparan tersebut ditampilkan warna matte dengan warna default putih.

Export PNG

Secara langsung maupun tidak langsung, penggunaan Alpha Transparency PNG dipopulerkan oleh kalangan pengembang aplikasi opensource, sebagaimana PNG. Beberapa browser seperti Mozilla, Opera, dan browser lainnya telah dengan baik mendukung Alpha Transparency, terkecuali IE yang baru dapat menampilkan Alpha Transparency dengan baik pada IE 7. Alpha Transparency juga secara masif dipergunakan dalam aplikasi grafis untuk linux seperti KDE, untuk pembuatan Icon, maupun user interface.

Alpha Transparency dari PNG dapat dipergunakan untuk berbagai keperluan, diantaranya adalah penggunaan gambar transparan untuk keperluan animasi pada Macromedia Flash. Saya pribadi, sering menggunakan Alpha Transparency untuk pembuatan user interface untuk beberapa aplikasi web-based maupun skin browser yang diperuntukan bagi browser Mozilla.

7 Responses to “Alpha Transparency”

  1. Hafiz R.

    Iya, IE versi sebelum 7 tidak mendukung alpha transparency PNG dengan baik–kecuali dengan sedikit hack menggunakan javascript.

    lihat contoh di halaman ini:
    http://homepage.ntlworld.com/bobosola/pngtestfixed.htm

    untuk javascript-nya tinggal view source halaman tersebut.

  2. Didats Triadi

    #1 iya, itu bisa menjadi solusi.
    tapi kurang.

    kenapa?

    kadang (memang cuma kadang-kadang, ga tau kenapa) di ie butuh load yang ga selesai terus menerus. untuk itu diperlukan javascript untuk load png filenya sebelum semua dokumen selesai di load.
    contoh: imanivillas.com

    makanya, aku masih menghindari pemakaian png ini.

  3. Pupung Budi Purnama

    IE sih sumbernya masalah, karena teknologi makin maju, tapi IEnya nggak update :D… Tapi syukurlah ada IE 7, walaupun makin berat dan lebih mirip browser Opera, segala fasilitas ada…

  4. Deon Sukma

    http://homepage.ntlworld.com/bobosola/pngtestfixed.htm wah linknya bagus juga nih… kadang hack png transparancy bikin css jadi gak valid.. tapi link yang tadi valid xhtml en css… gud gud gud..

  5. Erol Tooy

    Semenjak saya kenal PNG, GIF langsung menjadi alternatif terakhir. Apalagi mengingat lisensi dari GIF itu sendiri.

    Trims bro Pupung atas tambahan informasinya tentang alpha transparency :)

  6. rizalgl10

    mas Pupung,
    hehehe aku mo tanya
    di http://www.master.web.id nya kok forumnya ga pernah ke baca (ngrental di warner, udah di kasih flash player 9 ato 10 dari link)
    gimana?

  7. ANAS

    erm

Leave a Reply