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”;
}
});

ทำไมต้องแปลง PNG เป็น SVG?

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

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

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

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

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

• ✅ ขนาดไฟล์ที่เล็ก – กราฟิกเวกเตอร์มักจะมีขนาดไฟล์ที่เล็กและได้รับการปรับให้เหมาะสมสำหรับการทำงาน

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

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

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

2. การเวกเตอร์แบบอัตโนมัติ
   เครื่องมือนี้จะสร้างเส้นทางเวกเตอร์จากภาพ PNG ของคุณและแปลงมันให้เป็นเส้นทางเวกเตอร์ที่สามารถปรับขนาดได้

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

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

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

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

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

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

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

.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;
}