วิธีการส่งออกรหัส SVG ที่สะอาดใน Adobe Illustrator

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

มีปัญหาในการส่งออกรหัส svg ในการทำให้ svgs เคลื่อนไหว ฉันจะส่งออกจาก Illustrator คำอธิบายเลเยอร์ (ชื่อรหัส) ในเวอร์ชัน 26.1 ไม่ตรงกับเวอร์ชันก่อนหน้าอีกต่อไป svg ที่ส่งออกมีดังต่อไปนี้: svg id=a, id=b และอื่นๆ การถอนการติดตั้งและติดตั้งใหม่เป็นขั้นตอนแรกในการแก้ไขปัญหา แต่ก็ไม่เพียงพอที่จะป้องกันไม่ให้ปัญหาปรากฏขึ้นอีกก่อนสิ้นวัน แท็ก <image> ในไฟล์ Illustrator ที่ส่งออกด้วยภาพหน้าจอ PNG ที่ฝังไว้จะไม่แสดงพร้อมกับแอตทริบิวต์ของความกว้างและความสูงอีกต่อไป ข้อผิดพลาดนี้เกิดขึ้นเมื่อพยายามใช้ SVG ที่ส่งออกใน XMLmind เนื่องจากเราสมัครใช้ Illustrator บนคลาวด์ เราจึงควรเข้าถึงเวอร์ชันล่าสุดได้เสมอ

ฉันจะส่งออกเป็น Svg คุณภาพสูงจาก Illustrator ได้อย่างไร

การบันทึกไฟล์ SVG จาก Illustrator เป็นเรื่องง่าย หากต้องการส่งออกไฟล์เป็น sva ให้เลือก 'บันทึกเป็น' ในเมนูไฟล์ จากนั้นเลือก ประเภท SVG (ดูภาพด้านล่าง) หากคุณใช้การตั้งค่าการบันทึกที่แสดงด้านล่าง คุณจะมั่นใจได้ว่าการตั้งค่าการส่งออกนั้นถูกต้อง

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

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

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

ทำไมคุณควรส่งออกภาพประกอบ Illustrator ของคุณเป็น Svg

เมื่อส่งออกเป็น SVG แล้ว Illustrator จะสร้างไฟล์ที่ปรับให้เหมาะกับการใช้งานบนเว็บ ด้วยเหตุนี้ ภาพประกอบ SVG ของคุณจะมีขนาดเล็กลงและโหลดในหน้าเว็บได้เร็วขึ้น นอกจากนี้ สามารถใช้โปรแกรมใดๆ ที่สามารถแก้ไขภาพประกอบเวกเตอร์ เช่น Adobe Illustrator, Inkscape หรือ GIMP เพื่อสร้างภาพประกอบ SVG

ฉันจะส่งออก Svg จาก Illustrator เป็น Code ได้อย่างไร

เลือกไฟล์ > ส่งออก > svg (svg) จากเมนูไฟล์ หากคุณต้องการส่งออกเนื้อหาของอาร์ตบอร์ดของคุณเป็นไฟล์ SVG แต่ละไฟล์ คุณต้องใช้อาร์ตบอร์ดก่อน กล่องโต้ตอบตัวเลือก SVG สามารถเข้าถึงได้โดยเลือกส่งออก

จาก Illustrator คุณสามารถส่งออกภาพ sva เพื่อใช้งานบนอินเทอร์เน็ตได้ มีสามวิธีในการบันทึกไฟล์ sva ใน Adobe Illustrator ไฟล์ – ส่งออก เส้นทางของคุณคือเส้นทางที่คุณต้องทำ CSS ภายในหรือรูปแบบอินไลน์อาจมีประโยชน์หากเรามีไฟล์ภาพขนาดใหญ่เพื่อเพิ่มประสิทธิภาพ หากคุณต้องการใช้ภาพแรสเตอร์ (เช่น JPG) ใน sVG ของคุณ มีสองตัวเลือก อันที่จริงแล้วตัวเลือกแบบอักษรนั้นมีประสิทธิภาพมากกว่าโดยเฉพาะเมื่อใช้รูปภาพขนาดใหญ่ เมื่อคุณแปลงเป็นโครงร่าง ตัวอักษรของคุณจะถูกแปลงเป็นเวกเตอร์

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

ส่งออกรหัส Svg จาก Illustrator

มีสองสามวิธีในการส่งออกรหัส svg จากผู้วาดภาพประกอบ วิธีหนึ่งคือไปที่ ไฟล์ > บันทึกเป็น แล้วเปลี่ยนประเภทไฟล์เป็น .svg อีกวิธีคือใช้ฟังก์ชันส่งออกและเลือก .svg เป็นประเภทไฟล์

