Jenis-Jenis Pemuatan Gambar pada Web Browser

Jenis-Jenis Pemuatan Gambar pada Web Browser

Dengan adanya format gambar yang bervariasi dan sesuai dengan penggunanya tentu saja akan berpengaruh pada ukuran file gambar sehingga ruang pada hosting web pun dapat dihemat selain itu waktu loading pun dapat diefektifkan Perustan gambar menggunakan format gambar yang sudah terkenal seperti JPEG, SVG, GIF, PNG, dan Web? sebagai format gambar baru dari Google Inc

a. JPEG (Joint Photographic Expert Group) 

Format file JPEG mulai dikembangkan pada tahun 1986 dengan memiliki ekstens jpeg atau jpg Format file jenis ini mendukung hingga 1 juta warna, sehingga dapat menyimpan gambar dalam format true color (24 bit) JPEG kompatibel dengan platform Windows dan Mac serta dengan kompatibel dengan banyak aplikasi web browser ataupun image editor

b. SVG (Grafik Vektor yang Dapat Diskalakan) 

SVG termasuk jenis format gambar vector yang terdiri dari garis, stroke dan area yang diisi dengan warna. Misalnya pada peta, logo logo, diagram, ilustrasi, dan lainnya SVG ditulis dalam markup berbasis XML mirip seperti HTML dan tentunya sangat berbeda dari format gambar lain SVG diambil dan bentuk dan kurva matematis yang dideklarasikan atau sejenisnya, sehingga ukuran piksel menjadi tidak terbatas, tidak seperti format lain yang bergantung pada piksel Meskipun terlihat sama, SVG dak peduli ukuran dan tingkat perbesaran layar sehingga cocok untuk desain responsif SVG dapat dimodifikasi menggunakan CSS dan JavaScript serta dapat digunakan untuk huruf

c. GIF (Format Pertukaran Grafik) 

Format GIF dikembangkan oleh Compuserve Inc pada tahun 1987 yang dikembangkan oleh Steve Wilhite Format jenis ini bertujuan mentransfer gambar secara cepat melalu koneksi berkecepatan rendah. Ukuran file format GIF tergantung dari jumlah warna yang digunakan, makin sedikit warna yang dipakai maka makin kecil ukuran file nya.

d. PNG (Grafik Jaringan Portabel)

PNG memiliki dua bentuk yaitu PNG 8 dan PNG 24 Penggunaan PNG-8 ataupun PNG 24 mendukung transparansi di mana tingkat transparansinya dapat diatur dan mulai gelap (pekat) hingga transparan atau dapat disebut juga alpha channele. 

e. WebP

WebP adalah format gambar modern yang memberikan kompresi lossless dan lossy untuk gambar di web. Google memberikan jaminan bahwa gambar WebP lossless berukuran 26% lebih kecil dibandingkan dengan PNG dan gambar WebP lossy sekitar 25-34% lebih kecil dari gambar JPEG sebanding pada indeks kualitas SSIM yang setara Dengan menggunakan WebP, webmaster dan pengembang web dapat membuat gambar dengan ukuran yang lebih kecil tanpa mengurangi kualitas gambar sehingga membuat web menjadi lebih cepat. Hal ini akan sangat berguna untuk pengguna mobile karena konsumsi bandwidth yang lebih sedikit.