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

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

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

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

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

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

• ✅ การรักษาความโปร่งใส – ไฟล์ ICO มักมีการโปร่งใส และ PNG ก็รักษาความโปร่งใสนี้ได้อย่างสมบูรณ์

• ✅ การแก้ไขและแบ่งปันที่ง่าย – ไฟล์ PNG ง่ายต่อการแก้ไข การปรับขนาด และการเพิ่มประสิทธิภาพโดยใช้เครื่องมือแก้ไขภาพใดๆ

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

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

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

3. ดาวน์โหลด PNG
   หลังจากประมวลผลแล้ว คลิกปุ่ม ดาวน์โหลด PNG เพื่อประหยัดภาพใหม่

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

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

การแปลง PNG จะรักษาความโปร่งใสหรือไม่?
ใช่ หากไฟล์ ICO เดิมมีการโปร่งใส ไฟล์ PNG ที่แปลงแล้วก็จะรักษาความโปร่งใสนี้ด้วย

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

ฉันต้องติดตั้งอะไรหรือไม่?
ไม่ คอนเวอร์เตอร์ ICO เป็น 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;
}