สร้าง Image Maps โดยใช้ซอฟต์แวร์ Image Map Generator ฟรีสำหรับพีซี

นี่คือคำแนะนำฉบับสมบูรณ์เกี่ยวกับวิธีสร้างแผนที่รูปภาพ(how to create an image map)ในWindows 11/10 11/10 แผนผังรูปภาพนั้นโดยพื้นฐานแล้วรูปภาพที่มีพื้นที่ที่สามารถคลิกได้หลายส่วนซึ่งเปลี่ยนเส้นทางผู้ใช้ไปยังURLเฉพาะ ตัวอย่างเช่น รูปภาพสำหรับโลกจะมีภูมิภาคของประเทศต่างๆ ที่เชื่อมโยงกับข้อมูลของแต่ละประเทศ คุณยังสามารถสร้างแผนที่รูปภาพสำหรับแผนผังองค์กร เมนูเว็บไซต์ ฯลฯ

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

ฉันจะสร้างแผนที่รูปภาพได้อย่างไร

คุณสามารถสร้างแผนที่รูปภาพบน พีซีที่ Windows 11/10คุณสามารถใช้โปรแกรมแก้ไขรูปภาพฟรีที่มีเครื่องมือสร้างแผนที่รูปภาพ GIMPให้คุณทำเช่นนั้น นอกจากนั้น คุณยังสามารถใช้LibreOffice Writerเพื่อสร้างแผนที่รูปภาพ นอกจากนี้ยังมีซอฟต์แวร์ฟรีมากมายรวมถึงเครื่องมือออนไลน์ที่ช่วยให้คุณสร้างแผนที่รูปภาพด้วยพื้นที่ที่คลิกได้

ฉันจะสร้างภาพที่คลิกได้ได้อย่างไร

ในการสร้างภาพที่คลิกได้ คุณสามารถสร้างขอบเขตโดยใช้เครื่องมือรูปร่าง แล้วเพิ่มแอตทริบิวต์ เช่นURL , ข้อความ ALT , ชื่อ และอื่นๆ เราได้พูดถึงวิธีการต่างๆ และขั้นตอนที่แน่นอนในการสร้างแผนที่รูปภาพแล้ว คุณสามารถตรวจสอบได้

ฉันจะฝัง URL ลงในรูปภาพได้อย่างไร

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

สร้าง Image Maps(Create Image Maps)โดยใช้ซอฟต์แวร์Image Map Generator ฟรี(Image Map Generator)

ต่อไปนี้คือวิธีการสร้างแผนที่รูปภาพบนพีซี Windows 11/10 ของคุณ:

  1. สร้าง(Create)แผนที่รูปภาพโดยใช้GIMPในWindows 11/10 11/10
  2. ใช้ LibreOffice(Use LibreOffice)เพื่อสร้างแผนที่รูปภาพ
  3. สร้าง(Create)แผนที่รูปภาพโดยใช้ซอฟต์แวร์เฉพาะฟรี เช่นX -Map(X-Map)
  4. สร้าง(Generate)แผนที่รูปภาพโดยใช้เครื่องมือออนไลน์

ให้เราพูดถึงวิธีการข้างต้นโดยละเอียดทันที!

1] สร้าง(Create)แผนที่รูปภาพโดยใช้GIMPในWindows 11/10

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

วิธีสร้างแผนที่รูปภาพในGIMP

นี่คือขั้นตอนหลักในการสร้างแผนที่รูปภาพในGIMP :

  1. ดาวน์โหลดและติดตั้ง GIMP
  2. เริ่มซอฟต์แวร์
  3. นำเข้ารูปภาพที่คุณต้องการแปลงเป็นแผนที่รูปภาพ
  4. ไปที่ ตัว เลือกFilters > Web > Image Map
  5. เลือกภูมิภาคบนแผนที่
  6. แก้ไขคุณสมบัติของภูมิภาค
  7. ทำซ้ำ(Repeat)ขั้นตอนที่ (5) และ (6) เพื่อสร้างส่วนต่างๆ บนรูปภาพ
  8. บันทึกแผนที่

ให้เราพูดถึงขั้นตอนข้างต้นโดยละเอียดทันที!

ประการแรก หากคุณไม่ได้ ติดตั้ง GIMPบนพีซี ให้ดาวน์โหลดและติดตั้งลงในระบบของคุณ จากนั้นเปิดGUIของซอฟต์แวร์นี้

ถัดไป เปิดรูปภาพต้นฉบับแล้วไปที่เมนูตัวกรอง (Filters)จากเมนูนี้ ให้คลิกที่ตัวเลือกWeb > Image Map

จะเป็นการเปิดหน้าต่างแก้ไขแผนที่รูปภาพ

