SS Toolbox
SS Toolbox
يتم معالجة جميع البيانات محليًا

أداة دمج صور الوضع الفاتح/الداكن — ملف PNG واحد للخلفيات البيضاء والسوداء

ادمج صورة الوضع الفاتح وصورة الوضع الداكن في ملف PNG شفاف واحد يظهر الرسم الفاتح على الخلفية البيضاء والرسم الداكن على الخلفية السوداء. ارفع الصورتين، وعاين النتيجة جنبًا إلى جنب، ثم نزّل أصلًا واحدًا يتكيف مع السمة للتوثيق أو ملفات README أو واجهات المستخدم — كل ذلك داخل المتصفح.

ما تفعله أداة دمج صور الوضع الفاتح/الداكن

  1. ملف PNG واحد بمظهرين

    الناتج تركيب ألفا لكل بكسل: على سطح أبيض يظهر كصورتك الفاتحة، وعلى سطح أسود يظهر كصورتك الداكنة. بذلك يكفي ملف README أو صفحة توثيق أو واجهة استخدام بأصل واحد بدل ملفين أو استعلام وسائط (media query).

  2. خانتا رفع مع معاينة مباشرة

    اختر صورة الوضع الفاتح وصورة الوضع الداكن؛ يظهر ملف PNG المدمج فور تحميل الصورتين، مرة على بطاقة بيضاء ومرة على بطاقة سوداء، لتقييم السمتين قبل التنزيل.

  3. تصدير PNG ثابت

    التنزيل ينتج دائمًا ملف PNG باسم light-dark-image.png، يُنشأ باستخدام canvas.toDataURL. لا يوجد إخراج JPEG أو WebP أو SVG، ولا إعدادات جودة أو ضغط.

  4. لوحة رسم بحجم الصورة الأكبر

    يستخدم الناتج العرض الأكبر والارتفاع الأكبر من الصورتين، وتُمدّ الصورتان المصدرتان لتملأا لوحة الرسم من الزاوية العلوية اليسرى. تُشوَّه نسب الأبعاد المختلفة بدل إضافة حواف أو اقتطاع.

  5. معالجة محلية بلا أدوات ضبط

    تُقرأ الملفات باستخدام FileReader وتُدمج على لوحة رسم — لا يُرفع أي شيء. لا توجد أدوات تحكم في السطوع أو التباين أو الحجم أو الموضع أو الخلفية أو التنسيق؛ المدخلات الوحيدة هي الصورتان.

الأسئلة الشائعة حول صور الوضع الفاتح/الداكن

ما الغرض الفعلي من هذه الأداة؟

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

ما الإعدادات التي يمكنني ضبطها؟

الصورتان المصدرتان فقط. لا توجد أدوات تحكم في السطوع أو التباين أو اللون أو الموضع أو القياس أو لون الخلفية أو التنسيق أو الجودة، ولا ضبط دقيق لعملية الدمج نفسها؛ لوحات المعاينة للعرض فقط.

ما صيغ الإدخال والإخراج المدعومة؟

يقبل الإدخال image/* ويستخدم فك الترميز في المتصفح، لذا تعمل صيغ JPEG وPNG وWebP وGIF؛ أما الإخراج فهو PNG دائمًا. لا يُقدَّم تصدير بصيغة JPEG أو WebP أو SVG.

هل يمكنني معالجة عدة أزواج في وقت واحد؟

لا. تأخذ كل خانة أول ملف مختار فقط، وتعالج الصفحة زوجًا واحدًا فاتح/داكن في كل مرة، دون قائمة انتظار أو وضع دفعي أو سجل.

هل توجد حدود للحجم، وماذا يحدث إذا اختلفت الأبعاد؟

لا يوجد حد بكسلات صريح يتجاوز ما تسمح به ذاكرة لوحة الرسم في المتصفح. حجم الإخراج هو max(العرض) × max(الارتفاع)، وتُمدّ الصورتان إلى ذلك الحجم من الزاوية العلوية اليسرى، لذا تُشوَّه نسب الأبعاد المختلفة بدل ملئها أو اقتطاعها.

هل كل شيء محلي؟

نعم. تُفك شفرة الصور باستخدام FileReader وتُدمج على لوحة رسم داخل متصفحك؛ لا يُرفع أي شيء ولا يشارك أي خادم. يبقى الناتج في الذاكرة كعنوان بيانات (data URL) حتى تنزّله.

ما مدى دقة النتيجة المدمجة؟

إنها تقريب. تُعاد تعيين القنوات الفاتحة إلى 128–255 والقنوات الداكنة إلى 0–127، ثم يُحسب الألفا واللون بحيث يتركب الزوج بشكل صحيح على الأبيض النقي والأسود النقي؛ تُكمَّم الألوان، وقد يفقد التباين الشديد التفاصيل، والمعادلة دقيقة فقط على خلفية بيضاء أو سوداء نقية (الأسطح الرمادية أو الملونة تمتزج بشكل مختلف). تُؤخذ الشفافية من ألفا الصورة الفاتحة فقط، وعندما تخالف الصورتان افتراض السطوع يُثبَّت ألفا البكسل عند الصفر.

الأدوات ذات الصلة
SponsorMindElixir