Skenario umum online adalah Anda memiliki gambar di situs web yang ingin Anda tautkan. Mungkin Anda meng-coding halaman di situs Anda dan Anda ingin menambahkan gambar itu, atau mungkin Anda ingin menautkannya ke situs lain, seperti akun media sosial yang Anda miliki. Dalam kedua kasus, langkah pertama dalam proses ini adalah untuk mengidentifikasi URL (pencari sumber seragam) dari gambar itu. Ini adalah alamat unik dan jalur file ke gambar tertentu di Web.
Mari kita lihat bagaimana ini dilakukan.
Mulai
Untuk memulai, buka halaman dengan gambar yang ingin Anda gunakan. Perlu diingat, bahwa Anda harus menggunakan gambar yang Anda miliki. Itu karena menunjuk ke gambar orang lain dianggap pencurian bandwidth dan dapat membuat Anda dalam masalah - bahkan secara hukum. Jika Anda menautkan ke gambar di situs web Anda, Anda menggunakan gambar Anda sendiri dan bandwidth Anda sendiri. Itu bagus, tetapi jika Anda menautkan ke situs web orang lain, Anda menghisap bandwidth situs mereka untuk menampilkan gambar itu. Jika situs itu memiliki batas bulanan pada penggunaan bandwidth mereka, yang mana banyak perusahaan hosting melakukan memaksakan, maka Anda makan ke batas bulanan mereka tanpa persetujuan mereka. Selain itu, menyalin gambar orang lain ke situs web Anda bisa menjadi pelanggaran hak cipta. Jika seseorang memiliki lisensi gambar untuk digunakan di situs web mereka, mereka telah melakukannya untuk situs web mereka sendiri. Menghubungkan ke gambar itu dan menariknya ke situs Anda sehingga ditampilkan di halaman Anda berada di luar lisensi itu dan dapat membuka Anda hingga denda dan denda hukum.
Intinya, Anda dapat menautkan ke gambar yang berada di luar situs / domain Anda sendiri, tetapi itu dianggap kasar paling baik dan ilegal, jadi hindari praktik ini bersama-sama. Demi artikel ini, kami akan menganggap gambar tersebut di-hosting secara sah di domain Anda sendiri.
Sekarang setelah Anda memahami "gotchas" dari tautan gambar, kami akan ingin mengidentifikasi browser mana yang akan Anda gunakan.
Browser yang berbeda melakukan hal yang berbeda, yang masuk akal karena mereka semua adalah platform perangkat lunak unik yang dibuat oleh perusahaan yang berbeda. Untuk sebagian besar, bagaimanapun, semua browser bekerja agak mirip hari ini. Di Google Chrome, inilah yang akan saya lakukan:
- Temukan gambar yang Anda inginkan.
- Klik kanan gambar itu ( Ctrl + klik pada Mac).
- Sebuah menu akan muncul. Dari menu itu saya pilih Copy Image Address .
- Jika Anda menempelkan apa yang sekarang ada di clipboard Anda, Anda akan menemukan bahwa Anda memiliki jalur penuh ke gambar itu.
Sekarang, inilah cara kerjanya di Google Chrome. Browser lain memang memiliki perbedaan. Di Internet Explorer, Anda klik kanan pada gambar dan pilih Properties . Dari kotak dialog itu Anda akan melihat jalur ke gambar ini. Salin alamat gambar dengan memilihnya dan menyalinnya ke clipboard Anda.
Di Firefox, Anda akan mengklik kanan pada gambar dan memilih menyalin lokasi gambar .
Perangkat seluler bahkan lebih sulit ketika datang untuk menemukan jalur URL, dan karena ada begitu banyak perangkat yang berbeda di pasaran saat ini, membuat daftar definitif tentang bagaimana menemukan URL gambar di semua platform dan perangkat akan menjadi tugas yang menakutkan. Namun, dalam banyak kasus, Anda menyentuh dan menahan gambar untuk mengakses menu yang memungkinkan Anda menyimpan gambar atau menemukan URL-nya.
OK, jadi setelah Anda memiliki URL gambar Anda, Anda dapat menambahkannya ke dokumen HTML. Ingat, ini adalah inti dari latihan ini, untuk menemukan URL gambar sehingga kami dapat menambahkannya ke halaman kami! Berikut ini cara menambahkannya dengan HTML. Perhatikan bahwa Anda akan menulis kode ini di editor HTML apa pun yang Anda sukai:
Mengetik:
Di antara kumpulan kutipan ganda pertama, Anda akan menempelkan jalur ke gambar yang ingin Anda sertakan. Nilai teks alt harus berupa konten deskriptif yang menjelaskan apa gambar tersebut untuk seseorang yang mungkin tidak benar-benar melihatnya di halaman.
Unggah halaman web Anda dan ujilah di browser web untuk melihat apakah gambar Anda sekarang di tempatnya!
Tips Berguna
Atribut lebar dan tinggi tidak diperlukan pada gambar, dan mereka harus dikecualikan kecuali Anda selalu ingin gambar tersebut dirender dalam ukuran yang tepat. Dengan situs web dan gambar responsif yang mengalir dan diubah ukurannya berdasarkan ukuran layar, ini jarang terjadi belakangan ini. Anda cenderung lebih baik meninggalkan lebar dan tinggi off, terutama karena Dengan tidak adanya info ukuran atau gaya lainnya) browser akan menampilkan gambar dalam ukuran standarnya.