ตัวแปลงข้อความเป็น SVG

แปลงข้อความของคุณเป็นกราฟิกเวกเตอร์ SVG ที่สวยงาม

กรุณากรอกข้อความ

ตัวอย่างการใช้งาน

ข้อความหัวเรื่อง

สร้างหัวเรื่องที่มีสไตล์ในรูปแบบ SVG สำหรับเว็บไซต์และงานนำเสนอของคุณ

ข้อความโลโก้

สร้างข้อความโลโก้แบรนด์เป็น SVG พร้อมฟอนต์และสีที่กำหนดเอง

ข้อความพร้อมไอคอน

เพิ่มไอคอนเพื่อสร้างข้อมูลติดต่อหรือองค์ประกอบนำทางใน SVG

คุณสมบัติ

เวกเตอร์ปรับขนาดได้

สร้างกราฟิกเวกเตอร์ SVG ที่คมชัดในทุกขนาด

ปรับแต่งได้เต็มที่

ปรับแต่งฟอนต์ สี ขนาด การตกแต่ง และสไตล์ต่าง ๆ ได้อย่างอิสระ

รวมไอคอน

วางไอคอนอีเมล โทรศัพท์ สถานที่ และอื่น ๆ ร่วมกับข้อความของคุณ

ส่งออก SVG และ PNG

ดาวน์โหลดในรูปแบบ SVG หรือ PNG สำหรับการใช้งานที่หลากหลาย

วิธีการใช้งาน

กรอกข้อความ

พิมพ์ข้อความที่คุณต้องการแปลงลงในช่องป้อนข้อมูล

ตั้งค่าสไตล์

กำหนดค่าสไตล์ข้อความ เช่น ฟอนต์ ขนาด น้ำหนัก และการตกแต่ง

เลือกสีและไอคอน

เลือกสีข้อความ สีพื้นหลัง และเพิ่มไอคอนตามต้องการ

ดาวน์โหลด

ตรวจสอบตัวอย่างและดาวน์โหลดในรูปแบบ SVG หรือ PNG

คำถามที่พบบ่อย

SVG (Scalable Vector Graphics) เป็นรูปแบบที่ใช้พื้นฐานจาก XML ซึ่งกำหนดกราฟิกเป็นรูปทรงทางคณิตศาสตร์แทนที่จะเป็นพิกเซล ข้อความในไฟล์ SVG จะถูกแสดงผลตามขนาดที่เบราว์เซอร์หรือหน้าจอต้องการ ไม่ว่าจะซูมเข้าไปถึง 400% ก็ยังคงความคมชัดอย่างสมบูรณ์แบบ ในขณะที่ PNG จะเริ่มเบลอหรือแตกเป็นเม็ดพิกเซลเมื่อซูมในระดับเดียวกัน สิ่งนี้ทำให้ SVG เหมาะสำหรับโลโก้, แถบสัญลักษณ์ (badges), ไอคอน และกราฟิกลายเซ็นอีเมลที่ปรากฏบนหน้าจอและความละเอียดที่แตกต่างกัน

เครื่องมือนี้มีรายการฟอนต์ยอดนิยมจาก Google Fonts ให้เลือกใช้ ซึ่งโหลดในขณะเรนเดอร์ ครอบคลุมสไตล์ sans-serif, serif, monospace และ display ตัวเลือกทั่วไปรวมถึง Roboto, Inter, Open Sans, Montserrat, Lato และฟอนต์สำหรับแสดงผลอย่าง Anton และ Oswald ฟอนต์จะถูกแสดงในส่วน Preview ผ่าน Google Fonts และฝังอยู่ในไฟล์ SVG ที่ส่งออก เพื่อให้แน่ใจว่าฟอนต์ที่ถูกต้องจะปรากฏขึ้นแม้บนระบบที่ไม่ได้ติดตั้งฟอนต์นั้นไว้ในเครื่อง

ได้ เครื่องมือในส่วน Icon ให้คุณเพิ่มไอคอนที่มีมาให้ในตัว ได้แก่ Email, Phone, Location, Web, User, Star และ Heart คุณสามารถเลือกวางไอคอนไว้ทางด้านซ้ายหรือขวาของข้อความ และปรับขนาดไอคอนแยกต่างหาก ไอคอนและข้อความจะถูกรวมเข้าเป็นองค์ประกอบ SVG เดียวกัน ทำให้ง่ายต่อการสร้างแถบติดต่อสื่อสารที่เป็นมืออาชีพหรือกราฟิกที่มีป้ายกำกับโดยไม่ต้องใช้เครื่องมือออกแบบ

SVG (โค้ด XML ดิบ), React JSX component (พร้อมสำหรับการวางในโปรเจกต์ React), React Native SVG component, PNG raster image (พร้อมตั้งค่า Scale สำหรับผลลัพธ์แบบ retina) และ Base64 Data URI (SVG ที่ถูกเข้ารหัสเป็น data: URL เพื่อใช้ฝังโดยตรงใน HTML img src หรือ CSS background-image) คุณสามารถคัดลอกรูปแบบใดก็ได้ลงในคลิปบอร์ดหรือดาวน์โหลดไฟล์ตามขั้นตอนการทำงานของคุณ