รูปแบบกราฟิกแบบเวกเตอร์คือรูปแบบที่ใช้คำอธิบายแบบข้อความของวัตถุหรือเส้นทาง หากต้องการนำเข้าไฟล์ SVG ให้เปิดใน Illustrator Ctrl I (Mac) และ Cmd I (Windows) เป็นอีกสองแป้นพิมพ์ลัด ในส่วนตัวเลือกของกล่องโต้ตอบแปลงเป็นกราฟิกแบบเวกเตอร์ คุณต้องระบุพารามิเตอร์ต่อไปนี้: ขนาดของกราฟิกแบบเวกเตอร์ถูกกำหนดโดยมาตราส่วน ในกราฟิกภาพประกอบ การหมุนคือชื่อของกราฟิก หากต้องการระบุการหมุนเป็นองศาหรือพิกเซลก็สามารถทำได้ นามสกุลไฟล์เรียกว่าไฟล์ ชื่อของไฟล์ .svg ที่จะถูกแปลงเป็น ไฟล์ Adobe Illustrator

วิธีแก้ไขโค้ด Svg ใน Illustrator

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

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

คุณสามารถแก้ไขไฟล์ Svg ใน Illustrator ได้ แต่มีข้อจำกัดบางประการ

คุณสามารถแก้ไขไฟล์ SVG ใน Illustrator ได้ แต่มีข้อจำกัดบางประการ ในตัวอย่าง คุณไม่สามารถแก้ไขแต่ละจุดของไฟล์ SVG และคุณลักษณะการแก้ไขบางอย่างอาจไม่ทำงานตามที่คาดไว้ เพื่อยืนยันว่ามีการทำเครื่องหมายที่ช่องทำเครื่องหมายทั้งสองเส้นทาง ให้คลิกตกลงในกล่องโต้ตอบเส้นทางเข้าร่วม คุณสามารถนำเข้าไฟล์ SVG ไปยัง Illustrator ได้โดยไปที่ File > Import > SVG Ctrl I (Mac) หรือ Cmd I (Windows) เป็นตัวเลือกแป้นพิมพ์ลัดอื่นๆ เมื่อนำเข้าไฟล์ SVG ไปยัง Illustrator แล้ว คุณจะต้องแปลงเป็นกราฟิกแบบเวกเตอร์ หากคุณต้องการบันทึกข้อมูลของคุณเป็น…” ให้ป้อน br เลือก “SVG” แทนค่าเริ่มต้น * หลังจากเลือกไฟล์ Ai เป็นไฟล์นามสกุล . คุณยังสามารถเลือก “รหัส SVG…” จาก ตัวเลือกบันทึก SVG เพื่อดูว่า Illustrator ได้แสดงรหัสก่อนที่จะบันทึกหรือไม่ ซึ่งเป็นไปได้มากว่ามีวัตถุประสงค์เพื่อคัดลอกและวาง

Adobe Illustrator เป็น Svg

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

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

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

Adobe Illustrator: โปรแกรมที่สมบูรณ์แบบสำหรับการสร้างไฟล์ Svg

ไฟล์ SVG สามารถสร้างได้ด้วยความช่วยเหลือของ Adobe Illustrator เมื่อคุณเลือกตัวเลือก ไฟล์ > บันทึกเป็น... คุณจะสามารถใช้ Illustrator เพื่อสร้างและแก้ไข งานออกแบบ SVG ของคุณได้ นักวาดภาพประกอบยังสามารถออกแบบและแก้ไขงานออกแบบเพื่อใช้กับ Cricut Design Space

วิธีรับรหัส Svg จากไฟล์ Svg

มีสองสามวิธีในการรับรหัส svg จากไฟล์ svg วิธีหนึ่งคือการเปิดไฟล์ในโปรแกรมแก้ไขข้อความและคัดลอกรหัส อีกวิธีคือใช้ตัวแปลงไฟล์เพื่อแปลงไฟล์เป็นรูปแบบอื่น เช่น pdf จากนั้นคัดลอกโค้ดจากไฟล์ใหม่

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

วิธีรับรหัส Svg จาก Figma

นอกเหนือจากการดูไฟล์ Figma แล้ว คุณยังสามารถแยกรหัส svg หากคุณต้องการคัดลอกโค้ดเป็น svg คุณสามารถคลิกขวาที่โค้ดแล้วเลือกไอคอน หรือคุณสามารถคัดลอกเป็น SVG โดยไปที่คัดลอกเป็น – คัดลอกเป็น svg หลังจากนั้น คุณสามารถใช้โปรแกรมแก้ไขรหัสที่คุณชื่นชอบเพื่อบันทึกรหัส svg

ปลั๊กอินการส่งออก Adobe Illustrator Svg

