Panduan Multimedia - Menggunakan Imej di Web
- Halaman Sebelumnya Imej JPEG
- Halaman Berikutnya Ringkasan Elemen Object
Artikel ini menjelaskan secara detil tentang kondisi penggunaan gambar dan teks, bagaimana untuk mempercepat pemberian gambar serta memilih format gambar yang sesuai.
Kapan untuk menggunakan gambar
Untuk sebagian besar gambar, gambar yang satu dapat mendahului ribuan kata. Tetapi ingat, orang tak akan perhatikan orang yang bersuara keruh. Pertama dan yang paling penting, adalah untuk menjadikan grafik dokumen sebagai alat visualisasi, bukannya sebagai hiasan yang tak terasa. Mereka seharusnya mendukung konten teks dan membantu para pembaca untuk bergerak di dalam dokumen. Menggunakan gambar dapat membuat konten dokumen lebih jelas, dan dapat menambahkan catatan atau contoh. Gambar yang mendukung konten seperti foto, grafik, grafik curva, peta, dan gambar adalah pilihan yang alamiah dan sesuai. Misalnya, foto produk sangat penting untuk katalog online dan panduan belanja. Ada pula ikon dan simbol yang memiliki fungsi link, termasuk gambar yang memiliki efek animasi, yang dapat menjadi pengarah yang efektif untuk konten atau sumber daya eksternal. Jika ada gambar yang tak memainkan peran di atas, mungkin harus diabaikan!
Dalam pertimbangan untuk menambahkan gambar ke dokumen, faktor penting lainnya adalah gangguan waktu yang diakibatkan oleh pengambilan melalui jaringan, terutama melalui koneksi modem untuk mengirim dokumen. Dokumen biasanya dapat menampung 10-15 kilobyte, sementara gambar dapat mencapai ukuran ratusan kilobyte. Dan waktu pemberian keseluruhan dokumen bukan hanya total bagian yang diambil, tetapi juga harus berhati-hati terhadap gangguan yang disebabkan oleh beban jaringan.
Berdasarkan kecepatan koneksi (juga dikenal sebagai bandwidth,bandwidthBiasanya digunakan untuk mewakili bps atau b/s) dan keadaan gangguan jaringan yang mungkin mengurangi kecepatan koneksi, untuk mengunduh dokumen yang mengandung gambar berukuran 100 KB, mungkin harus di tengah malam pukul satu atau dua, ketika sebagian besar orang masih tidur, menggunakan modem 57.6 Kbps membutuhkan waktu sekitar 15 detik untuk menyelesaikan pemberian, dan mungkin pula 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 para provider layanan Internet untuk terus mencari cara yang lebih cepat, lebih baik, dan lebih kuat untuk menyediakan konten Web. Sebelumnya, koneksi modem 56 Kbps akan keluar dari sejarah (seperti modem 9600 bps), dan digantikan oleh teknologi baru seperti modem kabel dan ADSL. Sebenarnya, sebagian besar koneksi akan melampaui kecepatan 1Mbps.
Dengan penurunan harga, penggunaan jaringan akan terus meningkat, sehingga membawa masalah gangguan. Jika Anda mencoba mengakses server yang beroperasi di penuh, maka tingkat kecepatan koneksi jaringan Anda akan berada di tingkat yang tinggi, tetapi masih gagal untuk mengakses.
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 pengguna yang tidak dapat melihat gambar atau pengguna yang mematikan fitur unduhan otomatis gambar di browser untuk memperbaiki kinerja koneksi jaringan. Meskipun kebutuhan untuk menambahkan gambar ke dokumen mungkin sangat kuat, ada beberapa saat saat dokumen teks benar-benar lebih berarti.
Dokumen yang diubah format dari bentuk lain ke halaman Web seringkali tidak mengandung gambar yang disematkan, sedangkan referensi dan konten yang serius lainnya biasanya tersedia dalam bentuk teks yang penuh.
Ketika kecepatan akses sangat penting, buat dokumen teks yang bersih. Jika Anda tahu pengguna mungkin bersaing untuk mendapatkan dokumen Anda, hindari penggunaan gambar dalam dokumen untuk memenuhi kebutuhan pengguna ini. Dalam beberapa kasus ekstrim, Anda mungkin menyediakan 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 susunan dokumen menjadi kacau, bahkan menjadi hal yang sulit dibaca).
Jika Anda ingin dokumen Anda dapat dengan mudah dicari oleh layanan indeks yang berbagai di Web, teks adalah bentuk yang paling sesuai - hanya mendukung gambar, tanpa hiasan dan grafik yang tidak penting. Namun, mesin pencari ini sering mengabaikan keberadaan gambar. Jika konten utama halaman disediakan melalui gambar, informasi tentang dokumen Anda di katalog Web online akan sangat sedikit.
Peningkatan kecepatan unduhan gambar
Selain memilih dengan hati-hati konten yang akan disertakan dalam dokumen, ada banyak cara untuk mengurangi beban dan lama tunggu yang diakibatkan oleh gambar:
Pertahankan kependekan
Gambar warna 24 bit yang penuh layar, bahkan setelah pengurangan ukuran dengan format standar (seperti GIF atau JPEG dll), masih akan mengambil sebagian besar lebar jalur jaringan. Oleh karenanya, yang paling baik adalah untuk menggunakan berbagai alat manajemen gambar untuk optimalkan ukuran gambar dan mengurangi jumlah warna menjadi jumlah pixel yang paling sedikit. Ringkaskan desain Anda dan jangan gunakan foto lanskap, serta menghindari latar belakang kosong yang besar dan elemen yang tak perlu serta memakan ruang lain. Juga, hindari efek gerakan (menggabungkan dua warna yang mendekati untuk mendapatkan warna ketiga), teknik ini akan mengurangi dampak pengeompakan gambar secara besar-besaran. Sebaliknya, gunakan warna yang sebanding dan luas, karena dapat dengan mudah dihalangi dalam format GIF atau JPEG.
Penggunaan ulang gambar
Ini terutama berlaku untuk ikon dan animasi GIF. Sebagian besar browser akan menyimpan komponen dokumen yang diimpor di penyimpanan lokal, sehingga dapat mendapatkan data lebih cepat dan menggunakan koneksi jaringan yang lebih sedikit. Untuk berkas animasi GIF kecil, cobalah untuk mempersiapkan setiap gambar berurutan, sehingga 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 potongan dokumen kecil disusun bersama dengan tautan (tentu saja!) dan daftar yang efektif, yang membuat pengguna merasa lebih mudah menerima daripada dokumen besar. Secara umum, orang lebih suka berpindah antara beberapa halaman daripada menghabiskan waktu untuk menunggu pengunduhan dokumen besar (ini hampir sama dengan sindrom penjelajahan saluran TV). Sebuah pengalaman yang baik adalah untuk mempertahankan ukuran dokumen di sekitar 50 KB, sehingga bahkan bila pembaca menggunakan koneksi yang paling lambat, mereka tetap merasa puas.
Isolasi grafik besar apabila diperlukan
Tersediakan tautan khusus untuk gambar yang besar, yang mungkin berupa gambar yang disingkat, untuk memungkinkan pembaca menentukan apakah mereka ingin menghabiskan waktu untuk mengunduh gambar penuh dan kapan mengunduhnya. Dan, karena gambar seperti ini tidak campur dengan elemen lain dalam dokumen, dengan demikian mudah untuk mengidentifikasi dan disimpan di penyimpanan lokal untuk digunakan nanti.
Tentukan ukuran gambar
Akhirnya, satu lagi cara untuk meningkatkan performa adalah untuk menyertakan ketinggian dan lebar kotak gambar dalam labelnya. Dengan menentukan ukuran ini, dapat diselamatkan beberapa tahap ekstra, browser dengan fungsi ekspansi tidak perlu lagi mengunduh, memeriksa dan menghitung ukuran gambar dalam dokumen. Namun, cara ini mempunyai kelemahan yang buruk. Jika pengguna menonaktifkan fungsi muat turun gambar otomatis, browser masih akan menampilkan ruang yang disediakan untuk gambar dengan ukuran yang ditentukan. Biasanya, ini akan meninggalkan kerangka kosong bagi pembaca, meskipun belum ada solusi untuk masalah ini, tetapi kami masih mendorong Anda untuk menggunakan properti ukuran ini, karena kami mendorong semua perilaku yang dapat meningkatkan performa jaringan.
JPEG atau GIF?
Jika sumber imej atau perisian alat Anda lebih suka format tertentu, Anda mungkin hanya dapat menggunakan salah satu format imej JPEG atau GIF. Kini, kedua format ini mendapat sokongan luas dari pelayar, jadi tidak ada masalah penggunaan pengguna untuk melihatnya.
Walau bagaimanapun, kami masih mengadvisi untuk menggunakan alat untuk membuat atau mengubah format kedua ini untuk memanfaatkan fungsi masing-masing. Contohnya, dapatkan khasiat kecerahan GIF untuk ikon dan simbol kecil. Sementara itu, gunakan JPEG untuk mengurangkan imej berwarna yang besar untuk mempertinggi kelajuan pemuatannya.
Tag <img>
Tag <img> memungkinkan untuk merujuk atau memasukkan imej di aliran dokumen sekarang. Untuk mendapatkan maklumat lanjut tentang tag ini, sila lihat:
- Halaman Sebelumnya Imej JPEG
- Halaman Berikutnya Ringkasan Elemen Object