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