วิธีเพิ่มไฟล์ JPG, GIF หรือ PNG ในเว็บไซต์ของคุณ

คู่มือง่ายๆในการแสดงภาพบนเว็บไซต์ของคุณ

ภาพออนไลน์ส่วนใหญ่อยู่ในรูปแบบเช่น JPG , GIF และ PNG คุณสามารถอัปโหลดรูปภาพเหล่านี้ลงในเว็บไซต์ของคุณเพื่อแบ่งปันกับคนอื่น ๆ หรือเพื่ออธิบายบางสิ่งบางอย่างเพื่อแสดงความคิดหรือด้วยเหตุผลอื่นใด

เมื่อคุณเชื่อมโยงรูปภาพบนเว็บไซต์ของคุณคุณไม่จำเป็นต้องเป็นเจ้าของภาพด้วยตัวคุณเอง คุณสามารถอัปโหลดรูปถ่ายไปยังเว็บเซิร์ฟเวอร์อื่นจากนั้นเชื่อมโยงไปยังเว็บไซต์ได้จากเว็บไซต์ของคุณเอง

ตรวจสอบขนาดภาพ

บริการโฮสติ้งบางแห่งไม่อนุญาตให้มีไฟล์เกินขนาดที่กำหนด ตรวจสอบว่าสิ่งที่คุณกำลังจะอัปโหลดไปยังเว็บไซต์ของคุณอยู่ภายใต้ขนาดสูงสุดที่อนุญาตโดยบริการพื้นที่เว็บของคุณ นี่เป็นความจริงไม่ว่าภาพจะอยู่ในรูปแบบ PNG หรือ GIF, JPG, TIFF เป็นต้น

สิ่งสุดท้ายที่คุณต้องการคือการทำงานหนักในการสร้างภาพที่สมบูรณ์แบบเท่านั้นที่จะมีขนาดใหญ่เกินไปที่จะอัปโหลด โชคดีที่คุณสามารถ ลดขนาดรูปภาพของคุณ เพื่อให้ทำงานได้

อัปโหลดภาพออนไลน์

อัปโหลดภาพ JPG หรือ GIF ไปยังไซต์ของคุณโดยใช้โปรแกรมอัปโหลดไฟล์ที่เว็บโฮสติ้งให้บริการ หากไม่ได้ให้บริการคุณจะต้องมี โปรแกรม FTP เพื่ออัปโหลดภาพของคุณ อีกทางเลือกหนึ่งคือหลีกเลี่ยงการใช้เว็บเซิร์ฟเวอร์ของคุณเพื่อโฮสต์ภาพและใช้ บริการโฮสติ้งภาพ อื่น

หากคุณกำลังเพิ่มรูปภาพลงในเว็บไซต์ที่คุณดาวน์โหลดหรือบรรจุลงในที่เก็บถาวรเช่นไฟล์ ZIP คุณอาจจำเป็นต้องดึงรูปภาพออกก่อน เว็บโฮสติ้งแพลตฟอร์มส่วนใหญ่ไม่อนุญาตให้อัปโหลดภาพยกเว้นว่าพวกเขาอยู่ในรูปแบบภาพเช่น JPG, GIF, PNG ฯลฯ ไม่ใช่เก็บไฟล์ประเภทเช่น 7Z , RAR ฯลฯ

ในทางกลับกันหากรูปภาพของคุณอยู่ในพื้นที่อื่นแล้วเช่นในเว็บไซต์ของบุคคลอื่นคุณสามารถเชื่อมโยงไปยังส่วนอื่น ๆ ได้โดยตรงจากขั้นตอนต่อไปด้านล่างนี้คุณไม่จำเป็นต้องดาวน์โหลดและอัปโหลดไปยังเว็บเซิร์ฟเวอร์ของคุณเองอีกครั้ง .

ค้นหา URL ไปยังรูปภาพของคุณ

