تفشل ملفات PNG الشفافة حيث يتم عرضها فعليًا
يستهدف المسار "transparent-background-png" الملصقات والشارات وكروم واجهة المستخدم. الهالات التي تختبئ على ألواح الرسم البيضاء تصرخ على الصور أو التدرجات اللونية. اختبر القيم السداسية الحقيقية التي يستخدمها تطبيقك، بما في ذلك الألوان الرمادية الدقيقة. إذا ذهبت الأصول إلى الفيديو أو المحركات، فشاهد انحياز ألفا وMIP المضاعف مسبقًا. قم بتجميد عمق البت وملف تعريف الألوان والضغط حتى تظل الدفعات متسقة.
الخطوات المقترحة لخلفية شفافة png
- قرر ما إذا كان مسموحًا بالظلال المسقطة أو خطوط المفاتيح وما إذا كان وزن PNG محددًا أم لا.
- مركب على العلامة التجارية الفاتحة، والعلامة التجارية الداكنة، والرمادي المحايد لالتقاط الألوان الهامشية.
- قم بالمرور عبر خط أنابيب CDN الحقيقي للتأكد من أن أدوات تحسين الأداء لا تسحق حواف ألفا.
إزالة bg (شفاف) سؤال وجواب
يبدو جيدًا في Figma ولكنه هامشي في Chrome، لماذا؟
ثق بالمتصفح؛ تحقق من إعدادات التصدير المسبقة والمعاينات المُدارة بالألوان.
هل نحتاج إلى أصول منفصلة للوضع المظلم؟
عادةً نعم، قم بإقران عمليات التصدير في الضوء/في الظلام أو توحيد ضربة محايدة.
الصور المصغرة تبدو ناعمة، من يملك ذلك؟
التحقق من صحة الحجم المصغر للمنصة؛ يختلف التوضيح النهائي عن المراجعة بالحجم الكامل.
بعد شحن ملصقات "transparent-background-png"، يتحول التصميم إلى الوضع الداكن وتظهر الهالات - من يملك الإصلاح؟
توثيق أزواج الأصول الفاتحة/الداكنة أو خط رئيسي قياسي في نظام التصميم؛ يجب أن تقوم ملفات PNG المنفردة بتسمية الخلفية السداسية المقصودة.
تحتاج الحركة إلى نفس الملصق، هل تحتاج إلى فحوصات إضافية؟
تأكيد ألفا المضاعف مسبقًا، ومساحة الألوان العاملة، وإعدادات تصدير التسلسل؛ غالبًا ما تكون ملفات PNG المسطحة هامشية عند استيرادها إلى NLEs.