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 إلى PNG؟

JPG هو تنسيق صورة مضغوط مناسب للاستخدام اليومي ، لكنه لا يدعم الشفافية ويمكن أن يفقد الجودة مع كل حفظ. PNG ، من ناحية أخرى ، يستخدم الضغط الخالي من الفقد ويدعم الخلفيات الشفافة – مما يجعله مثاليًا للشعارات والرسومات ومشاريع التصميم التي تتطلب حواف حادة ووضوح الصورة.

تحويل JPG إلى PNG يضمن أن يتم الحفاظ على صورك بجودة أعلى وأكثر مرونة للاستخدام في التصميم والنشر وتطوير الويب.

الفوائد الرئيسية لاستخدام تنسيق PNG

• ✅ الضغط الخالي من الفقد – لا يتم فقدان أي جودة أثناء التحويل ، على عكس تنسيق JPG الخاسر.

• ✅ دعم الشفافية – أضف أو احفظ الخلفيات الشفافة لمرونة التصميم.

• ✅ الوضوح البصري العالي – مثالي للرسومات والصور الشاشة والصور التي تحتوي على نص أو خطوط حادة.

كيفية استخدام هذا الأداة

1. تحميل ملف JPG الخاص بك
   انقر على “تحميل ملف JPG” أو اسحب وأسقط صورة إلى منطقة التحميل أعلاه.

2. التحويل التلقائي
   تُحول الأداة بسرعة ملف JPG الخاص بك إلى صورة PNG بدقة عالية.

3. تحميل PNG
   انقر على زر تحميل PNG لحفظ الملف المحول.

4. استخدمه في أي مكان
   صورة PNG الخاصة بك الآن جاهزة للتعديل أو الاستخدام في مشاريع التصميم أو تحميلها على الويب.

الأسئلة الشائعة

هل سوف يحسن تحويله إلى PNG جودة صوري؟
لا ، لن يستعد التفاصيل المفقودة في ضغط JPG ، ولكن سوف يمنع فقدان الجودة thêm وسيسمح بالدعم الشفافي.

ما يعني الخالي من الفقد؟
الضغط الخالي من الفقد يحافظ على جميع بيانات الصورة الأصلية بدون تدهور. PNG هو تنسيق خالي من الفقد ، مما يجعله مثاليًا لأرشفة أو تحرير.

هل هذا الأداة مجانية وأمنة؟
نعم. محول JPG إلى 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;
}