ในกล่องโต้ตอบตัวแก้ไขแผนที่รูปภาพ ให้เลือกรูปร่างจากสี่เหลี่ยมผืนผ้า วงกลม และรูปหลายเหลี่ยม จากนั้นทำการเลือกบนแผนที่รูปภาพ

ดู: (See:) วิธีลบพื้นหลังออกจากภาพถ่ายโดยใช้GIMP(How to Remove the Background from a Photo using GIMP)

หลังจากนั้น คุณต้องแก้ไขคุณสมบัติของภูมิภาคจากกล่องโต้ตอบการตั้งค่าพื้นที่ โดยเฉพาะ (Area Settings)คุณสามารถเพิ่มข้อมูลภูมิภาคได้ เช่นLink Type , URL , ALT Text , Target Frame Nameฯลฯ นอกจากนี้ยังมี แท็บ JavaScriptซึ่งคุณสามารถเขียนสคริปต์สำหรับเหตุการณ์ต่างๆ เช่น mouseover, onFocus, onBlur เป็นต้น

ทำซ้ำขั้นตอนข้างต้นเพื่อสร้างหลายภูมิภาคบนแผนที่รูปภาพ

คุณสามารถดูภูมิภาคทั้งหมดที่มีคุณสมบัติที่เกี่ยวข้องได้ในหน้าต่างเดียวกัน

เมื่อคุณเพิ่มขอบเขตและเชื่อมโยงเสร็จแล้ว ให้ไปที่ เมนู ไฟล์(File)แล้วกด ตัวเลือก บันทึกเป็น(Save As)ในหน้าต่างเดียวกัน คุณจะสามารถบันทึกแผนที่รูปภาพในรูปแบบ .map

นี่คือวิธีที่คุณสามารถสร้างแผนที่รูปภาพโดยใช้GIMPในWindows 11/10 11/10

อ่าน: (Read:) วิธีปรับขนาดรูปภาพเป็นแบทช์ด้วย GIMP ใน Windows 10(How to Batch Resize Images with GIMP in Windows 10)

2] ใช้ LibreOffice(Use LibreOffice)เพื่อสร้างแผนที่รูปภาพในWindows 11/10

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

วิธีสร้างแผนที่รูปภาพโดยใช้LibreOffice WriterในWindows 11/10

ต่อไปนี้คือขั้นตอนหลักในการสร้างแผนที่รูปภาพโดยใช้LibreOffice WriterในWindows 11/10 :

  1. ดาวน์โหลดและติดตั้ง LibreOffice
  2. เปิดแอปพลิเคชันLibreOffice Writer
  3. นำเข้า(Import)เอกสารที่มีอยู่หรือสร้างเอกสารใหม่
  4. แทรกรูปภาพลงในเอกสาร
  5. เลือกรูปภาพและไปที่ตัวเลือกEdit > Image Map
  6. สร้าง(Create)หลายภูมิภาคด้วยที่อยู่เว็บที่เกี่ยวข้อง
  7. บันทึกแผนที่ภาพ

ให้เราอธิบายขั้นตอนข้างต้นโดยละเอียด!

ขั้น แรก ดาวน์โหลดและติดตั้ง ซอฟต์แวร์ LibreOfficeบนพีซี Windows 11/10 ของคุณ จากนั้นเริ่มแอปพลิเคชันLibreOffice Writer คุณยังสามารถดาวน์โหลดเวอร์ชันพกพาแล้วใช้แอพพลิเคชั่นโดยตรงโดยไม่ต้องติดตั้ง

ตอนนี้คุณสามารถนำเข้าไฟล์เอกสารที่มีอยู่ซึ่งมีไฟล์ภาพต้นฉบับหรือสร้างเอกสารใหม่แล้วแทรกไฟล์ภาพที่ป้อนเข้า

จากนั้นเลือกไฟล์รูปภาพจากนั้นไปที่ เมนู แก้ไข(Edit)แล้วคลิกที่ตัวเลือกImage Map ซึ่งจะเป็นการเปิดหน้าต่างโต้ตอบImageMap Editor โดยเฉพาะ(ImageMap Editor)

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

สร้าง Image Maps โดยใช้ซอฟต์แวร์ Image Map Generator ฟรีสำหรับ Windows 11/10

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

หลังจากที่คุณสร้างแผนที่รูปภาพเสร็จแล้ว คุณสามารถคลิกที่ปุ่มบันทึกและส่งออกในรูปแบบต่างๆ

รองรับรูปแบบแผนที่รูปภาพต่างๆ รวมถึงMAP – CERN , MAP – NCSAและ SIP – StarView ImageMap(SIP – StarView ImageMap)

