โปรแกรมดู SVG นี้ฟรีหรือไม่?

ใช่ เครื่องมือนี้ฟรีทั้งหมดสำหรับการใช้งานส่วนตัวและเชิงพาณิชย์

คุณเก็บไฟล์ SVG ของฉันหรือไม่?

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

ฉันสามารถแก้ไขโค้ด SVG และเห็นการเปลี่ยนแปลงแบบสดได้หรือไม่?

ได้ การแก้ไขในตัวแก้ไขโค้ดจะปรากฏทันทีในแผงพรีวิว คุณสามารถปรับเส้นทาง สี และขนาดแบบเรียลไทม์ได้

โปรแกรมดูและแก้ไข SVG ออนไลน์ฟรี

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

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

ลากและวางไฟล์ SVG ที่นี่

หรือคลิกเพื่อเรียกดู

โค้ด

sample.svg • 673

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="90" fill="url(#grad1)" />
  <path d="M60 100 L90 130 L140 70" fill="none" stroke="white" stroke-width="20" stroke-linecap="round" stroke-linejoin="round" />
  <text x="50%" y="180" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="24" font-weight="bold">SVG Viewer</text>
</svg>

ดูตัวอย่าง

100%

ทำไมต้องใช้ โปรแกรมดู SVG ออนไลน์?

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

เกี่ยวกับตัวแสดง SVG

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

วิธีใช้?

01

อัปโหลดไฟล์ SVG ของคุณหรือวางโค้ด SVG ลงในตัวแก้ไขโดยตรง

02

ดูตัวอย่าง SVG ของคุณทันทีในบานหน้าต่างด้านขวา ใช้เครื่องมือเพื่อจัดรูปแบบหรือย่อโค้ด

03

ดาวน์โหลดไฟล์ SVG ที่ปรับให้เหมาะสมหรือคัดลอกโค้ดเพื่อใช้ในโครงการของคุณ

คุณสมบัติหลักของตัวแสดง SVG

การซิงค์โค้ดและภาพแบบเรียลไทม์

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

ความเป็นส่วนตัวฝั่งไคลเอนต์ 100%

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

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

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไฟล์ SVG ของคุณจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ของเรา

อ้างอิง

W3C — SVG 2
ข้อกำหนดอย่างเป็นทางการของ W3C ที่กำหนดรูปแบบกราฟิกเวกเตอร์ SVG องค์ประกอบ และแอตทริบิวต์
MDN — SVG
เอกสารอ้างอิงของ MDN สำหรับองค์ประกอบ SVG แอตทริบิวต์ และการเรนเดอร์กราฟิกเวกเตอร์ในเบราว์เซอร์

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

แปลงรูปภาพเป็น Base64

เข้ารหัส SVG หรือรูปภาพแรสเตอร์เป็น data URI Base64 สำหรับการฝังแบบ inline

ตัวแปลง PNG

แรสเตอร์ไรซ์กราฟิกเวกเตอร์ SVG เป็นภาพ PNG ในความละเอียดใดก็ได้

โปรแกรมดู XML

ตรวจสอบและจัดรูปแบบโครงสร้าง XML ที่เป็นพื้นฐานของเอกสาร SVG ทุกไฟล์

ตัวแปลงสี

แปลงค่าสี HEX, RGB และ HSL ที่ใช้ในการเติมสีและขีดของ SVG

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

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