เพิ่มข้อความลงไฟล์ SVG ออนไลน์

คุณมีไฟล์ SVG ที่ต้องใส่คำบรรยายหรือป้ายกำกับ Rayzia คือโปรแกรมแก้ไขเวกเตอร์ออนไลน์ฟรีที่มีเครื่องมือข้อความของจริง: เลือกฟอนต์ Google Fonts ตัวไหนก็ได้หรืออัปโหลดฟอนต์ของคุณเอง ตั้งขนาดเป็นพอยต์และเลือกสี แล้วดัดโค้งตามเส้นพาธถ้างานออกแบบต้องการ ลากไฟล์เข้ามาแล้วพิมพ์ได้เลย พอพอใจแล้วก็ส่งออกเป็น SVG หรือ PNG ที่สะอาดเรียบร้อย ไม่ต้องติดตั้งอะไร และใช้งานได้ในทุกเบราว์เซอร์

วิธีเพิ่มข้อความลงไฟล์ SVG

  1. เปิดโปรแกรมแก้ไข ไปที่ rayzia.com แล้วเปิดโปรแกรมแก้ไขที่ /vector/ ไม่ต้องดาวน์โหลดอะไรและไม่ต้องมีบัญชีก็เริ่มได้ ใช้งานได้ในทุกเบราว์เซอร์บน Windows, Mac, Linux, ChromeOS หรือแท็บเล็ต
  2. ลากไฟล์ SVG เข้ามา ลากไฟล์มาวางบนแคนวาส หรือใช้เมนู File แล้ว Open ก็ได้ Rayzia อ่านไฟล์เป็น SVG แบบเนทีฟ ทุกส่วนของงานจึงเข้ามาเป็นออบเจ็กต์ที่แก้ไขได้แยกชิ้น ไม่ใช่ภาพที่ถูกล็อก ข้อความที่มีอยู่ในไฟล์ก็เข้ามาเป็นข้อความที่พิมพ์แก้ได้
  3. เลือกเครื่องมือ Text แล้วพิมพ์ กด T หรือคลิกเครื่องมือ Text ในแถบเครื่องมือ แล้วคลิกบนแคนวาสตรงจุดที่จะเริ่มพิมพ์ เคอร์เซอร์จะปรากฏขึ้น พิมพ์ได้เลย เมื่ออยากย้ายตำแหน่งข้อความแทนการแก้ตัวอักษร ให้สลับไปเครื่องมือ Select ด้วย V.
  4. จัดสไตล์ แถบตัวเลือกมีช่องเลือกตระกูลฟอนต์ ปุ่มอัปโหลดฟอนต์ ช่องเลือกสไตล์ ขนาดฟอนต์เป็นพอยต์ (ค่าเริ่มต้น 16 พร้อมพรีเซ็ตตั้งแต่ 4 ถึง 144) ระยะบรรทัด การจัดแนว ระยะห่างตัวอักษรและระยะห่างคำ โหลดฟอนต์ Google Fonts ตัวไหนก็ได้หรือฟอนต์ของคุณเอง แล้วใส่สีข้อความให้เข้ากับงาน ถ้าอยากได้ข้อความโค้ง ใช้ Type on a Path แล้วคลิกที่เส้นพาธ ข้อความจะวิ่งตามเส้น พลิกและเลื่อนตำแหน่งได้
  5. ส่งออก เลือก File ▸ Export แล้วเลือก SVG เพื่อรับไฟล์เวกเตอร์ที่เรียบร้อยกลับไป หรือเลือก PNG ถ้าต้องการสำเนาแบบแรสเตอร์ PNG เก็บความโปร่งใสไว้ครบ ส่งออกได้ฟรีทั้งสองแบบ และโปรแกรมบันทึกงานอัตโนมัติให้ตลอดที่คุณทำงาน

เครื่องมือข้อความของจริง ไม่ใช่แค่ช่องกรอกฟอร์ม

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

มีวิธีจัดวางตัวอักษรถึงห้าแบบ Type Tool คือแบบคลิกแล้วพิมพ์ตามค่าเริ่มต้น Area Type ไหลย่อหน้าอยู่ในรูปทรงใดก็ได้ Type on a Path ให้ข้อความวิ่งตามเส้นโค้ง Vertical Type จัดคอลัมน์จากบนลงล่าง เหมาะกับภาษา CJK และงานโปสเตอร์ ส่วน Touch Type ให้ขยับและหมุนตัวอักษรทีละตัวด้วยมือ

