DevTulz Online

โค้ดเป็นรูปภาพ

แปลงโค้ดสนิปเป็นภาพสวยงามที่แชร์ได้ เลือกธีมไฮไลต์ซินแทกซ์ พื้นหลังแบบไล่สี และสไตล์หน้าต่าง ดาวน์โหลดเป็น PNG ฟรี

code.js

โค้ดเป็นรูปภาพคืออะไร?

โค้ดเป็นรูปภาพแปลงโค้ดสนิปใดๆ ให้เป็นภาพที่เรียบร้อยและแชร์ได้ — เหมาะสำหรับบล็อกโพสต์ โซเชียลมีเดีย การนำเสนอ และเอกสาร วางโค้ด เลือกภาษาสำหรับไฮไลต์ซินแทกซ์ เลือกหนึ่งในเจ็ดธีม (Atom One Dark, Atom One Light, GitHub Dark, Dracula, Monokai, VS Dark, Nord) เลือกพื้นหลังแบบไล่สีหรือสีเดียว ปรับระยะห่างและสไตล์กรอบหน้าต่าง เปิดหมายเลขบรรทัด และดาวน์โหลด PNG ความละเอียดสูง ทุกอย่างทำงานในเบราว์เซอร์ของคุณ — ไม่มีโค้ดถูกอัปโหลดไปยังเซิร์ฟเวอร์

วิธีใช้โค้ดเป็นรูปภาพ

  1. วางหรือพิมพ์โค้ดในพื้นที่ป้อนข้อมูล (ปุ่ม Tab แทรกช่องว่าง)
  2. เลือกภาษาการเขียนโปรแกรม หรือปล่อยให้ตรวจจับอัตโนมัติ
  3. เลือกธีมไฮไลต์ซินแทกซ์จากเมนูธีม
  4. คลิกตัวอย่างพื้นหลังเพื่อตั้งค่าไล่สีหรือสี
  5. ปรับระยะห่าง สไตล์หน้าต่าง ขนาดตัวอักษร และหมายเลขบรรทัด
  6. ป้อนชื่อไฟล์ (ใช้เป็นชื่อไฟล์ PNG ที่ดาวน์โหลด)
  7. คลิกดาวน์โหลด PNG เพื่อบันทึกภาพในความละเอียด 2×