window.addEventListener(‘message’, function (event) {
if (!event.data || event.data.type !== ‘resize’) return;

const iframe = document.getElementById(‘lovable-frame’);
if (iframe && typeof event.data.height === “number”) {
iframe.style.height = event.data.height + “px”;
}
});

ทำไมต้องคอนเวอร์ต JPG เป็น SVG?

ภาพ JPG เป็นภาพแบบพิกเซล (raster) ซึ่งจะเสียคุณภาพเมื่อปรับขนาด แต่ไฟล์ SVG เป็นภาพเวกเตอร์ ซึ่งสามารถปรับขนาดได้ไม่มีกำหนดโดยไม่สูญเสียคุณภาพ — เหมาะสำหรับโลโก้ ไอคอน ภาพประกอบ และการออกแบบเว็บที่ตอบสนอง

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

ข้อดีของการใช้รูปแบบ SVG

• ✅ การปรับขนาดโดยไม่สูญเสียคุณภาพ – ไฟล์ SVG สามารถขยายขนาดได้ไม่มีกำหนดโดยไม่สูญเสียคุณภาพ

• ✅ ขนาดเล็กและเหมาะสำหรับเว็บ – ไฟล์เวกเตอร์มีขนาดเล็กและโหลดเร็วบนอุปกรณ์ทุกชนิด

• ✅ สามารถแก้ไขได้ในซอฟต์แวร์ออกแบบ – สามารถแก้ไขเส้นทาง รูปทรง และสีได้ในซอฟต์แวร์อย่าง Adobe Illustrator หรือ Figma

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

วิธีการใช้เครื่องมือนี้

1. อัปโหลดไฟล์ JPG ของคุณ
   คลิก “เลือกไฟล์ JPG” หรือลากและวางภาพของคุณเข้าไปในพื้นที่อัปโหลด

2. การเวกเตอร์แบบอัตโนมัติ
   เครื่องมือนี้วิเคราะห์ภาพของคุณและสร้างเวอร์ชันเวกเตอร์ SVG

3. ดาวน์โหลด SVG
   คลิกปุ่ม ดาวน์โหลด SVG เพื่อบันทึกไฟล์เวกเตอร์ใหม่ของคุณ

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

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

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

ฉันสามารถแก้ไขไฟล์ SVG ได้หรือไม่?
ใช่ เมื่อคอนเวอร์ตแล้ว ไฟล์ SVG สามารถแก้ไขได้ในซอฟต์แวร์อย่าง Adobe Illustrator, Figma หรือ Inkscape

เครื่องมือนี้ฟรีและปลอดภัยหรือไม่?
ใช่ เครื่องมือนี้เป็นเครื่องมือบนเว็บที่ฟรีและปลอดภัย และไฟล์ของคุณจะไม่ถูกเก็บหรือแบ่งปัน

ฉันสามารถคอนเวอร์ตเป็นรูปแบบอื่นได้หรือไม่?
ใช่ คุณสามารถเลือกรูปแบบไฟล์ได้จากตัวเลือกด้านล่าง

.conversion-footer {
font-family: system-ui, sans-serif;
margin: 30px 0;
}

details.convert-dropdown {
margin-bottom: 8px;
border: 1px solid #e0e0e0;
border-radius: 6px;
background-color: #fff;
transition: box-shadow 0.3s;
}

details.convert-dropdown[open] {
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.convert-dropdown summary {
font-weight: 600;
font-size: 15px;
padding: 12px 16px;
background-color: #f7f8f9;
border-bottom: 1px solid #e0e0e0;
cursor: pointer;
list-style: none;
position: relative;
}

.convert-dropdown summary:hover {
background-color: #eef0f2;
}

.convert-dropdown summary::marker {
display: none;
}

.convert-dropdown summary::after {
content: “▾”;
position: absolute;
right: 16px;
font-size: 12px;
transition: transform 0.3s ease;
}

details[open] summary::after {
transform: rotate(180deg);
}

.convert-dropdown a {
display: block;
padding: 10px 20px;
text-decoration: none;
color: #0073aa;
font-size: 14px;
border-top: 1px solid #f1f1f1;
transition: background 0.2s;
}

.convert-dropdown a:hover {
background-color: #f1f7fb;
color: #005177;
}