أبعاد الصور Responsive للموبايل والديسكتوب 2026
جديد2026-02-011 دقيقة قراءةأداة واحدة
صور تتكيف مع الشاشة. تقليل الحجم والاستهلاك. دليل المطورين في مصر.
لماذا الأبعاد المتعددة؟
موبايل لا يحتاج 1920px. صور أصغر = تحميل أسرع. srcset و sizes.
الأبعاد الشائعة
موبايل: 640-768. تابلت: 1024. ديسكتوب: 1280-1920.
الأسئلة الشائعة
- ما هو srcset للصور Responsive؟
- srcset بيسمحلك تقدم أحجام صور متعددة عشان المتصفح يختار الأنسب للشاشة. مثلاً قدم 640w و 1024w و 1920w. المتصفح بيحمّل الحجم المناسب بس، بيوفر بيانات ويحسّن التحميل على الموبايل.
- ما الأبعاد للموبايل مقابل الديسكتوب؟
- شاشات الموبايل عادة 640–768 بكسل عرض. التابلت 1024. الديسكتوب 1280–1920. قدّم صور بمقاس كل نقطة توقف. مستخدم الموبايل مش محتاج صورة 1920 بكسل—640–800 كافية وبتحمّل أسرع.
- كيف أنشئ أحجام صور متعددة؟
- استخدم أداة تصغير الصور على Pngtm.com عشان تعمل أحجام كتير من الأصل. صدّر 640 و 1024 و 1920 بكسل عرض. بعدين استخدم srcset و sizes في HTML عشان المتصفح يختار. المعالجة بالجملة بتوفر وقت لو عندك صور كتير.