Panduan Multimedia - Menggunakan Gambar di Web

Artikel ini menjelaskan secara detil tentang kondisi penggunaan gambar dan teks, bagaimana untuk mempercepat pemberitahuan gambar serta memilih format gambar yang sesuai.

Kapan untuk menggunakan gambar

Untuk sebagian besar gambar, gambar satu dapat memperlihatkan lebih dari ribuan kata. Namun, tetap perhatikan, tidak ada yang mengingat orang yang berbicara berlebihan. Pertama dan yang paling penting, adalah untuk menjadikan grafik dokumen sebagai alat visualisasi, bukannya sebagai hiasan yang tidak ada alasan. Mereka seharusnya mendukung konten teks dan membantu pembaca untuk navigasi di dalam dokumen. Penggunaan gambar dapat membuat konten dokumen lebih jelas, dan dapat menambah catatan atau contoh. Gambar yang mendukung konten seperti foto, grafik, grafik, peta, dan lukisan adalah pilihan yang alami dan sesuai. Contohnya, foto produk adalah komponen penting bagi katalog online dan panduan belanja. Ada ikon dan simbol yang berfungsi seperti tautan, termasuk gambar dengan efek animasi, yang dapat menjadi pengarah yang efektif untuk konten atau sumber daya eksternal. Jika gambar yang ada tidak memainkan peran yang di atas, maka seharusnya disemprotkan ke sampingnya!

Dalam pertimbangan untuk menambahkan gambar ke dokumen, faktor penting lainnya adalah hal yang disebut gangguan waktu penelusuran saat mengirim dokumen melalui jaringan, khususnya melalui koneksi modem. Dokumen biasanya dapat menampung 10-15 kilobyte, sementara gambar dapat mencapai ukuran ratusan kilobyte. Dan waktu pemberitahuan total dari dokumen bukan hanya total bagian-bagiannya, tetapi juga memperhatikan gangguan waktu yang disebabkan oleh beban jaringan.