Data URI จะเข้ารหัส SVG เป็นสตริง base64 และฝังเข้าไปโดยตรงเป็น URL แทนที่จะอ้างอิงไฟล์ภายนอก (src="logo.svg") คุณจะใช้ src="data:image/svg+xml;base64,...". วิธีนี้ช่วยลดการส่งคำขอ HTTP และใช้งานได้ในสภาพแวดล้อมที่ไม่มีการโฮสต์ไฟล์ภายนอก เช่น HTML ในอีเมล (บางโปรแกรมอ่านอีเมล), ไฟล์ HTML ที่แชร์ภายในเครื่อง หรือค่า background-image ของ CSS ข้อเสียคือสตริงที่เข้ารหัสจะมีขนาดใหญ่กว่าไฟล์ SVG ดิบ

ได้ ปุ่ม Download PNG จะทำการแปลง SVG เป็น Raster บน Canvas ตามมาตราส่วนที่ตั้งค่าไว้และดาวน์โหลดเป็นไฟล์ PNG คุณสามารถใช้ Scale 1x สำหรับหน้าจอมาตรฐาน และ 2x หรือสูงกว่าสำหรับหน้าจอ retina/high-DPI ไฟล์ PNG มีประโยชน์เมื่อปลายทางไม่รองรับ SVG เช่น รูปโปรไฟล์ในโซเชียลมีเดีย, โปรแกรมอ่านอีเมลที่แสดงเฉพาะรูปภาพ หรือแอปพลิเคชันที่รับเฉพาะรูปแบบ Raster

เปิดใช้งานช่องตรวจสอบ "Transparent" ภายใต้ Background Color เมื่อเปิดการใช้งาน พื้นหลังของ SVG จะถูกนำออก และการส่งออก PNG จะใช้พื้นหลังโปร่งใส สิ่งนี้จำเป็นสำหรับโลโก้และแถบสัญลักษณ์ที่ต้องวางบนพื้นหลังสีต่าง ๆ โดยไม่มีกรอบสีขาวรอบ ๆ

ไม่ การสร้าง SVG, การเรนเดอร์ และการส่งออกทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไฟล์ฟอนต์จะถูกดึงมาจาก Google Fonts CDN เป็นส่วนหนึ่งของการโหลดฟอนต์ปกติ แต่เนื้อหาข้อความจริงของคุณจะไม่หลุดออกจากอุปกรณ์ของคุณเลย ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์หลังบ้านใด ๆ และไม่มีอะไรถูกจัดเก็บ

Text to SVG คืออะไร?

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

ตัวเลือกการส่งออก

ส่งออกเป็นโค้ด SVG, คอมโพเนนต์ React JSX, React Native, ภาพ PNG ปรับสเกลได้ หรือ Base64 Data URI สำหรับฝังใน HTML/CSS

ใช้งานบ่อยในกรณีไหน?

สร้างโลโก้ด่วน แบดจ์ข้อความสำหรับ GitHub README กราฟิกลายเซ็นอีเมล หรือไอคอนข้อความสำหรับเว็บแอป

เคล็ดลับ

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

ความเป็นส่วนตัว

การเรนเดอร์ทั้งหมดเกิดขึ้นในเบราว์เซอร์ ไม่มีข้อความถูกอัปโหลด ไม่มีอะไรถูกบันทึก

ความปลอดภัยและความเป็นส่วนตัว

ความปลอดภัยของข้อมูลของคุณคือความสำคัญอันดับแรกของเรา

การประมวลผลภายใน

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ

ไม่มีการถ่ายโอนข้อมูล

ข้อมูลของคุณจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ของเรา

ไม่มีการจัดเก็บข้อมูล

ไม่มีข้อมูลถูกเก็บหรือแบ่งปัน

การเข้ารหัส SSL

การเข้ารหัส SSL สำหรับการเชื่อมต่อที่ปลอดภัย

เครื่องมือนี้มีประโยชน์หรือไม่?

ตัวแปลงข้อความเป็น SVG

ตัวอย่างการใช้งาน

ข้อความหัวเรื่อง

ข้อความโลโก้

ข้อความพร้อมไอคอน

คุณสมบัติ

เวกเตอร์ปรับขนาดได้

ปรับแต่งได้เต็มที่

รวมไอคอน

ส่งออก SVG และ PNG

วิธีการใช้งาน

กรอกข้อความ

ตั้งค่าสไตล์

เลือกสีและไอคอน

ดาวน์โหลด

คำถามที่พบบ่อย

SVG คืออะไร และทำไมจึงดีกว่า PNG สำหรับกราฟิกข้อความ?

มีฟอนต์อะไรให้เลือกบ้าง?

ฉันสามารถเพิ่มไอคอนใน SVG ของฉันได้หรือไม่?

มีรูปแบบการส่งออกอะไรบ้าง?

Data URI คืออะไร และฉันจะใช้งานเมื่อไหร่?

ฉันสามารถดาวน์โหลดเวอร์ชัน PNG ของข้อความ SVG ได้หรือไม่?

ฉันจะทำให้พื้นหลังโปร่งใสได้อย่างไร?

ข้อความของฉันจะถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?

Text to SVG คืออะไร?

ตัวเลือกการส่งออก

ใช้งานบ่อยในกรณีไหน?

เคล็ดลับ

ความเป็นส่วนตัว

ความปลอดภัยและความเป็นส่วนตัว

การประมวลผลภายใน

ไม่มีการถ่ายโอนข้อมูล

ไม่มีการจัดเก็บข้อมูล

การเข้ารหัส SSL

เครื่องมือที่เกี่ยวข้อง

แปลง Markdown เป็น HTML

แปลงไบนารีเป็นข้อความ

แปลง JSON เป็น CSV

แปลงรูปเป็น PDF

ตัวแปลงรูปแบบข้อมูล

ตัวย่อ URL