Adobe Illustrator เป็นโปรแกรมแก้ไขกราฟิกแบบเวกเตอร์ที่พัฒนาและจำหน่ายโดย Adobe Inc. เดิมออกแบบมาสำหรับ Apple Macintosh การพัฒนา Adobe Illustrator เริ่มขึ้นในปี 1985 ร่วมกับ Creative Cloud (CC) Illustrator CC เปิดตัวเมื่อวันที่ 17 มิถุนายน 2013 Adobe Illustrator CC เป็นผู้สืบทอดของ Adobe Illustrator CS6 และเปิดตัวเมื่อวันที่ 17 มิถุนายน 2556 เป็น Adobe Illustrator รุ่นที่ 24

คุณสามารถส่งออกไฟล์ SVG ที่พร้อมใช้งานบนเว็บทั้งหมดจาก Illustrator หรือคุณสามารถส่งออก SVG แต่ละรายการ การกำหนดสไตล์ CSS ภายนอก: แอตทริบิวต์การนำเสนอช่วยให้เคลื่อนไหวหรือจัดรูปแบบ SVG ของคุณได้ง่ายขึ้นโดยใช้ CSS ภายนอก วิธีเดียวที่จะทำได้คือแปลงฟอนต์ Adobe Typekit เป็นโครงร่างในตอนนี้ โปรดส่งออก SVG ของคุณด้วยการตั้งค่าเหล่านี้ หากคุณฝังรูปภาพในแท็ก >img> บนเว็บไซต์ของคุณ สามารถใช้ CSS ภายในเพื่อสร้างสไตล์ได้ คุณสามารถส่งออก SVG ให้มีขนาดเล็กที่สุดเท่าที่คุณกำลังส่งออกได้ เพื่อให้งานของคุณง่ายขึ้น ตรวจสอบให้แน่ใจว่าทศนิยมมีความยาวอย่างน้อยสี่หลัก เมื่อใช้ฟอนต์ ให้วาดเป็นโครงร่าง เนื่องจากระบบปฏิบัติการของคุณไม่ได้ใช้การปรับแต่งแบบอักษร รูปภาพที่คุณเห็นอาจดูไม่ชัดเจนในบางครั้ง

Adobe Illustrator สามารถสร้างไฟล์ Svg ได้หรือไม่

ด้วย Adobe Illustrator คุณสามารถสร้างไฟล์ SVG กราฟิกที่สร้างด้วย รูปแบบกราฟิกเวกเตอร์ SVG ซึ่งใช้งานง่ายกว่า Photoshop หรือ Adobe Inkscape สามารถให้รายละเอียดและแม่นยำยิ่งขึ้น สามารถใช้โปรแกรมเวกเตอร์ เช่น Illustrator เพื่อแก้ไขไฟล์ SVG ซึ่งสามารถส่งออกเป็นรูปภาพหรือ PDF ได้

ฉันสามารถเปิดรหัส Svg ใน Illustrator ได้หรือไม่

คุณสามารถนำเข้าไฟล์ SVG ไปยัง Illustrator ได้โดยเลือกไฟล์ Ctrl-I (Mac) หรือ Cmd-I (Windows) เป็นอีกสองตัวเลือกแป้นพิมพ์ลัด เมื่อคุณนำเข้าไฟล์ SVG ไปยัง Illustrator จะต้องแปลงเป็นกราฟิกแบบเวกเตอร์

Illustrator ส่งออก Svg โดยไม่มี Artboard

ไม่มีคำตอบเดียวสำหรับคำถามนี้ เนื่องจากวิธีที่ดีที่สุดในการส่งออกไฟล์ SVG จากไฟล์ Illustrator จะแตกต่างกันไปตามแต่ละโครงการ อย่างไรก็ตาม โดยทั่วไปแล้ว มักจะเป็นการดีที่สุดที่จะส่งออกไฟล์ SVG โดยไม่ใช้อาร์ตบอร์ด เพื่อให้แก้ไขไฟล์ได้ง่ายขึ้นในโปรแกรมแก้ไขเวกเตอร์ เช่น Inkscape หรือ Adobe Illustrator

การส่งออกเฟรมใน Adobe Illustrator Cc

สามารถใช้ขั้นตอนต่อไปนี้เพื่อส่งออกเฉพาะ Frame ใน illustrator CC: ต้องติดตั้ง Adobe Illustrator CC โลกของวิทยาศาสตร์ก้าวไปข้างหน้า หลังจากที่คุณคลิกไฟล์แล้ว ให้เปิดไฟล์ของคุณโดยคลิกที่ปุ่มไฟล์ จากนั้นไปที่ไฟล์ที่คุณต้องการส่งออกและนำทางไปที่นั่น ไปที่แท็บ Draw แล้วคลิกปุ่มส่งออก (ทางด้านขวาของหน้าจอ) ในแท็บ General ให้คลิกตัวเลือก Frame ซึ่งเป็นตัวเลือกเดียวที่มีในหน้าต่าง Export Options
เมื่อคลิกส่งออก คุณสามารถส่งออกสินค้าได้