لماذا تعيد تلوين SVG بدلًا من PNG؟
في صورة PNG، يتوزع اللون على آلاف البكسلات، بما فيها الحواف المنعّمة، لذا فتغييره يعني إعادة الطلاء. أما في ملف SVG المكوّن من مسارات مملوءة، فاللون قيمة على كل شكل: غيّر القيمة، وتبقى كل حافة في مكانها تمامًا. لهذا يجب أن تُصنع لوحة الألوان الثانية للعلامة التجارية، أو نسخة الوضع الداكن، أو نسخة الطباعة بلون واحد، من ملف SVG.
كيف أعيد تلوين جزء واحد؟
افتح الملف في محرر SVG. تُفتح الصورة المتتبَّعة وكل عنصر فيها طبقة مستقلة؛ وبداخلها تتداخل الأشكال حسب ما يحيط بماذا (عين داخل وجه).
- في تبويب الطبقات، يعرض كل صف ألوانه كمربعات صغيرة: مربع واحد للشكل ذي اللون الواحد، وعدة مربعات متجاورة للمجموعة.
- انقر على مربع لون. يُفتح بجانبه منتقي ألوان فيه ألوان ثابتة، وألوان الرسم نفسه، وحقل hex، وقطّارة.
- مرّر المؤشر على لون لمعاينته على لوحة الرسم. النقر يطبّقه على كل تعبئة داخل ذلك الصف (الطبقة كلها، أو المجموعة، أو الشكل الواحد) كخطوة تراجع واحدة. وEsc يعيد اللون القديم.
يمكن جعل الصف متعدد الألوان بلون واحد، أو تغيير لون واحد فقط من ألوانه. ولتحديد شيء على لوحة الرسم بدلًا من ذلك: النقرة تأخذ العنصر كله، والنقر المزدوج يدخل إليه، ويعرض الشريط فوق لوحة الرسم موقعك («الرسم › العنصر 2 › شكل»). ونقرة واحدة هناك تعيدك إلى الخارج.
كيف أغيّر لونًا واحدًا في كل مكان؟
استخدم تبويب الألوان. يعرض لوحة ألوان الرسم. النقر على مربع لون يحدد كل شكل يستخدمه، فترى أين يوجد هذا اللون، وتغييره في كل مكان يستبدله في الرسم كله بخطوة تراجع واحدة.
أحد شعاراتنا النموذجية، أُعيد تلوينه بتغيير لونيه في كل مكان. كل شكل وكل حافة دون تغيير؛ لا يختلف إلا قيمتا التعبئة.
يضم التبويب نفسه تعبئة التحديد وحدّه الخارجي (مع قطّارة لأخذ لون من لوحة الرسم)، وزوايا المستطيل إذا كان التحديد مستطيلًا. أما الموضع والحجم والترتيب والمحاذاة والشبكة فهي تحت المزيد.
كيف أصنع نسخة بلون واحد؟
استخدم «تغييره في كل مكان» لكل لون بالتتابع، واجعلها كلها بالحبر نفسه. أو حدّد كل شيء واستخدم تعبئة التحديد. ثم ابحث عن الأشكال التي لم تكن تظهر إلا بسبب لونها: العين التي كانت بيضاء على وجه داكن تختفي عندما يصبح كلاهما أسود. احذف هذه الأشكال، أو أبقِها بلون ثانٍ، مثل لون الورق، ليبقى الرسم مفهومًا.
كيف أتحقق من النتيجة؟
- التباين. النص والتفاصيل الصغيرة تحتاج إلى تباين كافٍ مع ما تقع عليه. تطلب WCAG نسبة 4.5:1 على الأقل للنص العادي.
- الأحجام الصغيرة. صدّر صورة PNG بعرض 32 و64 بكسل من المحرر وانظر إليها بهذا الحجم، لا مكبّرة.
- الخلفيات الداكنة. الشعار المصمَّم للأبيض يحتاج كثيرًا إلى نسخة أفتح من أغمق ألوانه على صفحة داكنة.
الحفظ والتصدير
حفظ يحتفظ بإصدار جديد من ملف SVG في حسابك، وتبقى الإصدارات السابقة متاحة. وتصدير PNG ينشئ صورة للرسم بالعرض الذي تختاره، من 16 إلى 4096 بكسل. تُحفظ التغييرات غير المحفوظة كمسودة في متصفحك وتُعرض عليك عندما تفتح الملف نفسه في المرة التالية. المحرر يتطلب حسابًا. وتُحفظ الملفات فيه، بما في ذلك الإصدارات المعدّلة، طوال فترة التخزين في حسابك، وهي معروضة على كل ملف.