แปลงภาพทั้งโฟลเดอร์เป็น SVG ด้วย Claude Code

โฟลเดอร์ไอคอนตรวจง่ายขึ้นเมื่อแต่ละภาพมีพาธ SVG ที่คาดไว้หนึ่งพาธ Claude Code ส่งภาพในเครื่องไปยัง PerfectVector MCP ได้ และ PerfectVector ประมวลผลทีละภาพต่อบัญชี ใช้ รายการจับคู่ไฟล์ หรือ manifest ที่ระบุผลลัพธ์สำหรับแต่ละต้นฉบับ เพื่อติดตามว่ารายการใดยังต้องตรวจหลังจบบทสนทนา คู่มือแปลงภาพของ PerfectVector · การแก้ปัญหาของ PerfectVector

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

ลองกับรูปภาพของคุณเอง

เปิดเครื่องมือฉบับเต็ม

PNGJPGWEBPPNGSVGวางรูปภาพของคุณที่นี่หรือคลิก · วาง ⌘Vเลือกรูปภาพวางเพื่อตรวจสอบรูปภาพ

ลองใช้ฟรี วางรูปภาพเพื่อดูตัวอย่างเวกเตอร์ของคุณได้เลย ไม่ต้องสมัครสมาชิก

กำหนดปลายทางให้ไม่ซ้ำ

ใช้โครงสร้างโฟลเดอร์เดิมใต้โฟลเดอร์ผลลัพธ์แยก แล้วเติม .svg ต่อท้ายชื่อเต็ม วิธีนี้แยกไฟล์ mark.png ที่อยู่คนละโฟลเดอร์ย่อย รวมถึงแยกผลจาก logo.png กับ logo.jpg ได้

รายการจับคู่ไฟล์ในโฟลเดอร์

จำกัดขอบเขตงานโฟลเดอร์ที่สั่ง Claude Code

ตั้งค่าเซิร์ฟเวอร์ PerfectVector ระยะไกลและยืนยันตัวตนตามคู่มือ ใช้ PNG, JPEG หรือ WebP แบบเฟรมเดียว แต่ละไฟล์ต้องไม่เกิน 5 MB และแต่ละด้านยาว 100–4,096 พิกเซล MCP ของ Claude Code · การตั้งค่า Claude Code กับ PerfectVector · ข้อกำหนดไฟล์ภาพของ PerfectVector

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

List the PNG, JPEG, and WebP files under ./rasters.
For each, propose one output under ./vectors with the same
relative directory and .svg appended to the full filename.
Flag paths that already exist. Show the list before converting.

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

ตรวจโฟลเดอร์ผลลัพธ์

บันทึกสคริปต์ตรวจสอบนี้เป็น check_svg_batch.py แล้วรัน python3 check_svg_batch.py ./rasters ./vectors สคริปต์ตรวจการตั้งชื่อตามกฎด้านบน ตลอดจนองค์ประกอบรูปทรงและภาพที่พบบ่อยใน SVG หากได้ “inspect visually” ให้เปิดเทียบกับต้นฉบับ การมีนามสกุลและองค์ประกอบ path ยังไม่ยืนยันว่าภาพถูกแปลงตรงกับต้นฉบับ

import sys
import xml.etree.ElementTree as ET
from pathlib import Path
 
source = Path(sys.argv[1])
output = Path(sys.argv[2])
formats = {".png", ".jpg", ".jpeg", ".webp"}
namespace = "{http://www.w3.org/2000/svg}"
 
for image in sorted(source.rglob("*")):
    if not image.is_file() or image.suffix.lower() not in formats:
        continue
    relative = image.relative_to(source)
    svg = output / relative.with_name(relative.name + ".svg")
    try:
        document = ET.parse(svg).getroot()
    except FileNotFoundError:
        print("missing", relative)
        continue
    except ET.ParseError:
        print("invalid XML", relative)
        continue
    has_shape = any(
        document.find(f".//{namespace}{tag}") is not None
        for tag in ("path", "rect", "circle", "ellipse", "line", "polyline", "polygon")
    )
    has_image = document.find(f".//{namespace}image") is not None
    status = (
        "inspect visually"
        if document.tag == namespace + "svg" and has_shape and not has_image
        else "inspect structure"
    )
    print(status, relative)

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

ผล missing แปลว่าไม่พบ SVG ตามพาธที่คาดไว้ รวมถึงไฟล์ที่อยู่ในแผนแต่ผู้ช่วยยังไม่ได้ส่งไปแปลง ตรวจสถานะที่บันทึกแล้วถามว่าผู้ช่วยมีผลเดิมให้ดึงหรือไม่ ยืนยันรายการไฟล์ก่อนอนุมัติให้แปลงอีกครั้ง หาก XML ผิดรูปแบบหรือมีองค์ประกอบภาพ ให้เปิดไฟล์เพื่อดูว่าได้อะไรกลับมา และดาวน์โหลดผลเดิมใหม่ถ้าเหมาะสม สร้างรายการแปลงใหม่เมื่อยืนยันแล้วว่ากู้ผลที่หายไปไม่ได้ หรือต้นฉบับต้องแปลงใหม่ การแก้ปัญหาของ PerfectVector MCP

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

ตัวเชื่อมต่อแปลงทั้งโฟลเดอร์ในคำขอเดียวได้ไหม

PerfectVector ประมวลผลทีละภาพต่อบัญชี Claude Code ช่วยไล่ทำงานในโฟลเดอร์ได้ โดยแยกการแปลงและกำหนด SVG ที่คาดไว้สำหรับแต่ละต้นฉบับ คู่มือแปลงภาพของ PerfectVector · การแก้ปัญหาของ PerfectVector

ถ้ามี SVG บางไฟล์อยู่แล้วควรทำอย่างไร

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

แหล่งอ้างอิง

1. Anthropic — เชื่อม Claude Code กับเครื่องมือผ่าน MCP — การตั้งค่าเครื่องมือระยะไกล
2. PerfectVector — เชื่อมต่อผู้ช่วย — การตั้งค่า Claude Code
3. PerfectVector — แปลงภาพ — การส่งภาพด้วยพาธในเครื่อง
4. PerfectVector — ข้อกำหนดไฟล์ภาพ — ไฟล์แรสเตอร์ที่รองรับ
5. PerfectVector — เครดิตและการดาวน์โหลด — การคิดเครดิตเมื่อส่งมอบและการดึงไฟล์
6. PerfectVector — การแก้ปัญหา — การประมวลผลทีละภาพและคำขอที่ถูกขัดจังหวะ

เปิด PerfectVector MCP เพื่อดูวิธีเชื่อมต่อ Claude Code เลือกภาพสองภาพ จดพาธ SVG ที่ต่างกัน แล้วรันสคริปต์ตรวจโฟลเดอร์ผลลัพธ์ในเครื่อง ตรวจว่าพาธที่รายงานตรงกับแผนก่อนเพิ่มไฟล์ในชุด