วิธีนี้ช่วยให้คุณสร้างแผนที่รูปภาพหลายภาพโดยใช้LibreOfficeบนพีซี ที่ Windows 11/10

อ่าน: (Read:) วิธีป้องกันด้วยรหัสผ่านและรักษาความปลอดภัยเอกสาร PDf ด้วย LibreOffice(How to password-protect and secure PDf documents with LibreOffice)

3] สร้าง(Create)แผนที่ภาพโดยใช้ซอฟต์แวร์ฟรีเช่น X-Map

คุณยังสามารถสร้างแผนที่รูปภาพโดยใช้ฟรีแวร์เฉพาะสำหรับWindows Windows 11/10มีโปรแกรมสร้างแผนที่รูปภาพฟรีสำหรับWindows Windows 11/10ที่นี่ เราจะแสดงรายการซอฟต์แวร์ฟรีสองรายการที่ช่วยให้คุณสามารถสร้างแผนที่รูปภาพในWindows 11/10 11/10 นี่คือซอฟต์แวร์:

  1. X-Map
  2. JImageMapper

ให้เราพูดถึงซอฟต์แวร์ข้างต้นโดยละเอียดทันที!

1] X-Map

X-Map เป็นซอฟต์แวร์ที่ดีที่ออกแบบมาเป็นพิเศษเพื่อสร้างแผนที่รูปภาพในWindows 11/10 11/10 ช่วยให้คุณสามารถนำเข้ารูปภาพในรูปแบบต่างๆ และเพิ่มพื้นที่ที่สามารถคลิกได้หลายพื้นที่ รหัสHTMLสำหรับแผนที่รูปภาพของคุณจะแสดงตามเวลาจริงเมื่อคุณสร้างและแก้ไขแผนที่รูปภาพ ตอนนี้เรามาดูขั้นตอนในการสร้างแผนที่รูปภาพโดยใช้มันกัน

วิธีสร้างแผนที่รูปภาพโดยใช้ซอฟต์แวร์ฟรีที่เรียกว่า X-Map

คุณสามารถทำตามขั้นตอนด้านล่างเพื่อสร้างแผนที่รูปภาพอย่างง่ายดายโดยใช้X-MapในWindows 11/10 :

  1. ดาวน์โหลด X-Map
  2. เปิดแอปพลิเคชั่นแบบพกพานี้
  3. โหลดรูปภาพ
  4. เลือกรูปร่างและสร้างขอบเขตบนรูปภาพ
  5. แก้ไข(Edit)คุณสมบัติของภูมิภาคที่คลิกได้
  6. ทำซ้ำ(Repeat)ขั้นตอนที่ (4) และ (5) เพื่อสร้างภูมิภาคที่คลิกได้หลายส่วน
  7. บันทึกไฟล์แผนที่

ประการแรก ดาวน์โหลดซอฟต์แวร์ X-Map จากเว็บไซต์(official website)ทางการ จากนั้นเปิดเครื่องรูดโฟลเดอร์ที่ดาวน์โหลดแล้วเปิดไฟล์แอปพลิเคชันหลัก

ตอนนี้ คลิกที่ ปุ่ม โหลดรูปภาพ(Load Image)เพื่อเปิดรูปภาพต้นฉบับที่คุณต้องการแปลงเป็นแผนที่รูปภาพ

จากนั้นเลือกเครื่องมือรูปร่างจากสี่เหลี่ยมผืนผ้า วงกลม และรูปหลายเหลี่ยม จากนั้นสร้างขอบเขตบนแผนที่รูปภาพ หลังจากนั้น คุณสามารถทำให้ภูมิภาคสามารถคลิกได้โดยการเพิ่มที่อยู่เว็บ เป้าหมาย ข้อความ ALT ชื่อ(web address, target, ALT text, title,)และข้อมูลเพิ่มเติม

ในทำนองเดียวกัน คุณสามารถสร้างขอบเขตที่สามารถคลิกได้หลายส่วนบนรูปภาพ

สุดท้าย คุณสามารถบันทึกแผนที่รูปภาพโดยไปที่ตัวเลือกFile > Save Mapช่วยให้คุณบันทึกแผนที่รูปภาพในไฟล์แผนที่(Map)และRTF

ดู: (See:) วิธีสร้าง Mind Map ใน Microsoft PowerPoint(How to create a Mind Map in Microsoft PowerPoint)

2] JImageMapper

