مقالات ودلائل عن الصور والويب
شروحات عملية حول صيغ الصور، الضغط، السرعة، وتحسين الظهور في محركات البحث.
دليل صيغ الصور الشامل: JPG وPNG وWEBP وAVIF — أيها تختار ومتى؟
مقارنة عملية شاملة بين JPG وPNG وWEBP وAVIF من ناحية الحجم والجودة والشفافية والتوافق، مع حالات الشعارات ولقطات الشاشة.
دليل الضغط — 02دليل الضغط الشامل: Lossless مقابل Lossy، وكيف تختار مستوى الجودة
الفرق بين الضغط الفاقد وغير الفاقد، مستويات الجودة الشائعة، وكيف تختلف الإعدادات المناسبة حسب نوع الصورة.
SEO للصور — 03تحسين الصور لمحركات البحث: أسماء الملفات والنص البديل والسياق والحجم
أسماء الملفات والنص البديل والسياق والحجم — دليل SEO كامل للصور بلا حشو كلمات مفتاحية.
المتاجر الإلكترونية — 07دليل شامل لصور المتاجر الإلكترونية: من التصوير إلى نشر صفحة المنتج
نظام متكامل لصور المتاجر الإلكترونية: التسمية، الأبعاد، التكوين، الصيغة والضغط، والصور المتجاوبة.
الخصوصية — 08بيانات EXIF داخل الصور: ما تحتاج معرفته قبل النشر
ما هي بيانات EXIF التي قد ترافق صورك، ومتى تحتاج فحصها أو إزالتها قبل النشر.
الأبعاد — 04دليل الأبعاد: كيف تختار مقاس الصورة لموقعك ولمنصات التواصل الاجتماعي
من أبعاد صور موقعك إلى نسب أبعاد منصات التواصل الاجتماعي ومناطق الأمان.
أداء الويب — 05لماذا تبطئ الصور الكبيرة موقعك، وكيف تحافظ على الجودة عند تغيير حجمها
ما يحدث داخل المتصفح عند تحميل صورة كبيرة، وكيف تغيّر الحجم دون تشويه أو فقدان جودة.
سير عمل المحتوى — 10دليل عملي شامل لتحضير الصور واختبارها قبل نشر أي صفحة
قائمة فحص كاملة لتجهيز الصور قبل النشر، مع خطوات اختبارها على الهاتف تحديدًا.
الصور المتجاوبة — 06الصور المتجاوبة: دليل srcset وsizes العملي
كيف تقدّم نسخة صورة مناسبة لكل جهاز بدل ملف ضخم واحد للجميع، باستخدام srcset وsizes.
حقوق الصور — 09كيف تتأكد من حقك في استخدام الصور على موقعك؟
كيف تتحقق من مصدر الصورة وترخيصها قبل النشر، وكيف تنشئ سجل ترخيص بسيط لموقعك.
كيف نختار موضوعات الأدلة؟
نركز على المشكلات التي تظهر أثناء تجهيز الصور للويب: اختيار الصيغة، ضبط الأبعاد، تقليل الحجم، كتابة النص البديل، وتجهيز الصور للهواتف والمتاجر. الهدف من كل دليل أن يساعدك على اتخاذ قرار عملي، لا أن يكرر تعريفًا تقنيًا يمكن العثور عليه في أي مكان.
لذلك ستجد في المقالات أمثلة وقوائم فحص وأسئلة تساعدك على اختبار الصورة بنفسك. وإذا كانت النتيجة تختلف حسب نوع الملف أو الجهاز، نذكر ذلك بدل إعطاء رقم ثابت على أنه مناسب لكل الحالات.
ابدأ من المشكلة التي تواجهها
- إذا كانت الصفحة بطيئة، ابدأ بأدلة الأبعاد والضغط والصيغ.
- إذا كانت الصور غير واضحة، راجع أدلة الجودة وتغيير الحجم.
- إذا كان هدفك تحسين ظهور الصور، راجع اسم الملف والنص البديل والسياق.
- إذا كنت تدير متجرًا، ابدأ بدليل صور المنتجات ثم طبّق قائمة الفحص.