الصور هي دائمًا تقريبًا أثقل عنصر في صفحة الويب، والطريقة التي تستضيفها بها تحدد ما إذا كان موقعك يبدو فوريًا أم بطيئًا. في عام 2026 لم يعد السؤال «هل أُحسّن صوري» بل «أين يجب أن توجد لكي يحدث التحسين تلقائيًا». بعد سنوات من تغيير حجم الصور على الحافة لمواقع WordPress وPrestaShop المزدحمة، إجابتي هي Cloudflare Images. فهي تخزّن نسخك الأصلية، وتسلّمها من شبكة Cloudflare العالمية، وتحوّلها على الفور إلى صيغ الجيل التالي، كل ذلك خلف عنوان URL واحد بسيط.
يشرح هذا الدليل ما هي Cloudflare Images فعليًا، وكيف تختلف عن مجرد شبكة CDN، وكم تكلّف بأرقام حقيقية، وكيف تعمل كشبكة عالمية لتسليم الصور، وكيف تُقارن ببدائل مثل Cloudinary والاستضافة الذاتية. وفي النهاية ستعرف ما إذا كانت المكان المناسب لصورك وكيف تبدأ اليوم.
باختصار
- تخزّن Cloudflare Images نسخك الأصلية مرة واحدة وتسلّم نسخ WebP/AVIF محسّنة من حافة Cloudflare العالمية، بدون رسوم خروج
- الأسعار بسيطة ويمكن التنبؤ بها: 5 دولار لكل 100,000 صورة مخزّنة شهريًا و1 دولار لكل 100,000 صورة مُسلّمة شهريًا
- يمكنك أيضًا تحويل صور تستضيفها بالفعل في مكان آخر (بما في ذلك Cloudflare R2 ) دون تخزينها في Images على الإطلاق
- تستبدل تشابك الإضافات وسكربتات تغيير الحجم وشبكة CDN منفصلة بمنتج واحد وعنوان تسليم واحد
- بالنسبة إلى WordPress وPrestaShop يمكنك دمجها مع الإضافة وعامل Worker المجانيين الخاصين بي لإعادة كتابة كل رابط صورة تلقائيًا
ما هي Cloudflare Images حقًا
Cloudflare Images هي مسار معالجة صور متكامل: تخزين وتحسين وتسليم في منتج واحد. ترفع الصورة الأصلية مرة واحدة، فتمنحك Cloudflare عنوان تسليم. وعندما يطلب زائر هذا العنوان، تغيّر Cloudflare حجم الصورة إلى الأبعاد التي طلبتها، وتحوّلها إلى أكفأ صيغة يدعمها المتصفح (عادةً WebP أو AVIF)، وتضغطها، وتخزّن النتيجة مؤقتًا على الحافة الأقرب إلى ذلك الزائر.
يبدو عنوان التسليم هكذا:
1https://imagedelivery.net/<account-hash>/<image-id>/<variant>
الجزء <variant> في النهاية هو مجموعة تحويلات مُسمّاة تحددها مرة واحدة (مثل thumbnail أو hero أو 1200x675). يمكنك أيضًا تفعيل المتغيرات المرنة لتمرير العرض والارتفاع والجودة والصيغة مباشرةً في العنوان. وبذلك تنتج صورة أصلية واحدة كل حجم وصيغة قد تحتاجها يومًا، دون أن تنشئ أو تخزّن ولو ملفًا مشتقًا واحدًا.
هكذا تُسلَّم صور هذه المقالة بالضبط. كل صورة تراها تستخدم عنوان تسليم Cloudflare Images مع مجموعة مصادر <picture> متجاوبة، ولهذا تُحمَّل بسرعة على الجوال وسطح المكتب على حد سواء.
لماذا لا تكتفي باستخدام CDN فقط
اعتراض شائع: «لديّ بالفعل شبكة CDN أمام موقعي، أليس ذلك كافيًا؟» إنه ليس الشيء نفسه، والفرق مهم.
تخزّن شبكة CDN البسيطة مؤقتًا وتسلّم البايتات التي ينتجها مصدرك كما هي. فإذا خزّن مصدرك صورة JPEG بحجم 2 ميغابايت، فستسلّم الـ CDN السعيدة الصورة نفسها بحجم 2 ميغابايت بسرعة أكبر. لكنها لا تصغّر الصورة، ولا تحوّلها إلى AVIF، ولا تنشئ الأحجام الأصغر التي يحتاجها الهاتف فعليًا.
Cloudflare Images طبقة فعّالة، وليست ذاكرة تخزين مؤقت سلبية. فهي تعدّل الصورة نفسها:
- تغيّر الحجم إلى الأبعاد الدقيقة التي يتطلبها كل جهاز
- تحوّل إلى WebP أو AVIF بناءً على ما يقبله المتصفح الطالب
- تضغط بذكاء، بحيث تصبح صورة بحجم 1 ميغابايت نحو 100 إلى 200 كيلوبايت
- تخزّن مؤقتًا كل نسخة مشتقة على الحافة، فيُنجَز العمل مرة واحدة فقط
باختصار، تحسّن صورك، وتسرّع موقعك، وتحسّن مؤشرات Core Web Vitals، وتوفّر النطاق الترددي. أما شبكة CDN وحدها فتؤدي الجزء الأخير فقط، وجزئيًا فحسب.
طريقتان لاستخدام Cloudflare Images
هناك تمييز مهم يتعثر فيه كثيرون، لذا سأوضّحه.
1. التخزين والتسليم باستخدام Cloudflare Images. ترفع النسخ الأصلية إلى Cloudflare Images. فتصبح Cloudflare موطن صورك وشبكة تسليمها. هذا هو الخيار الأنظف للمشاريع الجديدة والمواقع الغنية بالصور.
2. تحويل صور تستضيفها في مكان آخر. إذا كانت نسخك الأصلية موجودة بالفعل في مكان آخر، مثل التخزين الكائني Cloudflare R2 أو خادمك الخاص، فيمكنك استخدام تحويلات الصور من Cloudflare لتحسينها على الفور دون تخزين نسخة ثانية في Images. هذا هو نموذج «التحويل من مصدر بعيد»، وأتناوله بالتفصيل في دليلي المخصص حول Cloudflare Image Transformations .
تختار معظم المواقع الخيار الأول للبساطة. أما الفرق التي تحتفظ بالفعل بمكتبة وسائط كبيرة في R2 فتختار غالبًا الخيار الثاني لتجنّب الدفع مرتين مقابل التخزين. وR2 جذّاب هنا بشكل خاص لأنه بدون رسوم خروج، وهو ما أفصّله في دليلي حول استضافة الصور على Cloudflare R2 .
أسعار Cloudflare Images بأرقام واضحة
من أفضل ما في Cloudflare Images أن التسعير بسيط حقًا، دون رسوم خروج مفاجئة. واعتبارًا من 2026، فإن الأسعار الرسمية هي:
| ما تدفع مقابله | التكلفة |
|---|---|
| الصور المخزّنة | 5 دولار لكل 100,000 صورة / شهريًا |
| الصور المُسلّمة | 1 دولار لكل 100,000 صورة / شهريًا |
| التحويلات (الصور الخارجية) | أول 5,000 فريدة مجانًا، ثم 0.50 دولار لكل 1,000 / شهريًا |
| نطاق الخروج الترددي | 0 دولار (مجانًا) |
مثال محسوب يجعل الأمر ملموسًا. لنفترض أنك تدير متجرًا يضم 10,000 صورة منتجات وتسلّم 500,000 مشاهدة صورة في الشهر. يكلّف التخزين 0.50 دولار (10,000 مخزّنة) ويكلّف التسليم 5 دولار (500,000 مُسلّمة)، أي ما مجموعه نحو 5.50 دولار ذلك الشهر. لا توجد فاتورة نطاق ترددي منفصلة، ولا رسوم لكل تغيير حجم، ولا رسوم إضافية لكل صيغة.
قارن ذلك بخدمة صور مُستضافة نموذجية حيث يمكن أن يهيمن النطاق الترددي وعدد التحويلات على الفاتورة، فتتضح الجاذبية: يمكنك التنبؤ بالتكلفة قبل الالتزام.
Cloudflare Images مقابل Cloudinary مقابل الاستضافة الذاتية
| المعيار | Cloudflare Images | Cloudinary | استضافة ذاتية + CDN |
|---|---|---|---|
| WebP/AVIF تلقائي | نعم | نعم | فقط إذا بنيته بنفسك |
| رسوم الخروج | لا توجد | فئات حسب النطاق الترددي | تدفع للمضيف/الـ CDN |
| نموذج التسعير | مخزّن + مُسلّم | أرصدة (تحويلات، تخزين، نطاق ترددي) | خادم + CDN + وقتك |
| التسليم العالمي على الحافة | مدمج | مدمج | يعتمد على الـ CDN |
| تعقيد الإعداد | منخفض | منخفض إلى متوسط | مرتفع |
| تكلفة يمكن التنبؤ بها | عالية جدًا | أصعب في التنبؤ | متغيرة |
Cloudinary منتج قوي بمجموعة ميزات غنية، لكن نموذجه القائم على الأرصدة يجمع التحويلات والتخزين والنطاق الترددي معًا، ما يجعل التنبؤ أصعب مع التوسّع. أما الاستضافة الذاتية فتمنحك تحكمًا كاملًا، لكنك تصبح مسؤولًا عن مسارات تغيير الحجم والتفاوض على الصيغ ورؤوس التخزين المؤقت وإعداد الـ CDN، وهي أجزاء متحركة كثيرة لصيانتها. تقع Cloudflare Images في النقطة المثالية: معظم الفائدة، وعبء تشغيلي ضئيل جدًا، وفاتورة يمكنك التنبؤ بها.
WordPress وPrestaShop: أتمتة كل صورة
إذا كنت تدير WordPress أو PrestaShop، فالتحدي العملي هو جعل كل صورة في الصفحة تستخدم عنوان التسليم المُحسّن، بما في ذلك الصور التي تُدرجها القوالب والإضافات وأنماط CSS المضمّنة. لقد بنيت أدوات مجانية لهذا الغرض بالضبط.
- إضافة WordPress. إضافة Cloudflare Image Resizing الخاصة بي (الكود المصدري على GitHub ) تعيد كتابة روابط الصور لتمر عبر تحسين Cloudflare.
- Cloudflare Worker. للتغطية الكاملة، يقع Cloudflare Image Resizing Worker الخاص بي بين موقعك وزوّارك ويعيد كتابة الـ HTML النهائي، بما في ذلك الصور داخل CSS التي لا تستطيع الإضافة وحدها الوصول إليها.
كتبت أدلة كاملة خطوة بخطوة لكلتا المنصتين: Cloudflare Image Resizing لـ WordPress وCloudflare Image Resizing لـ PrestaShop . إذا كنت على إحدى هاتين المنصتين، فابدأ من هناك بعد قراءة هذه النظرة العامة.
تحديث مهم يستحق التنويه: كان تحويل الصور يتطلب سابقًا خطة Pro مدفوعة. لم يعد الأمر كذلك. أصبحت تحويلات الصور متاحة الآن في الخطة المجانية أيضًا، حتى 5,000 تحويل فريد شهريًا، ما يخفض الحاجز بشكل كبير للمواقع الصغيرة.
إدارة صورك بدون لوحة التحكم
رفع الصور وتنظيمها عبر لوحة تحكم على الويب أمر مقبول لعدد قليل من الملفات، لكنه يصبح مرهقًا على نطاق واسع. إذا كنت تحتفظ بنسخك الأصلية في Cloudflare R2 (نمط شائع لمكتبات الوسائط)، فقد بنيت تطبيق سطح مكتب مجانيًا يجعل ذلك سهلًا: يتيح لك Easy Cloudflare R2 تصفّح الحاويات، والرفع بالسحب والإفلات، وتحرير بيانات الكائنات الوصفية، وإدارة كل شيء من واجهة نظيفة على Windows وmacOS وLinux. وللعمل مباشرةً مع منتج Cloudflare Images، يقدّم Easy Cloudflare Images الشيء نفسه لرفع مكتبة صورك وتحسينها.
كيف تبدأ اليوم
- سجّل الدخول إلى لوحة تحكم Cloudflare وفعّل Images من الشريط الجانبي.
- ارفع صورة اختبار، أو وجّه تحويلًا إلى عنوان URL لصورة موجودة.
- أنشئ متغيرًا أو اثنين (variants) للأحجام التي يستخدمها موقعك أكثر (مثل صورة hero وصورة مصغّرة).
- استبدل صورة في موقعك بعنوان التسليم الجديد، ونفّذ اختبار قبل/بعد على PageSpeed Insights .
- إذا كنت على WordPress أو PrestaShop، فثبّت الإضافة أو انشر الـ Worker لأتمتة الباقي.
عادةً سترى حجم تلك الصورة ينخفض بنسبة 70 إلى 90 بالمئة فورًا، مع تحسّن مقابل في مؤشرات Core Web Vitals.
أهم النقاط
- تجمع Cloudflare Images التخزين والتحسين والتسليم العالمي في منتج واحد، بدون رسوم خروج
- الأسعار بسيطة ويمكن التنبؤ بها: 5 دولار لكل 100,000 مخزّنة و1 دولار لكل 100,000 مُسلّمة شهريًا
- شبكة CDN البسيطة تخزّن بايتاتك مؤقتًا فقط؛ أما Cloudflare Images فتغيّر حجمها وتحوّلها وتضغطها بفاعلية
- يمكنك تخزين النسخ الأصلية في Images، أو تحويل صور مستضافة بالفعل على R2 أو على خادمك
- أصبحت التحويلات متاحة الآن في الخطة المجانية (حتى 5,000 فريدة شهريًا)، وليس في Pro فقط
- يمكن لمستخدمي WordPress وPrestaShop أتمتة كل صورة باستخدام الإضافة وعامل Worker المجانيين الخاصين بي
الأسئلة الشائعة
هل Cloudflare Images مجانية؟ تحويلات الصور متاحة في الخطة المجانية حتى 5,000 تحويل فريد شهريًا. أما تخزين الصور وتسليمها عبر منتج Cloudflare Images فمدفوع، بسعر 5 دولار لكل 100,000 صورة مخزّنة و1 دولار لكل 100,000 صورة مُسلّمة شهريًا، بدون رسوم خروج.
هل تحوّل Cloudflare Images إلى WebP وAVIF تلقائيًا؟ نعم. عندما يطلب متصفح صورة، تكتشف Cloudflare الصيغ المدعومة وتسلّم الأكفأ، عادةً AVIF أو WebP، مع الرجوع إلى الصيغة الأصلية للمتصفحات الأقدم. لست بحاجة إلى إنشاء هذه النسخ بنفسك.
هل يمكنني استخدام Cloudflare Images مع صور مخزّنة على R2؟ نعم. يمكنك الاحتفاظ بنسخك الأصلية في Cloudflare R2 واستخدام تحويلات الصور من Cloudflare لتحسينها عند التسليم دون تخزين نسخة ثانية في Images. وR2 بدون رسوم خروج، ما يجعله مصدرًا فعّالًا من حيث التكلفة لمكتبة وسائط كبيرة.
هل ما زلت بحاجة إلى خطة Pro لتغيير حجم الصور؟ لا. لقد تغيّر هذا: أصبحت تحويلات الصور متاحة الآن في الخطة المجانية حتى 5,000 تحويل فريد شهريًا. أما الأحجام الأكبر والتخزين على المنصة فتُحتسب في الخطة المدفوعة.
كيف تُقارن Cloudflare Images بـ Cloudinary؟ كلاهما يوفّر تحويل صيغ تلقائيًا وتسليمًا عالميًا. الفرق الرئيسي هو نموذج التسعير. تفرض Cloudflare Images سعرًا بسيطًا للتخزين زائد التسليم دون خروج، بينما تستخدم Cloudinary نموذج أرصدة مجمّعة يصعب التنبؤ به مع نمو حركة الزيارات.
هل سيعمل هذا مع WordPress وPrestaShop؟ نعم. استخدم إضافة WordPress المجانية الخاصة بي للإعداد السريع، أو انشر Cloudflare Worker الخاص بي للتغطية الكاملة التي تعيد كتابة الصور داخل CSS أيضًا. كتبت أدلة كاملة خطوة بخطوة لكلتا المنصتين.
التعليقات