ฟอนต์ไม่ใช่เมนูตายตัว รายชื่อตระกูลฟอนต์โหลดฟอนต์ Google Fonts ตัวไหนก็ได้ตามต้องการ และปุ่มอัปโหลดรองรับไฟล์ .ttf, .otf, .woff, .woff2 และ .ttc ครั้งละหลายไฟล์ ฟอนต์ที่อัปโหลดจะถูกบันทึกไว้บนอุปกรณ์ของคุณ รีโหลดหน้าแล้วก็ยังอยู่ บนแพลน Pro ยังซิงก์ขึ้นคลาวด์ให้ด้วย

ข้อความของคุณยังแก้ไขได้เสมอ

ส่งออกเป็น SVG แล้วคำบรรยายของคุณจะออกไปเป็นเอลิเมนต์ text ของจริง เปิดไฟล์กลับมาก็ยังเลือกและพิมพ์แก้คำได้ เส้นพาธก็ยังคงเป็นพาธ ไฟล์ที่คุณเปิดคือไฟล์ที่คุณแก้ และ SVG ที่ส่งออกมีเฉพาะงานของคุณ ไม่มีขยะตกค้างปะปน

ข้อควรระวังเรื่องฟอนต์หนึ่งข้อ: การส่งออก SVG แบบธรรมดาจะไม่พกฟอนต์ไปด้วย เครื่องที่ไม่มีฟอนต์ตระกูลนั้นจะแทนที่ด้วยฟอนต์อื่น ถ้ารูปตัวอักษรต้องเป๊ะ ให้บันทึกไฟล์เนทีฟ .rzv แบบไม่สูญเสียไว้ด้วย ซึ่งฝังฟอนต์ที่คุณใช้จริง หรือ แปลงข้อความเป็นเส้นขอบ (outline) ก่อนส่งงาน ฟอนต์ Google Fonts ที่คุณเลือกไว้จะถูกดึงมาใหม่เมื่อกู้คืนเซสชัน

การเพิ่มข้อความลง SVG: คำถามที่พบบ่อย

เพิ่มข้อความลง SVG ฟรีไหม?

ฟรี การแก้ไขและการส่งออก SVG กับ PNG ใช้ฟรี รวมทั้งเครื่องมือทุกตัว เอฟเฟกต์ทั้งหมด 150+ แบบ ผู้ช่วย AI และไฟล์คลาวด์ 3 ไฟล์ แพลน Pro เดือนละ $8 เพิ่มการส่งออก PDF สเกลส่งออกความละเอียดสูงขึ้น ไฟล์คลาวด์ไม่จำกัด และลิงก์แชร์แบบไม่มีลายน้ำ

ใช้ฟอนต์ของตัวเองหรือ Google Fonts ได้ไหม?

ได้ทั้งคู่ รายชื่อตระกูลฟอนต์โหลดฟอนต์ Google Fonts ตัวไหนก็ได้ตามต้องการ และปุ่มอัปโหลดรองรับไฟล์ .ttf, .otf, .woff, .woff2 และ .ttc ครั้งละหลายไฟล์ ฟอนต์ที่อัปโหลดจะถูกบันทึกไว้บนอุปกรณ์ รีโหลดแล้วก็ยังอยู่ บนแพลน Pro ยังซิงก์ขึ้นคลาวด์ให้ด้วย

ถ้าเปิดไฟล์ SVG ขึ้นมาใหม่ ข้อความยังแก้ได้อยู่ไหม?

ได้ ข้อความทุกชิ้นเป็นเอลิเมนต์ text ของ SVG จริง ๆ ไม่ใช่รูปภาพของข้อความ เปิดไฟล์ที่ส่งออกใน Rayzia อีกครั้งก็พิมพ์แก้ได้เลย ทั้งนี้การส่งออก SVG แบบธรรมดาจะไม่ฝังตัวฟอนต์ แต่ไฟล์เนทีฟ .rzv ฝังให้

ดัดข้อความให้โค้งตามเส้นพาธได้ไหม?

ได้ Type on a Path ให้ข้อความวิ่งตามเส้นโค้งใดก็ได้ พลิกกลับด้านและเลื่อนตำแหน่งได้ คลิกเส้นพาธด้วยเครื่องมือนี้แล้วข้อความจะไหลตามเส้นทันที