تنسيقات وأحجام صور وسائل التواصل الاجتماعي: الدليل الشامل (2025)
لماذا تهم التنسيقات والأحجام
يقلّل استخدام التنسيق والحجم المناسبين وقت التحميل ويحافظ على الجودة البصرية ويمنع القص غير الملائم أو الصور المصغّرة الضبابية. ومع الخلاصات المصممة للهاتف وتفاوت كثافات العرض (Retina / 2x)، يؤثر إعداد الصور الصحيح في التفاعل والتحويل.
تنسيقات الصور الشائعة — متى تستخدم كلًا منها
- JPEG (JPG) — الأفضل للصور الفوتوغرافية والمعقّدة عندما يكون الضغط مع فقدان البيانات مقبولًا. ملفات صغيرة بجودة جيدة بعد ضبط الجودة والضغط.
- PNG — استخدمه عندما تحتاج إلى جودة دون فقدان البيانات أو إلى شفافية. ملفات PNG أكبر؛ لذا تُفضّل للشعارات والرسومات ذات الألوان المسطّحة.
- WebP — تنسيق حديث (بضغط مع فقدان البيانات ودونه). يوازن جيدًا بين الجودة وحجم الملف؛ وتدعمه معظم المتصفحات الحديثة والشبكات الاجتماعية.
- AVIF — ضغط وجودة ممتازان؛ ملفاته أصغر من WebP لكن دعمه ما زال يتوسع. استخدمه على المنصات الداعمة أو مصدرًا لإنشاء نسخ بديلة.
- GIF — استخدمه فقط للرسوم المتحركة البسيطة؛ فهو كبير الحجم مقارنةً بالتنسيقات الحديثة القائمة على الفيديو.
- SVG — تنسيق متجهي للشعارات والأيقونات. يقبل التكبير دون فقدان الجودة، وعادةً يكون صغيرًا جدًا للرسومات البسيطة.
مقارنة سريعة للتنسيقات
| التنسيق | أفضل استخدام | الشفافية | الرسوم المتحركة | حجم الملف |
|---|---|---|---|---|
| JPEG | الصور الفوتوغرافية وصور الخلاصة | لا | لا | صغير (مع فقدان البيانات) |
| PNG | الشعارات والأيقونات والصور التي تحتاج قناة ألفا | نعم (ألفا) | لا | كبير (دون فقدان البيانات) |
| WebP | الصور والرسومات — أفضل توازن | نعم | نعم (WebP متحرك) | أصغر من PNG/JPEG |
| AVIF | ضغط صور متطور | نعم | محدود | صغير جدًا (الأفضل) |
| SVG | الشعارات والأيقونات والرسومات القابلة للتكبير | نعم (متجهي) | ممكن باستخدام SMIL/CSS | صغير جدًا للرسومات البسيطة |
ملخّص أحجام صور المنصات الاجتماعية (الأحجام الموصى بها)
فيما يلي الأحجام الموصى بها عادةً — لأفضل النتائج، صدّر بالأبعاد التالية بالبكسل وأنشئ نسخًا بضعف الحجم للشاشات عالية الكثافة متى أمكن.
| المنصة | نوع الصورة | الحجم الموصى به (بكسل) | التنسيق |
|---|---|---|---|
| الخلاصة (مربع) | 1080 x 1080 | JPEG/WebP | |
| القصص / Reels | 1080 x 1920 | JPEG/WebP | |
| صورة مشتركة | 1200 x 630 | JPEG/WebP | |
| Twitter / X | صورة الخلاصة / المعاينة | 1200 x 675 | JPEG/WebP |
| صورة مشتركة | 1200 x 627 | JPEG/WebP | |
| دبوس | 1000 x 1500 (2:3) | JPEG/WebP | |
| YouTube | صورة الفيديو المصغّرة | 1280 x 720 | JPEG/PNG |
| TikTok | صورة مصغّرة / غلاف | 1080 x 1920 | JPEG/WebP |
نصائح التحسين
- صدّر بالأبعاد الدقيقة الموصى بها بالبكسل (أو أكبر قليلًا)، وقدّم نسخًا بضعف الحجم لشاشات Retina (مثل تصدير 2160x2160 لهدف 1080x1080 واستخدام srcset).
- فضّل WebP (أو AVIF عند دعمه) لتقليل حجم الملفات مع الحفاظ على الجودة. وفّر بديلًا بصيغة JPEG/PNG عند الحاجة.
- اضغط الصور بإعدادات جودة بصرية مناسبة (مثل جودة 72–85 لـ JPEG) وافحصها بصريًا.
- استخدم
srcsetوسمات الصور المتجاوبة لتقديم الحجم المناسب لمساحة عرض الجهاز. - استخدم SVG للشعارات والأيقونات؛ فهو قابل للتكبير وصغير الحجم للأشكال البسيطة.
مثال: شيفرة صورة متجاوبة
<img src="hero-1080.jpg"
srcset="hero-540.jpg 540w, hero-1080.jpg 1080w, hero-2160.jpg 2160w"
sizes="(max-width: 600px) 540px, (max-width:1200px) 1080px, 2160px"
alt="Your caption here">
أمثلة مرئية
خطوات سريعة للنشر
- صمّم بالحجم الموصى به أو أكبر (مع هوامش آمنة للقص).
- صدّر بصيغة WebP (مع فقدان البيانات) بجودة تقارب 80، وأنشئ بديلًا بصيغة JPEG/PNG.
- اختبر على الجهاز وفي أوضاع معاينة كل منصة قبل النشر.
- أتمت إنشاء أحجام متعددة باستخدام أدوات المعالجة المجمّعة أو نظام معالجة الصور لديك.
الأسئلة الشائعة
ارفع الصور الفوتوغرافية عادةً بتنسيق JPEG أو WebP. استخدم PNG أو SVG للشعارات والصور التي تتطلب شفافية. إذا كانت المنصة تدعم WebP تلقائيًا، ففضّله لحجم ملف أصغر.
نعم — تعيد منصات كثيرة ضغط الصور وتصغيرها أحيانًا. ارفع بالأحجام الموصى بها وبجودة بصرية عالية لتقليل آثار إعادة الضغط.
للمواقع والتطبيقات، قدّم صورًا أعلى دقة عبر srcset. للشبكات الاجتماعية، ارفع بالحجم الموصى به بالبكسل (وستتولى المنصة عادةً التحجيم بحسب الجهاز).
يوفّر AVIF جودة ممتازة مقابل الحجم، لكن يجب مراعاة دعم المتصفحات والمنصات. استخدمه مصدرًا محسّنًا مع بديل WebP/JPEG للتوافق.
قائمة التحقّق النهائية
- اختر WebP أو JPEG للصور الفوتوغرافية؛ وPNG/SVG للشعارات.
- صدّر بالأحجام الموصى بها بالبكسل، ووفّر نسخة Retina (2x) عندما تتحكم في الواجهة.
- اضغط مع الفحص البصري — استهدف أصغر ملف دون فقدان ملحوظ للجودة.
- استخدم
srcsetوالتنسيقات الحديثة مع بدائل لتحقيق أفضل توازن بين الجودة والتوافق.
تحتاج إلى تحويل سريع أو توليد الأحجام المناسبة تلقائيًا؟ جرّب أداة تحويل الصور — فهي تصدّر دفعات بصيغ WebP/JPEG/PNG وتغيّر الحجم لعدة منصات اجتماعية.