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

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

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

การแปลง WebP เป็น PNG จะช่วยให้ ความเข้ากันได้สูงสุด โดยเฉพาะอย่างยิ่งหากคุณต้องการแก้ไขภาพ รักษาความใส และใช้ในระบบเก่าและกระบวนการออกแบบ

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

• ✅ การบีบอัดที่ไม่สูญเสีย – PNG จะเก็บข้อมูลภาพทั้งหมดและความคมชัด

• ✅ การรองรับการใส่ภาพ – เหมาะสำหรับไอคอน โลโก้ หรือกราฟิกที่ต้องการพื้นหลังใส

• ✅ ความเข้ากันได้กว้าง – PNG ได้รับการสนับสนุนจากเครื่องมือออกแบบ เบราว์เซอร์ และแพลตฟอร์มทั้งหมด

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

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

2. การแปลงอัตโนมัติ
   เครื่องมือนี้จะแปลงภาพ WebP ของคุณเป็น PNG คุณภาพสูง

3. ดาวน์โหลด PNG
   คลิกปุ่ม ดาวน์โหลด PNG เพื่อประหยัดไฟล์

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

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

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

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

เครื่องมือนี้ฟรีและเป็นส่วนตัวหรือไม่?
ใช่ คอนเวอร์เตอร์ WebP เป็น PNG นี้เป็นเครื่องมือที่ใช้บนเบราว์เซอร์ฟรีและไม่ต้องสมัครสมาชิก ไม่เก็บหรือแบ่งปันไฟล์ของคุณหลังการแปลง

ฉันสามารถแปลงเป็นรูปแบบภาพอื่นได้หรือไม่?
ใช่ เลือกรูปแบบไฟล์ด้านล่าง

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