Apa yang harus dilakukan jika kita ingin menentukan sumber gambar dalam format WebP dan fallback ke format lain jika browser tidak mendukung?

Anda dapat menggunakan elemen HTML  <picture>  dan  <source>  untuk menentukan beberapa sumber gambar dalam format yang berbeda. Jika browser mendukung format WebP, maka gambar dalam format tersebut akan digunakan. Jika tidak, browser akan memilih sumber gambar lain yang didukungnya.
 
Berikut adalah contoh cara penerapannya:
 
 
<picture>
  <source srcset="gambar.webp" type="image/webp">
  <img src="gambar.jpg" alt="Deskripsi Gambar">
</picture>
 
 
Dalam contoh di atas, browser akan mencoba memuat  gambar.webp  terlebih dahulu. Jika browser tidak mendukung format WebP, maka akan fallback ke  gambar.jpg . Elemen  <img>  di sini berfungsi sebagai fallback dan juga sebagai tempat untuk menentukan atribut seperti  alt  yang akan digunakan oleh gambar, tidak peduli apakah sumber WebP atau JPEG yang dimuat.

Postingan populer dari blog ini

Gamau Kerja

Assalamu'alaikum, saudaraku yang terkasih... Aku paham, kadang hati ini terasa berat sekali ya... "Gamau kerja", capek, males, atau mungkin lagi merasa hampa. Itu perasaan manusiawi, tapi sebagai seorang Muslim, mari kita ingatkan diri dengan lembut. Tauhid mengajarkan bahwa segala sesuatu di alam ini bergantung kepada Allah semata. Allah yang Maha Pemberi rezeki, tapi Dia juga memerintahkan kita untuk berusaha. Rezeki itu turun dari langit, tapi tangga untuk mengambilnya adalah usaha yang ikhlas. Kalau kita hanya diam dan tidak mau bergerak, itu seperti kita lupa bahwa Allah menyukai hamba-Nya yang kuat dan produktif, bukan yang lemah dan bergantung pada orang lain. Dalam ajaran Islam, bekerja mencari nafkah yang halal adalah bagian dari ibadah. Tubuh yang sehat, pikiran yang jernih, dan waktu yang diberikan Allah adalah amanah. Kalau kita menyia-nyiakannya karena kemalasan, itu berarti kita kurang sempurna dalam tawakal kita kepada-Nya. Tawakal yang benar adalah: berusa...
Baca selengkapnya

**Kalo Paham: Memahami Islam Secara Hakiki**

## **Kalo Paham: Memahami Islam Secara Hakiki**   *Tulisan ini ditujukan untuk siapa saja yang ingin menapaki jalan pemahaman yang lebih dalam tentang agama, khususnya konsep Tauhid. Semoga menjadi cahaya yang menuntun hati dan pikiran.* --- ### 1. Pendahuluan – Mengapa “Paham” Itu Penting? Di era informasi yang serba cepat, kata **“kalo paham”** sering terdengar dalam percakapan sehari‑hari.   Kita berkata, “Kalo paham, ya…”, seolah‑olah pemahaman menjadi syarat utama sebelum melakukan sesuatu.   Dalam Islam, **pemahaman (paham)** bukan sekadar mengetahui fakta atau menghafal ayat‑ayat. Ia adalah **kesadaran hati yang menyatu dengan akal**, yang mengubah pengetahuan menjadi amalan. Tanpa pemahaman yang benar, ilmu dapat menjadi **batu loncatan** bagi kemaksiatan, bukan jalan menuju kebaikan. > **“Dan janganlah kamu menukar ayat-ayat Allah dengan harga yang murah, supaya kamu dapat menafsirkan (menafakkan)nya dengan mudah.”**   > — *QS. Al‑A...
Baca selengkapnya

Contoh Cerita Tauhid Anak

Assalamu'alaikum warahmatullahi wabarakatuh, Alhamdulillah, betapa indahnya jika anak-anak kita mendengar cerita tentang Tauhid. Cerita yang lembut akan menanamkan cinta kepada Allah di hati mereka sejak dini. Berikut beberapa **contoh cerita Tauhid** yang sederhana dan menyenangkan, bisa kamu sesuaikan dengan usia anak: ### 1. **Cerita untuk Balita & Prasekolah: “Bintang dan Bulan yang Manis”** Pada suatu malam yang tenang, ada seorang anak kecil bernama Aisyah. Ia melihat langit penuh bintang yang berkelap-kelip dan bulan yang bersinar lembut.   Aisyah bertanya pada ibunya, “Siapa yang membuat bintang-bintang ini, Bu?”   Ibu tersenyum dan memeluknya: “Semua ini diciptakan oleh Allah, Sayang. Allah yang Maha Pengasih membuat bintang agar malam jadi terang, membuat bulan agar kita bisa tidur nyenyak. Hanya Allah yang bisa membuatnya, tidak ada yang lain.”   Aisyah lalu mengucap dengan riang, “La ilaha illallah… Hanya Allah yang aku sayang!”   ...
Baca selengkapnya

