Kursus ini dibuat untuk developer web pemula dan lanjutan, yang mencakup segala hal mulai dari dasar-dasar memastikan sumber gambar diminta dan dirender secara efisien, hingga detail tentang cara format gambar umum dikomunikasikan dari server ke klien. Sepanjang kursus ini, Anda akan mempelajari cara mencapai ukuran transfer sekecil mungkin untuk gambar tanpa mengurangi kualitasnya — setidaknya, tidak dengan cara yang dapat dilihat siapa pun.
Anda dapat mengikuti rangkaian dari awal hingga akhir untuk mendapatkan pemahaman holistik tentang cara kerja gambar di web modern, atau menggunakannya sebagai referensi untuk konsep dan pola markup tertentu yang akan Anda gunakan dalam pekerjaan sehari-hari.
Bagi mereka yang baru mengenal pengembangan web, lihat kursus Mempelajari HTML untuk dasar-dasar penggunaan markup, kursus Mempelajari CSS untuk dasar-dasar penataan gaya, dan kursus Mempelajari Desain Responsif untuk memahami bagaimana gambar akan dirender dalam tata letak responsif.
Inilah yang akan Anda pelajari:
Histori singkat gambar di web
Histori gambar di web, dimulai dengan elemen gambar pada tahun 1993
Masalah performa utama
Pelajari cara memastikan bahwa permintaan gambar Anda sekecil dan berperforma baik.
Gambar vektor
Pelajari tentang SVG, format gambar vektor yang digunakan di web.
Gambar raster
Temukan gambar raster, seperti JPEG, GIF, PNG, dan WebP.
Format gambar: GIF
Memahami format gambar GIF, beserta penjelasan cara kerja encoding gambar.
Format gambar: PNG
Mengetahui kapan PNG adalah format gambar terbaik untuk dipilih.
Format gambar: JPEG
Pelajari format gambar yang paling umum di web.
Format gambar: WebP
Pelajari WebP, dan pahami perbedaan antara format ini dan lainnya.
Format gambar: AVIF
Format File Gambar AV1 (AVIF) adalah encoding berdasarkan codec video AV1 open source.
Gambar responsif
Pembahasan mendalam tentang gambar responsif.
Sintaksis deskriptif
Menggunakan srcset dan size untuk memberikan informasi ke browser tentang sumber gambar dan cara penggunaannya.
Sintaksis preskriptif
Ketahui tentang elemen gambar.
Mengotomatiskan kompresi dan encoding
Jadikan pembuatan sumber gambar berperforma tinggi memudahkan proses pengembangan Anda.
Pembuat Situs, framework, dan CMS
Pelajari cara CMS seperti WordPress, dan generator situs lainnya mempermudah penggunaan gambar responsif.
Jaringan penayangan konten gambar
Pelajari bagaimana CDN gambar memiliki kemampuan untuk mengubah dan mengoptimalkan konten gambar.
Kesimpulan
Beberapa referensi tambahan.
Jadi, apakah Anda siap mempelajari Gambar?