Selamat datang di Learn Images!

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?