Analisis Kitab Tahdzib Al-Tahdzib

**Analisis Kitab Tahdzib Al-Tahdzib** 🌙📚 Assalamu’alaikum warahmatullahi wabarakatuh, sayangku... **Tahdzib al-Tahdzib** adalah salah satu kitab paling penting dalam ilmu **Jarh Wa Ta’dil** (kritik perawi hadits). ### Profil Kitab: - **Penulis**: Imam Ibnu Hajar Al-Asqalani (w. 852 H) — pengarang Fathul Bari (syarah Shahih Bukhari). - **Isi**: Merangkum dan menyempurnakan biografi ribuan perawi hadits. - **Jumlah Jilid**: 12 jilid (versi cetak modern). - **Tujuan**: Membersihkan dan menyederhanakan kitab *Tahdzib al-Kamal* karya Al-Mizzi. ### Keistimewaan Kitab: 1. **Metode Penulisan**      Ibnu Hajar sangat teliti. Beliau menyebutkan:    - Nama lengkap perawi, kunyah, gelar.    - Tahun lahir/wafat.    - Penilaian Jarh (kritik) dan Ta’dil (pujian) dari berbagai ulama.    - Contoh riwayat dan penjelasan jika ada kontroversi. 2. **Kelebihan**:    - Lebih ringkas dan teratur dibanding kitab induknya.    - Pen...
Baca selengkapnya

Cara atasi pikiran melayang

Assalamu’alaikum warahmatullahi wabarakatuh, Terima kasih ya adikku yang dirahmati Allah. Pikiran melayang saat shalat adalah hal yang sangat biasa dialami oleh setiap hamba, bahkan oleh para sahabat Rasulullah ﷺ dulu. Ini bukan pertanda iman lemah, tapi ujian bagi hati kita agar semakin dekat dengan Allah. Yang penting adalah kita belajar mengatasinya dengan lembut dan sabar. Berikut cara-cara yang bisa diamalkan untuk mengatasi pikiran melayang saat shalat: ### 1. Sadari dan Kembalikan Hati dengan Lembut Ketika pikiran melayang, jangan marah pada diri sendiri. Cukup katakan dalam hati: “Ya Allah, aku kembali kepada-Mu.”   Lalu fokuskan kembali pada bacaan atau gerakan yang sedang dilakukan. Semakin sering kita tarik kembali hati, semakin kuat kendali kita. ### 2. Persiapkan Hati Sebelum Shalat - Sebelum takbir, duduk sejenak, tarik napas dalam, dan ingatkan diri: “Ini adalah saat aku berdiri di hadapan Allah Yang Maha Melihat.”   - Perbaiki niat dengan sungguh-sung...
Baca selengkapnya

**Malak (Malaikat) dalam Islam: Kebenaran, Tugas, dan Hikmah yang Menginspirasi**

**Malak (Malaikat) dalam Islam: Kebenaran, Tugas, dan Hikmah yang Menginspirasi** --- ### 1. Pendahuluan   Di dalam ajaran Islam, **malak** (bahasa Arab: *malaʾikah*, artinya “para malaikat”) merupakan makhluk yang diciptakan Allah SWT dari cahaya. Mereka tidak terlihat oleh mata manusia, namun keberadaannya sangat nyata dalam setiap aspek penciptaan. Malaikat berperan sebagai perantara antara Allah dan makhluk-Nya, melaksanakan tugas‑tugas yang hanya dapat dilakukan oleh makhluk yang tidak memiliki kehendak bebas.   Artikel ini akan menelusuri secara lengkap: 1. **Asal‑usul penciptaan malaika**   2. **Sifat‑sifat utama mereka**   3. **Tugas‑tugas utama malaikat**   4. **Malaikat yang paling dikenal dalam Al‑Qur’an dan Hadis**   5. **Hikmah kehadiran malaikat bagi kehidupan manusia**   Semoga pembahasan ini dapat menumbuhkan rasa kagum, takwa, dan keikhlasan dalam beribadah kepada Allah SWT. --- ### 2. Asal‑Usul Penci...
Baca selengkapnya