คุณอัพโหลดภาพ JPG หรือ GIF ที่ไหน? คุณได้เพิ่มลงใน ราก ของเว็บเซิร์ฟเวอร์หรือไปยังโฟลเดอร์อื่นเช่นเดียวกับที่จัดทำขึ้นเพื่อเก็บภาพไว้หรือไม่? สิ่งนี้จำเป็นต้องทราบเพื่อให้คุณสามารถระบุตำแหน่งถาวรของเนื้อหาได้ซึ่งคุณจะต้องใช้รูปภาพดังกล่าวให้ผู้เข้าชมได้เห็นในภายหลัง

ต่อไปนี้เป็นตัวอย่างของลิงก์โดยตรงไปยังไฟล์ PNG โดยไฟล์นี้จัดทำขึ้นที่:

https: // www /static/2.49.0/image/hp-howto.png

ตัวอย่างเช่นหากโครงสร้างโฟลเดอร์ของเว็บเซิร์ฟเวอร์ของคุณเป็น \ images \ และรูปภาพที่คุณอัปโหลดจะเรียกว่า new.jpg URL ของรูปภาพนั้นคือ \ images \ new.jpg ซึ่งคล้ายกับตัวอย่างของเราที่เรียกว่า hp-howto.png และโฟลเดอร์ที่เรียกว่า /static/2.49.0/image/

หากรูปภาพของคุณอยู่ในที่อื่นเพียงคัดลอก URL โดยคลิกขวาที่ลิงก์และเลือกตัวเลือกสำเนา หรือเปิดภาพในเบราเซอร์ของคุณโดยคลิกที่ภาพและคัดลอกตำแหน่งไปยังรูปภาพนั้นจากแถบการนำทางในเบราเซอร์ของคุณ

ใส่ URL ลงในหน้า

ตอนนี้คุณมี URL ไปยังรูปภาพที่คุณต้องการเชื่อมโยงไปยังเว็บไซต์ของคุณแล้วคุณต้องเลือกตำแหน่งที่ควรจะไป ค้นหาตำแหน่งเฉพาะของหน้าเว็บที่คุณต้องการให้เชื่อมโยงภาพ JPG จาก

เมื่อคุณพบสถานที่ที่เหมาะสมในการเชื่อมโยงรูปภาพให้ใช้ฟังก์ชัน ไฮเปอร์ลิงก์ ของเว็บเซิร์ฟเวอร์ของคุณเพื่อเชื่อมโยง URL ของคุณกับคำหรือวลีในประโยคที่ควรชี้คนไปที่รูปภาพ อาจเรียกว่า แทรกลิงก์ หรือ เพิ่มการเชื่อมโยงหลายมิติ

มีหลายวิธีในการเชื่อมโยงไปยังรูปภาพ ภาพ new.jpg ของคุณอาจเป็นรูปดอกไม้และคุณต้องการให้ผู้เข้าชมสามารถคลิกลิงก์เพื่อดูดอกไม้ได้

• ดู ดอกไม้ใหม่ที่ กำลังเติบโตในสนามของฉัน!
• ฉันอยากปลูก ดอกไม้ แห่งนี้ในปีนี้
• ดอกไม้ของฉันเจริญรุ่งเรือง ดูสิ !

หากคุณต้องการเชื่อมโยงไปยังรูปภาพโดยใช้ โค้ด HTML ของหน้าเว็บคุณสามารถทำเช่นนั้นได้เช่นกัน

ฉันมี ดอกไม้สวยมาก ที่ปลูกในสวนของฉัน .

อีกวิธีหนึ่งในการเชื่อมโยงไปยังภาพบนเว็บไซต์ของคุณคือการโพสต์ข้อมูลแบบฝังตัวกับโค้ด HTML สิ่งนี้หมายความว่าผู้เข้าชมของคุณจะเห็นภาพเมื่อเปิดหน้าเว็บดังนั้นจะไม่มีลิงก์เหมือนที่คุณเห็นในตัวอย่างข้างต้น วิธีนี้ใช้ได้กับภาพบนเซิร์ฟเวอร์ของคุณและสำหรับภาพที่จัดเก็บไว้ที่อื่น แต่คุณต้องมีสิทธิ์เข้าถึง ไฟล์ HTML ของหน้าเว็บเพื่อที่จะทำเช่นนี้