JImageMapperเป็นซอฟต์แวร์ที่ใช้ Java เพื่อสร้างแผนที่รูปภาพในWindows 11/10 11/10 เป็นซอฟต์แวร์สร้างแผนที่รูปภาพที่เรียบง่ายและมีน้ำหนักเบา ต่อไปนี้คือขั้นตอนที่แน่นอนในการสร้างแผนที่รูปภาพโดยใช้ซอฟต์แวร์พกพาฟรีนี้:

  1. ขั้นแรก ดาวน์โหลดซอฟต์แวร์JImageMapper
  2. ตอนนี้ เปิดแอปพลิเคชันนี้
  3. จากนั้นคลิกที่ตัวเลือก Open Imageเพื่อนำเข้ารูปภาพต้นฉบับ
  4. จากนั้นเลือกเครื่องมือรูปร่างแล้วสร้างขอบเขตบนรูปภาพ
  5. หลังจากนั้น ให้ป้อนแอตทริบิวต์รวมถึงไฮเปอร์ลิงก์, ข้อความ ALT , ชื่อเรื่อง, onMouseOver, onClick เป็นต้น
  6. คุณสามารถทำซ้ำขั้นตอนที่ (4) และ (5) เพื่อสร้างภูมิภาคที่คลิกได้หลายพื้นที่
  7. สุดท้าย ให้คลิกที่ ปุ่ม สร้าง HTML(Generate HTML)และคัดลอกรหัสการแมปรูปภาพเพื่อใช้ตามความต้องการของคุณ

ดู: (See:) Mindmapp เป็นซอฟต์แวร์สร้างแผนที่ความคิดฟรีสำหรับ Windows(Mindmapp is a free mind mapping software for Windows.)

4] สร้าง(Generate)แผนที่รูปภาพโดยใช้เครื่องมือออนไลน์

คุณยังสามารถสร้างแผนที่รูปภาพโดยใช้เครื่องมือออนไลน์ฟรี มีบริการออนไลน์ฟรีหลายอย่างที่ช่วยให้คุณสามารถสร้างแผนที่รูปภาพได้ บางคนที่ดีกว่าคือ:

  1. Image-Map.net
  2. imagemap.org

1] Image-Map.net

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

วิธีสร้างแผนที่รูปภาพออนไลน์โดยใช้Image-Map.net

เหล่านี้เป็นขั้นตอนพื้นฐานในการสร้างแผนที่ภาพออนไลน์:

  1. ขั้นแรก เปิดเว็บเบราว์เซอร์และไปที่Image-Map.net
  2. ตอนนี้ เลือกรูปภาพจากพีซีของคุณหรือโหลดรูปภาพจากเว็บไซต์
  3. จากนั้นเลือกรูปร่างและสร้างขอบเขตบนรูปภาพ
  4. จากนั้น เพิ่มลิงก์ ชื่อ และเป้าหมายสำหรับภูมิภาคที่คลิกได้ที่สร้างขึ้น
  5. หลังจากนั้น ให้กดปุ่มเพิ่มพื้นที่ใหม่(Add New Area)จากนั้นทำซ้ำขั้นตอนที่ (3) และ (4) เพื่อสร้างพื้นที่ที่สามารถคลิกได้หลายส่วน
  6. สุดท้าย คลิกที่Show Me The Code!ปุ่มเพื่อดูโค้ด HTML(HTML)สำหรับแผนที่รูปภาพที่สร้างขึ้น

ใช้โค้ด HTML(HTML)สำหรับแผนที่รูปภาพที่สร้างขึ้นตามต้องการ

2] imagemap.org

เว็บไซต์อื่นที่คุณสามารถลองได้คือ imagemap.org เพื่อสร้างแผนที่รูปภาพ เครื่องมือออนไลน์ฟรีนี้ออกแบบมาเป็นพิเศษเพื่อสร้างแผนที่รูปภาพออนไลน์ นี่คือขั้นตอนหลักในการใช้บริการเว็บนี้:

  1. ขั้นแรก ให้เปิดเว็บเบราว์เซอร์และเปิดเว็บไซต์ imagemap.org
  2. ตอนนี้ เลือกรูปภาพอินพุตเพื่อแปลงเป็นแผนผังรูปภาพ
  3. ถัดไป ใช้เครื่องมือรูปร่างเพื่อสร้างภูมิภาคและเพิ่มที่อยู่เว็บและชื่อ
  4. ทำซ้ำขั้นตอนที่ (3) เพื่อสร้างภูมิภาคที่คลิกได้หลายพื้นที่
  5. มันจะแสดง รหัส HTMLสำหรับแผนที่รูปภาพของคุณซึ่งคุณสามารถคัดลอกและใช้งานได้ตามนั้น

อ่าน: (Read:) Freeplane เป็นซอฟต์แวร์สร้างแผนที่ความคิดฟรีสำหรับ Windows(Freeplane is a free mind mapping software for Windows.)

แค่นั้นแหละ!



About the author

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



Related posts