สถานการณ์ทั่วไปออนไลน์คือคุณมีภาพในเว็บไซต์ของคุณที่คุณต้องการเชื่อมโยง บางทีคุณอาจกำลังเขียนโค้ดหน้าเว็บในไซต์ของคุณและต้องการเพิ่มภาพนั้นหรือบางทีคุณอาจต้องการลิงก์ไปยังไซต์อื่นเช่นบัญชีสื่อสังคมออนไลน์ที่คุณมีอยู่ ในทั้งสองขั้นตอนขั้นตอนแรกในกระบวนการนี้คือการระบุ URL (ตัวระบุทรัพยากรแบบเหมือนกัน) ของภาพนั้น นี่คือที่อยู่ที่ไม่ซ้ำกันและเส้นทางของไฟล์ไปยังภาพเฉพาะบนเว็บ
ลองมาดูวิธีนี้
เริ่มต้นใช้งาน
ในการเริ่มต้นไปที่หน้าเว็บที่มีภาพที่คุณต้องการใช้ โปรดจำไว้ว่าคุณควรใช้ภาพที่คุณเป็นเจ้าของ นั่นเป็นเพราะการชี้ไปที่ภาพของคนอื่นถือว่าเป็นการโจรกรรมแบนด์วิดท์และทำให้คุณมีปัญหา - ตามกฎหมาย หากคุณเชื่อมโยงไปยังรูปภาพในเว็บไซต์ของคุณคุณใช้รูปภาพและแบนด์วิธของคุณเอง ไม่เป็นไร แต่ถ้าคุณลิงก์ไปยังเว็บไซต์ของคนอื่นคุณจะดูดแบนด์วิธไซต์เพื่อแสดงภาพดังกล่าว หากเว็บไซต์ดังกล่าวมีข้อ จำกัด เกี่ยวกับการใช้แบนด์วิธเป็นรายเดือนซึ่ง บริษัท โฮสติ้ง หลาย แห่ง กำหนดไว้แล้วคุณจะกินเข้าไปในขีด จำกัด รายเดือนโดยไม่ได้รับความยินยอม นอกจากนี้การคัดลอกภาพของบุคคลอื่นไปยังเว็บไซต์ของคุณอาจเป็นการละเมิดลิขสิทธิ์ ถ้ามีคน ได้รับอนุญาต ให้ใช้ ภาพ เพื่อใช้ในเว็บไซต์ของพวกเขาพวกเขาได้ทำเช่นนั้นสำหรับเว็บไซต์ของพวกเขาคนเดียว การเชื่อมโยงไปยังรูปภาพนั้นและการวาดภาพลงในไซต์ของคุณเพื่อที่จะแสดงบนหน้าเว็บของคุณอยู่นอกใบอนุญาตนั้นและอาจทำให้คุณต้องได้รับบทลงโทษทางกฎหมายและค่าปรับ
บรรทัดล่างคุณสามารถเชื่อมโยงไปยังภาพที่อยู่นอกไซต์ / โดเมนของคุณเอง แต่ถือว่าหยาบคายที่สุดและผิดกฎหมายที่เลวร้ายที่สุดดังนั้นเพียงหลีกเลี่ยงการปฏิบัตินี้ทั้งหมดเข้าด้วยกัน เพื่อประโยชน์ของบทความนี้เราจะถือว่ารูปภาพดังกล่าวมีการโฮสต์บนโดเมนของคุณตามกฎหมาย
ตอนนี้คุณเข้าใจถึง "gotchas" ของการเชื่อมโยงภาพแล้วเราจะต้องการระบุว่าคุณต้องการใช้เบราเซอร์ใด
เบราว์เซอร์ที่แตกต่างกันทำในสิ่งที่แตกต่างกันซึ่งเหมาะสมเนื่องจากเป็นแพลตฟอร์มซอฟต์แวร์ที่ไม่ซ้ำกันที่สร้างขึ้นโดย บริษัท อื่น อย่างไรก็ตามส่วนใหญ่เบราว์เซอร์จะทำงานเหมือนกันทุกวันนี้ ใน Google Chrome นี่คือสิ่งที่ฉันจะทำ:
- ค้นหาภาพที่คุณต้องการ
- คลิกขวาที่รูป ( Ctrl + คลิก บนเครื่อง Mac)
- เมนูจะปรากฏขึ้น จากเมนูนั้นให้เลือก Copy Image Address
- ถ้าคุณวางสิ่งที่อยู่ในคลิปบอร์ดของคุณคุณจะพบว่าคุณมีพา ธ ไปยังรูปภาพนั้นเต็มรูปแบบ
ต่อไปนี้เป็นวิธีการทำงานใน Google Chrome เบราว์เซอร์อื่น ๆ มีความแตกต่าง ใน Internet Explorer คุณคลิกขวาที่รูปและเลือก คุณสมบัติ จากกล่องโต้ตอบนั้นคุณจะเห็นเส้นทางไปยังรูปภาพนี้ คัดลอกที่ อยู่ของภาพ โดยการเลือกที่อยู่และคัดลอกไปยังคลิปบอร์ดของคุณ
ใน Firefox คุณจะคลิกขวาที่รูปภาพและเลือก คัดลอกตำแหน่งรูปภาพ
อุปกรณ์เคลื่อนที่ถือเป็นเรื่องยากเมื่อค้นหาเส้นทาง URL และเนื่องจากมีอุปกรณ์ที่แตกต่างกันจำนวนมากในตลาดในปัจจุบันการสร้างรายการที่ชัดเจนของการค้นหา URL รูปภาพบนแพลตฟอร์มและอุปกรณ์ทั้งหมดจะเป็นงานที่น่ากลัว ในหลาย ๆ กรณีคุณสามารถแตะรูปภาพค้างไว้เพื่อเข้าถึงเมนูที่จะช่วยให้คุณสามารถบันทึกรูปภาพหรือค้นหา URL ได้
ตกลงดังนั้นเมื่อคุณมี URL รูปภาพของคุณแล้วคุณสามารถเพิ่มลงในเอกสาร HTML ได้ โปรดจำไว้ว่านี่เป็นจุดรวมของการออกกำลังกายนี้เพื่อค้นหา URL ของรูปภาพเพื่อให้เราสามารถเพิ่ม URL ลงในหน้าของเราได้! ต่อไปนี้เป็นวิธีการเพิ่มด้วย HTML โปรดทราบว่าคุณจะเขียนโค้ดนี้ในโปรแกรมแก้ไข HTML ที่คุณต้องการ:
ประเภท:
ระหว่างชุดคำพูดคู่แรกที่คุณวางเส้นทางไปยังรูปภาพที่คุณต้องการรวม ค่าของข้อความ alt ควรเป็นเนื้อหาที่สื่อความหมายอธิบายถึงภาพที่บุคคลนั้นอาจไม่เห็นในภาพ
อัปโหลดหน้าเว็บของคุณและทดสอบในเว็บเบราเซอร์เพื่อดูว่ารูปของคุณอยู่ในสถานที่แล้วหรือยัง!
เคล็ดลับที่เป็นประโยชน์
ไม่จำเป็นต้องมีแอตทริบิวต์ความกว้างและความสูงในรูปภาพและควรยกเว้นหากไม่ต้องการให้ภาพนั้นแสดงผลในขนาดที่แน่นอน ด้วย เว็บไซต์ และรูปภาพที่ ตอบสนองต่อการ ปรับขนาดและปรับขนาดตามขนาดหน้าจอนี้ไม่ค่อยเกิดขึ้นในวันนี้ คุณอาจจะดีกว่าออกจากความกว้างและความสูงออกโดยเฉพาะตั้งแต่ในกรณีที่ไม่มีข้อมูลอื่น ๆ ขนาดหรือรูปแบบ) เบราเซอร์จะแสดงภาพในขนาดเริ่มต้นของมันต่อไป