Kode HTML untuk memperluas gambar untuk situs web

Saya menghubungkan gambar besar

Cara dasar untuk menggunakan kode HTML untuk memperbesar gambar pada dasarnya adalah untuk menghubungkan setiap gambar besar ke versi yang lebih kecil, yang disebut "thumbnail". Ketika pembaca mengklik gambar kecil, itu akan memuat besar pada layar Anda untuk kembali ke halaman sebelumnya, gunakan tombol "Kembali" di browser Anda. Kode ini memanfaatkan tag HTML dan .

Manfaat

Ada beberapa manfaat untuk menautkan gambar besar melalui penggunaan thumbnail. Karena gambar besar tidak secara langsung dimasukkan dalam situs web, setiap halaman memuat lebih cepat, mengurangi risiko pengunjung mengalami koneksi lambat dan kehilangan kesabaran, sehingga menghasilkan keputusan untuk mengunjungi situs yang berbeda. Selain itu, pengguna akan memutuskan sendiri apakah mereka ingin mengunggah gambar yang lebih besar daripada dikenakan dan terutama bagi mereka yang menggunakan koneksi dengan batas unduhan, serta mereka yang membayar untuk koneksi mereka tergantung pada jumlah yang akan diunduh . Para pengguna ini tidak melampaui batas sehingga mereka tidak perlu membayar uang ekstra jika mereka tidak menginginkannya.

Pertimbangan

Kode dasar didasarkan pada pengunjung yang menggunakan tombol "Kembali" untuk kembali ke tempat mereka berada. Ini mungkin membingungkan beberapa pengguna yang mungkin menutup jendela yang berisi gambar besar dan oleh karena itu tidak ada cara untuk kembali ke halaman sebelumnya. Alternatifnya adalah membuka setiap gambar besar di jendela baru, meskipun ini dapat membingungkan pengguna dengan cara yang sama karena mereka mungkin tidak menyadari pembukaan jendela dan bertanya-tanya mengapa tombol "Kembali" mereka tidak berfungsi. Alternatif lain adalah membuat file HTML untuk setiap gambar yang lebih besar dan tautan ke file HTML ini daripada langsung ke gambar. Ini memungkinkan untuk menyertakan tautan yang mengarah kembali ke halaman sebelumnya dengan setiap gambar, mencapai kesederhanaan dalam navigasi.

Alternatif

Baik CSS dan JavaScript menawarkan cara untuk memperbesar gambar pada halaman yang sama, bukan memaksa pengguna untuk menavigasi yang baru. Kerugian dari metode ini adalah bahwa hal itu didasarkan pada penyertaan gambar besar dalam halaman yang disembunyikan sampai pengguna berinteraksi dengan thumbnail. Jika sejumlah gambar berada di halaman, yang meningkat adalah waktu buka halaman secara eksponensial. Namun, metode ini mungkin tidak berfungsi untuk pengguna yang mengunjungi halaman Anda dengan browser lama atau dari ponsel cerdas mereka.