أدلة الصور وطرق التعامل معها
مقالات قصيرة وعملية تشرح صيغ الصور وأحجامها وجودتها لتختار الإعدادات المناسبة.
كيفية ضغط الصور دون فقدان الجودة
تعرّف على آلية ضغط الصور، وإعداد الجودة المناسب لصيغ JPG وPNG وWebP، وكيف تقلل حجم الملفات مع الحفاظ على وضوحها.
وقت القراءة: 4 د · اقرأ الدليل →WebP أم JPG أم PNG: أي صيغة تستخدم؟
مقارنة واضحة بين WebP وJPG وPNG من حيث حجم الملف والشفافية والجودة والتوافق، مع نصائح لاستخدام كل صيغة في موضعها.
وقت القراءة: 4 د · اقرأ الدليل →كيفية تغيير حجم الصور لموقع ويب
اعرف أبعاد الصور المناسبة لموقعك، وافهم الشاشات عالية الكثافة، وغيّر حجم الصور دون تمديدها أو تشويش وضوحها.
وقت القراءة: 3 د · اقرأ الدليل →ما هي بيانات EXIF وكيف تزيلها من الصور
قد تكشف بيانات EXIF مكان التقاط الصورة ووقته. تعرّف على محتواها ومخاطرها على الخصوصية وكيفية إزالتها بأمان.
وقت القراءة: 3 د · اقرأ الدليل →HEIC أم JPG: كيف تفتح صور آيفون في أي مكان
ما هي HEIC ولماذا يستخدمها آيفون، ولماذا لا تعمل على بعض الأجهزة والمواقع، وكيف تحوّل صور HEIC إلى JPG.
وقت القراءة: 3 د · اقرأ الدليل →مقاسات الصور لوسائل التواصل الاجتماعي
أبعاد الصور الشائعة لإنستغرام وفيسبوك وX ويوتيوب ولينكدإن وبينتريست، وكيف تلائم الصورة دون اقتطاع مزعج.
وقت القراءة: 3 د · اقرأ الدليل →كيفية تقليل حجم الصورة إلى 100KB أو 200KB
كثير من النماذج تحدد الرفع بـ 100 KB أو 200 KB. تعلّم كيف تصغّر صورة أو مستندًا ممسوحًا إلى الحجم المطلوب دون أن يصبح غير مقروء.
وقت القراءة: 4 د · اقرأ الدليل →كيفية إنشاء أيقونة favicon لموقعك
ما هي أيقونة favicon، وما المقاسات والملفات التي تحتاجها، وكيف تضيف كود HTML الصحيح لتظهر أيقونتك في المتصفحات والهواتف.
وقت القراءة: 3 د · اقرأ الدليل →SVG أم PNG: شرح الصور المتجهية والنقطية
الفرق بين SVG وPNG، ومتى تكون كل صيغة هي الخيار الأفضل، وكيف تحوّل ملف SVG إلى PNG بأي حجم تريده.
وقت القراءة: 3 د · اقرأ الدليل →كيفية تحسين الصور لتسريع تحميل الصفحة
خطوات عملية لتسريع تحميل الصور: الحجم المناسب، والصيغة المناسبة، والضغط، والتحميل الكسول، وتحديد الأبعاد صراحةً.
وقت القراءة: 4 د · اقرأ الدليل →تحويل الصورة إلى Base64: متى تستخدمه ومتى لا
ما هو Base64 data URI، ومتى يكون تضمين الصورة في HTML أو CSS منطقيًا، وما عيوبه مع الملفات الأكبر حجمًا.
وقت القراءة: 3 د · اقرأ الدليل →الخلفية الشفافة: PNG وWebP وما يناسبك
أي صيغ الصور تدعم الشفافية، ولماذا لا تدعمها JPG، وكيف تزيل لون خلفية بسيطة من شعار أو رسم.
وقت القراءة: 3 د · اقرأ الدليل →