https://www.idblanter.com/search/label/Template
https://www.idblanter.com
BLANTERORBITv101

Cara Menampatkan Gambar dalam Programan HTML

Minggu, 28 Juni 2020


Segala sesuatu mungkin tampak sedikit hambar dan membosankan dengan semua pemformatan teks ini. Tentu saja, web bukan hanya tentang teks, ini adalah ekstravaganza multi-media dan bentuk kilauan yang paling umum adalah gambar.

Tag img digunakan untuk meletakkan gambar dalam dokumen HTML dan terlihat seperti ini:

<img src="http://www.fcbarca.me/badge1.gif" width="120" height="90" alt="FC Barca">

Atribut src memberitahu browser tempat untuk menemukan gambar. Seperti tag, ini dapat menjadi mutlak, seperti contoh di atas menunjukkan, tetapi biasanya relatif. Sebagai contoh, jika Anda membuat gambar Anda sendiri dan menyimpannya sebagai "alienpie. jpg" dalam sebuah direktori yang disebut "Images" maka kode akan < img src =  "Images/alienpie. jpg "...

Atribut width dan height diperlukan karena jika dikecualikan, browser akan cenderung menghitung ukuran sebagai pemuatan gambar, bukan saat halaman dimuat, yang berarti bahwa tata letak dokumen mungkin melompat-lompat saat halaman sedang dimuat.

Atribut ALT adalah deskripsi alternatif. Ini adalah pertimbangan aksesibilitas, memberikan informasi yang bermakna bagi pengguna yang tidak dapat melihat gambar (jika mereka tunanetra, misalnya).

Perhatikan bahwa, seperti Tag br, karena elemen img tidak menyertakan konten apapun, tidak ada tag penutup diperlukan.

Pembangunan gambar untuk web adalah sedikit di luar mengirimkan situs ini, tetapi perlu dicatat beberapa hal...

Format file yang paling umum digunakan untuk gambar adalah JPEG, GIF, dan PNGs. Mereka adalah format terkompresi, dan memiliki kegunaan yang sangat berbeda.

Sebuah JPEG (diucapkan "Jay-Peg") menggunakan algoritma matematika untuk kompres gambar dan akan mendistorsi sedikit asli. Semakin rendah kompresi, semakin tinggi ukuran file, namun semakin jelas gambarnya.

JPEGs biasanya digunakan untuk gambar seperti foto.

Sebuah GIF (diucapkan "JIF") dapat memiliki tidak lebih dari 256 warna, tetapi mereka mempertahankan warna gambar asli. Semakin rendah jumlah warna yang Anda miliki dalam gambar, semakin rendah ukuran file akan. GIF juga memungkinkan piksel apa pun dalam gambar menjadi transparan.

GIF biasanya digunakan untuk gambar dengan warna solid, seperti ikon atau logo.

Sebuah PNG (diucapkan "ping") meniru warna, sama seperti GIF, tetapi memungkinkan 16.000.000 warna serta transparansi Alpha (yaitu, daerah bisa 50% transparan).

PNGs biasanya digunakan untuk gambar serbaguna dalam desain yang lebih kompleks tetapi mereka tidak sepenuhnya didukung oleh beberapa browser yang lebih tua.

Web adalah selamanya semakin cepat dan lebih cepat tetapi Anda jelas ingin halaman web Anda untuk men-download secepat mungkin. Menggunakan gambar super-High Resolution tidak melakukan bandwidth Anda atau pengguna Anda (atau kesabaran) Bantuan. Kompresi gambar adalah alat yang hebat dan Anda perlu untuk menyeimbangkan antara kualitas gambar dan ukuran gambar. Sebagian besar program manipulasi gambar modern memungkinkan Anda untuk kompres gambar dan cara terbaik untuk mencari tahu apa yang paling cocok untuk diri sendiri adalah trial and error.


Author

Admin