Kursus ini dibuat untuk pengembang web pemula dan lanjutan, mencakup semuanya mulai dari dasar-dasar memastikan sumber gambar diminta dan dirender secara efisien, hingga detail tentang bagaimana format gambar umum dikomunikasikan dari server ke klien. Sepanjang kursus ini, Anda akan mempelajari cara mencapai ukuran transfer sekecil mungkin untuk gambar Anda tanpa mengurangi kualitasnya—setidaknya, tidak dengan cara yang dapat dilihat siapa pun.
Anda dapat menelusuri rangkaian ini dari awal hingga akhir untuk 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 Belajar HTML untuk dasar-dasar penggunaan markup, kursus Belajar CSS untuk dasar-dasar gaya, dan kursus Belajar Desain Responsif untuk memahami bagaimana gambar akan dirender dalam tata letak responsif.
Inilah yang akan Anda pelajari:
Sejarah singkat gambar di web
Sejarah gambar di web, dimulai dengan elemen gambar pada tahun 1993
Masalah kinerja utama
Pelajari cara untuk memastikan bahwa permintaan gambar Anda sekecil dan seperforma mungkin.
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
Pahami format gambar GIF, beserta penjelasan cara kerja pengkodean gambar.
Format gambar: PNG
Cari tahu kapan PNG menjadi format gambar terbaik untuk dipilih.
Format gambar: JPEG
Pelajari tentang format gambar yang paling umum di web.
Format gambar: WebP
Pelajari tentang WebP, dan pahami perbedaan antara format ini dan lainnya.
Format gambar: AVIF
AV1 Image File Format (AVIF) adalah penyandian berdasarkan codec video AV1 open source.
Gambar responsif
Penyelaman mendalam ke gambar responsif.
Sintaks deskriptif
Menggunakan srcset dan ukuran untuk menyediakan browser dengan informasi tentang sumber gambar dan bagaimana mereka akan digunakan.
Sintaks preskriptif
Cari tahu tentang elemen gambar.
Mengotomatiskan kompresi dan pengodean
Jadikan pembuatan sumber gambar berperforma tinggi sebagai bagian mulus dari proses pengembangan Anda.
Generator Situs, kerangka kerja, dan CMS
Temukan bagaimana CMS seperti WordPress, dan generator situs lainnya dapat mempermudah penggunaan gambar responsif.
Jaringan pengiriman konten gambar
Pelajari bagaimana CDN gambar memiliki kemampuan untuk mengubah dan mengoptimalkan konten gambar.
Kesimpulan
Beberapa sumber daya tambahan.
Jadi, apakah Anda siap untuk belajar Gambar?
Pengeluaran hk tercepat hari ini berasal dari situs togel Data SGP pools https://isrs-ut.com/ hasil keluaran hk terkini tiap hari. Dengan kenakan rekapan bagan knowledge hk prize, Pasti mempermudah bettor di dalam lihat nomor pengeluaran SGP hari ini. Di mana tiap hasil pengeluaran hk https://figurines-studio38.com/ ini terkini senantiasa kita pembaharuan menjajaki result keluaran hongkong terkini dari hongkongpools.com. Tujuannya sehingga para fans judi togel https://redskop.com/ di Indonesia mampu bersama mudahnya mengetahui hasil hk hari ini terkini dan juga benar-benar kilat.
![A :nth-child(An+B [of S]?) polyfill berkat CSS :has() dan :not() – Bram.us](https://www.bram.us/wordpress/wp-content/uploads/2022/12/nth-child-of-class_css-bramus-updated.png "A :nth-child(An+B [of S]?) polyfill berkat CSS :has() dan :not() – Bram.us")