الصور والتصميم
ما الذي تختاره قبل الرفع؟
SVG صيغة رسومات متجهة تعتمد أوامر XML لرسم الأشكال بدلاً من تخزين بكسلات ثابتة. لذلك لا تكفي معرفة الاسم؛ المهم أن تعرف متى يفيد، وما القيود التي تمنع استخدامه بطريقة مضللة.
✓
الشفافية والحجم والجودة
- اسأل أولاً: هل تحتاج شفافية أم صورة فوتوغرافية أم رسماً متجهاً؟
- قارن حجم رسومات SVG مع جودة العرض على الجوال.
- اختبر النتيجة بعد الضغط لا قبل التحويل فقط.
↗
أفضل حالات الاستخدام
- رفع صور مقالات أو منتجات بحجم مناسب.
- اختيار صيغة لا تكسر الشفافية أو الحواف.
- تحسين LCP عندما تكون الصورة هي العنصر الأكبر.
#
مثال من صورة موقع
إذا احتجت أيقونة تظهر حادة على شاشة عادية وRetina، فـ SVG غالباً أفضل من PNG، لكن يجب تنظيف الكود وفحصه قبل تضمينه في الصفحة.
•
مصطلحات تحدد الصيغة
عند قراءة رسومات SVG انتبه إلى ألفاظ مثل: SVG، vector، icons، logo، XML، responsive graphics. وجود هذه الكلمات داخل السياق الصحيح يساعد الصفحة على إجابة نية البحث بدلاً من تكرار المصطلح بلا فائدة.
!
اختيارات تضر السرعة أو الشكل
- استخدام صيغة كبيرة لمجرد أنها مألوفة.
- تجاهل أبعاد العرض الفعلية داخل الصفحة.
- تحويل كل الصور بنفس الإعدادات دون فحص بصري.
↗
تطبيق عملي داخل ToolRar
بعد فهم رسومات SVG يمكنك تطبيق الفكرة مباشرة عبر الأدوات التالية، مع مراجعة النتيجة في ضوء المثال والأخطاء المذكورة في الصفحة.