Merubah target gambar GIF ke PNG dengan .htaccess

Beberapa hari yang lalu saya dimintai bantuan membuat beberapa desain badge untuk komunitas blogger yang saya ikuti, WongKito, dan salah satunya adalah badge dukungan terhadap Pesta Blogger 2008. Setelah melihat logo resmi event tersebut, saya berencana membuat desain badge yang sedikit berbeda dan menonjolkan desain speech-bubble dengan menempatkannya di atas latar transparan.

Hampir semua anggota komunitas WongKito memasang badge WongKito pada masing-masing blog mereka dengan membuat hotlink langsung ke gambar badge yang dihost di server WongKito. Ini sengaja dilakukan agar desain badge tetap seragam dan dapat secara otomtatis berubah mengikuti tema atau event yang sedang berlangsung di komunitas. Badge normal WongKito disimpan dalam format GIF dan ditampilkan dengan tag <img src="http://wongkito.net/badge/wongkito.gif" /> sedangkan badge baru yang didesain disimpan dalam format PNG untuk memanfaatkan transparansi alpha PNG yang lebih baik.

Badge WongKito

Badge WongKito

Karena hampir tidak mungkin untuk meminta semua anggota komunitas mengupdate kode badge mereka agar merujuk ke badge baru (wongkito.png), maka badge lama perlu diredirect secara otomatis. Untuk keperluan ini file .htaccess memegang peranan. Saya membuat sebuah file .htaccess dan menambahkan dua baris sederhana agar file wongkito.gif secara otomatis memanggil badge wongkito.png dan menyimpan file ini di direktori /badge.

RewriteEngine On
RewriteRule ^wongkito.gif$ wongkito.png

Kini semua anggota komunitas menampilkan badge baru dengan fomat PNG tanpa harus merubah satu kode pun.

Cara ini juga bisa dilakukan untuk keperluan-keperluan yang lain seperti menyembunyikan format file asli, melindungi file-file penting, dan sebagainya.