Berdasarkan kecepatan koneksi (yang disebut bandwidth,bandwidthBiasanya digunakan dengan bps atau b/s untuk menunjukkan dan situasi gangguan jaringan yang dapat memperlambat kecepatan koneksi, untuk mengunduh dokumen yang mengandung gambar berukuran 100 KB, mungkin perlu di tengah malam saat sebagian besar orang masih tidur, menggunakan modem 57.6 Kbps membutuhkan waktu sekitar 15 detik untuk menyelesaikan pemberitahuan, dan mungkin di tengah siang menggunakan modem 9600 bps membutuhkan waktu lebih dari 10 menit untuk mengunduh. Apakah Anda mendapatkan gambar ini?

Tentu saja, penggunaan gambar dan multimedia lainnya akan mendorong pemberi layanan internet untuk mencari cara yang lebih cepat, lebih baik, dan lebih kuat untuk menyediakan konten Web. Sebelum panjang, koneksi modem 56 Kbps akan keluar dari sejarah seperti kuda dan kereta (seperti modem 9600 bps), dan digantikan oleh teknologi baru seperti modem kabel dan ADSL. Secara kenyataan, sebagian besar koneksi akan melewati kecepatan 1Mbps.

Dengan penurunan harga, penggunaan jaringan akan terus meningkat, sehingga membawa masalah gangguan. Jika Anda mencoba mengakses server yang beroperasi di tingkat yang tinggi, maka tingkat kecepatan koneksi jaringan Anda akan menghalangi akses normal.

Kapan menggunakan teks

Teks belum usai. Untuk beberapa pengguna, teks adalah bagian satu-satunya yang dapat diakses dalam dokumen mereka. Kami menyarankan, dalam sebagian besar kasus, dokumen harus dapat diakses oleh siapa saja, termasuk mereka yang tidak dapat melihat gambar atau yang mematikan fitur unduh otomatis gambar browser untuk memperbaiki kinerja koneksi jaringan. Meskipun kebutuhan untuk menambahkan gambar ke dokumen mungkin sangat kuat, namun terkadang dokumen teks benar-benar lebih berarti.

Dokumen yang diubah format dari bentuk lain ke halaman Web jarang mengandung gambar yang disematkan, sedangkan referensi dan konten yang serius lainnya biasanya tersedia dalam bentuk teks yang penuh.

Pada saat kecepatan akses sangat penting, dokumen teks penuh harus dibuat. Jika Anda tahu pengguna mungkin bersaing untuk mendapatkan dokumen Anda, maka hindari penggunaan gambar dalam dokumen untuk memenuhi kebutuhan pengguna ini. Dalam beberapa kasus yang ekstrim, Anda mungkin menawarkan halaman utama (halaman pengantar), memberikan kesempatan pengguna untuk memilih antara dua salinan karya Anda: satu yang mengandung gambar dan yang lainnya tanpa gambar (browser populer memiliki ikon gambar khusus untuk menempatkan ruang bagi gambar yang belum diunduh, dan pengganti ini mungkin membuat tata letak dokumen menjadi kacau, bahkan menjadi hal yang sulit untuk dibaca).

Jika Anda ingin dokumen Anda dapat dengan mudah di cari oleh layanan indeks yang berbagai di Web, teks adalah bentuk yang paling sesuai - hanya mendukung gambar, tanpa dekorasi dan grafik yang tidak perlu. Tetapi biasanya mesin pencari ini akan mengabaikan keberadaan gambar. Jika konten utama halaman disediakan melalui gambar, informasi tentang dokumen Anda di katalog Web online akan sangat sedikit.

Peningkatan kecepatan pemberian gambar

Selain memilih dengan hati-hati konten yang akan disertakan dalam dokumen, ada banyak metode untuk memperbaiki beban dan keterlambatan yang diakibatkan oleh gambar:

Tetap sederhana

Gambar warna 24-bit yang penuh layar, bahkan jika ukurannya dihaluskan dengan format standar (seperti GIF atau JPEG), masih akan mengambil sebagian besar lebar jalur jaringan. Oleh karena itu, lebih baik menggunakan berbagai alat manajemen gambar untuk optimalkan ukuran gambar dan mengurangi jumlah warna menjadi jumlah piksel terbanyak. Simplifikasi lukisan dan hindari gambar lanskap, serta bagian belakang yang kosong yang tak perlu dan elemen lain yang mengambil ruang, dan hindari efek tremolo (menggabungkan dua warna yang dekat untuk mendapatkan warna ketiga), yang akan sangat mengurangi kemampuan kompresi gambar. Sebaliknya, gunakan warna yang serupa luas, karena dapat dengan mudah dikompresi dalam format GIF atau JPEG.

Penggunaan ulang gambar

Poin ini terutama berlaku untuk ikon dan animasi GIF. Sebagian besar peramban akan menyimpan komponen dokumen yang diimpor di penyimpanan lokal, sehingga dapat mendapatkan data lebih cepat dan menggunakan koneksi jaringan yang lebih sedikit. Untuk file animasi GIF kecil, coba persiapkan setiap gambar berurutan untuk hanya memperbarui bagian yang berubah dalam animasi, bukannya memperbarui seluruh gambar (ini juga dapat mempercepat pertunjukan animasi sendiri).

Pemecahan dokumen besar

Ini adalah prinsip umum untuk menggabungkan gambar. Banyak bagian dokumen kecil disusun bersama dengan tautan (tentu saja, dengan memakainya!) dan daftar yang efektif, sehingga pengguna merasa lebih mudah menerima daripada dokumen besar. Secara umum, orang lebih suka berbelit-belit di antara beberapa halaman daripada menghabiskan waktu untuk menunggu pengunduhan dokumen besar (ini hampir sama dengan sindrom penjelajahan channel TV). Satu pengalaman yang baik adalah mempertahankan ukuran dokumen di sekitar 50 KB, sehingga bahkan jika pembaca menggunakan koneksi yang paling lambat, mereka tetap merasa puas.

Isolasi grafik besar jika diperlukan

Tersedia link khusus untuk gambar yang besar, yang mungkin berupa gambar yang disingkat, untuk memungkinkan pembaca untuk menentukan apakah mereka ingin mengunduh gambar utuh dan kapan untuk mengunduhnya. Selain itu, karena gambar seperti ini tidak campur dengan elemen lain di dalam dokumen, mudah untuk diidentifikasi dan disimpan di penyimpanan lokal untuk digunakan nanti.

Tentukan ukuran gambar

Akhirnya, cara lain untuk meningkatkan kinerja adalah menambah tinggi dan lebar kotak gambar dalam labelnya. Dengan menentukan ukuran ini, dapat diselamatkan beberapa tahap ekstra, sehingga peramban yang mendukung fitur ekspansi tidak perlu mengunduh, memeriksa, dan menghitung ukuran gambar dalam dokumen. Namun, cara ini memiliki kelemahan yang buruk. Jika pengguna menonaktifkan fitur unduh gambar otomatis, peramban masih akan menampilkan ruang yang disediakan untuk gambar dengan ukuran yang ditentukan. Biasanya, ini akan meninggalkan kerangka kosong bagi para pembaca, meskipun belum ada solusi untuk masalah ini, kami tetap mendorong untuk menggunakan properti ukuran ini, karena kami mendorong segala tingkah laku yang dapat meningkatkan kinerja jaringan.

JPEG atau GIF?

Jika sumber gambar atau software alat Anda lebih suka format tertentu, Anda mungkin hanya dapat menggunakan satu format dari gambar JPEG atau GIF. Sekarang, kedua format ini mendapatkan dukungan luas dari peramban, jadi tidak ada masalah tentang apakah pengguna dapat melihatnya.

Namun, kami tetap menyarankan untuk menggunakan alat yang diinginkan untuk membuat atau mengkonversi format ini, untuk memanfaatkan fungsi masing-masing. Contohnya, dapatkan khasiat transparensi GIF untuk ikon dan simbol dekoratif kecil. Sementara itu, gunakan JPEG untuk menekan gambar berwarna yang besar untuk mempercepat kecepatan pemberian.

Tag <img>

Tag <img> mengijinkan untuk merujuk atau memasukkan gambar grafis dalam alur dokumen saat ini. Untuk mendapatkan informasi detil tentang tag ini, silakan lihat: