تحسين الصورة لـ SharePoint Online

تعتمد سرعة تحميل صفحة ويب على الحجم المجمع لكل المكونات المطلوبة لعرض الصفحة بما في ذلك الصور وHTML و JavaScript و CSS. لن تجد وسيلة أفضل من الصور لإضفاء مظهر جذاب على موقعك، ولكن حجم هذه الصور قد يؤثر على مستوى الأداء. وبتحسين الصور من خلال استخدام إمكانات الضغط وتغيير الحجم والرسوم المتحركة، يمكنك التغلب على تأثيرات الصور كبيرة الحجم. توفر ميزة تغيير حجم الصور في SharePoint إمكانية تحميل صورة كبيرة واحدة وعرض مقاطع الصورة وهو ما يتيح إعادة استخدامها بدلاً من إعادة تحميلها.

استخدام الرسوم المتحركة لتسريع عملية تحميل الصور في SharePoint Online

يحتوي الرسم المتحرك للصورة على عدد كبير من الصور الأصغر حجماً. عند استخدام CSS يتم تحديد جزء من الصورة المركبة لعرضها في جزء معين من الصفحة مع إمكانية تعيين موضع مطلق. ما يتم بشكل أساسي هو تحريك صورة واحدة في الصفحة بدلاً من تحميل صور متعددة وإظهار جزء صغير من هذه الصورة من خلال نافذة صغيرة حيث يظهر جزء صورة الرسم المتحرك المطلوب للمستخدم. يستخدم SharePoint Online الرسوم المتحركة لعرض الأيقونات المختلفة في spritespcommon.png.

الموضوعات التي سنتناولها هنا

  • ضغط الصور

  • تحسين الصور

  • ميزة تغيير حجم الصور في SharePoint

لقطة شاشة لـ spcommon

يساعد هذا على الارتقاء بمستوى الأداء حيث يتم تحميل صورة واحدة فقط بدلاً من عدة صور، ثم يمكنك تخزين هذه الصورة في ذاكرة التخزين المؤقتة وإعادة استخدامها. حتى لو لم يتم تخزين الصورة في ذاكرة التخزين المؤقتة، فإن استخدام صورة واحدة بدلاً من عدة صور، يساعد على تقليل العدد الإجمالي من طلبات HTTP إلى الخادم وبالتالي تقليل عدد مرات تحميل الصفحة. ويمثل هذا نموذجاً لـ تجميع الصورة. وهذا الأسلوب مفيد جداً إذا كنت لا تقوم بتغيير الصور كثيراً، على سبيل المثال الأيقونات، كما هو موضح في مثال SharePoint المذكور أعلاه. يمكنك استخدام أساسيات الويب، لمشروع تابع لجهة خارجية أو مستند إلى مصدر مجتمعي مفتوح لتحقيق ذلك بسهولة في Microsoft Visual Studio. للحصول على مزيد من المعلومات، راجع التصغير والتجميع في SharePoint Online‏.

استخدام ضغط الصور وتحسينها لزيادة سرعة تحميل الصفحة في SharePoint

يعمل ضغط الصور وتحسينها على تصغير حجم ملف الصور التي تستخدمها على موقعك. غالباً ما يكون الأسلوب الأفضل لتصغير حجم الصورة هو تغيير حجم الصورة للحد الأقصى للأبعاد التي سيتم عرضها على الموقع. فلا يوجد أي سبب منطقي لوجود صورة بحجم أكبر من حجم عرضها على الموقع. يمكنك استخدام محرر الصور للتأكد من أن الصور في أبعادها الصحيحة، وهو أيضاً طريقة سريعة وسهلة لتصغير حجم الصفحة.

بمجرد أن تكون الصور في حجمها الصحيح، تكون الخطوة التالية تحسين ضغط هذه الصور. هناك العديد من الأدوات المتوفرة يمكن استخدامها لضغط الصور وتحسينها، بما في ذلك "معرض الصور" والأدوات التابعة لجهة خارجية. وبشكل أساسي يتم ضغط الصور لتصغير حجم الملف بأكبر قدر ممكن دون التأثير على مستوى الجودة الملحوظة للمستخدمين. تأكد من اختبار الملفات المضغوطة على جهاز عرض عالي الدقة للتأكد من أنها ستظهر بشكل جيد.

زيادة سرعة تحميل الصفحة باستخدام ميزة تغيير حجم الصور في SharePoint

تغيير حجم الصور هي ميزة في SharePoint Online تسمح لك بإنشاء نسخ مختلفة من الصور على أساس أبعاد صورة معرفة مسبقاً. هذا أمر في غاية الأهمية خاصة عند وجود محتوى صورة تم إنشاؤه من قبل المستخدم أو عند تثبيت أبعاد الصورة مثل العرض والارتفاع باستخدام CSS على الموقع. حتى في حالة تثبيت الصورة من خلال CSS، فيمكن تحميل الصورة بدقة كاملة. في هذه الحالة يمكن تصغير حجم الملف باستخدام ميزة تغيير حجم الصور.

ملاحظة: لا تتوفر ميزة تغيير حجم الصور في SharePoint سوى عند تمكين النشر. يمكنك تمكين النشر ضمن إعدادات > إعدادات الموقع > إدارة ميزات الموقع > النشر على خادم SharePoint. لن يظهر الخيار خلاف ذلك.

يعمل تغيير حجم الصور من خلال أخذ أصغر بُعد تم تعريفه للصورة، إما العرض أو الارتفاع، ثم تغيير حجم الصورة بحيث يتم تغيير حجم البعد الآخر تلقائياً استناداً إلى نسبة العرض إلى الارتفاع المؤمنة. وبشكل افتراضي، سيتم اقتصاص الصورة من المركز حسب الأبعاد المتبقية. على سبيل المثال، إذا حددت تغيير حجم لصورة بحيث تكون 100 بكسل للعرض و50 بكسل للارتفاع وكانت الصورة الأصلية 1000 بكسل للعرض و800 بكسل للارتفاع، فسيتم تغيير الحجم بحيث يكون البعد 800 بكسل الآن 50 بكسل ويتم اقتصاص البعد 1000 بكسل(الآن 62.5 بكسل) من مركز الصورة.

الخطوات بسيطة نسبياً، ولكن حتى يتم استخدام تغيير حجم الصورة مع الصور يجب توفر ميزة تغيير حجم الصور على موقع SharePoint قبل إضافة الصور. بالإضافة إلى ذلك، ستحتاج أيضاً إلى تشغيل ميزات البنية الأساسية للنشر على خادم SharePoint (مستوى مجموعة المواقع المشتركة) وميزات النشر على خادم SharePoint (مستوى الموقع).

إضافة تسليم الصور لزيادة سرعة تحميل الصفحة

  1. تأكد من أن حساب المستخدم الذي يقوم بتنفيذ هذا الإجراء لديه بحد أدنى الأذونات اللازمة لتصميم موقع المستوى الأعلى لمجموعة المواقع المشتركة وأنه يتم نشر الموقع على صفحة ويب.

  2. في مستعرض ويب، انتقل إلى موقع المستوى الأعلى لمجموعة المواقع المشتركة للنشر.

  3. اختر أيقونة إعدادات.

  4. في صفحة إعدادات الموقع في القسم الشكل والأداء ، سترى ميزة تغيير حجم الصور مضمنة.

    يمكنك استخدام صور تغير حجمها معدة للاستخدام أو اختيار ميزة تغيير حجم الصور لإنشاء صور جديدة.

    لقطة شاشة لتسليم الصورة
  5. في صفحة تغيير حجم الصور، اختر إضافة عنصر جديد.

    لقطة شاشة لـ "إضافة عنصر جديد"
  6. في صفحة تغيير حجم صورة جديدة في مربع اسم، أدخل اسماً للصورة التي تغير حجمها.

  7. في مربعات النص عرض وارتفاع، أدخل العرض والارتفاع، بوحدات بكسل للصورة التي تغير حجمها، ثم اختر حفظ.

    لقطة شاشة لاسم تسليمات الصورة

الاقتصاص المخصص باستخدام ميزة تغيير حجم الصور في SharePoint

بشكل افتراضي، يتم تغيير حجم صورة من مركز الصورة. يمكنك ضبط تغيير حجم صورة للصور الفردية باقتصاص جزء الصورة الذي تريد استخدامه. يمكنك اقتصاص الصور على أساس فردي، لكل صورة تغير حجمها. يساعد اقتصاص الصور على تسريع تحميل الصفحة باستخدام ذاكرة التخزين المؤقتة للمدونة في SharePoint لإنشاء إصدار من الصورة لكل صورة تغير حجمها. بهذا الإجراء يتم تقليل حجم التحميل على الخادم لأنه قد تم تغيير حجم الصورة مرة واحدة وبذلك تكون جاهزة للاستخدام عدة مرات. للحصول على مزيد من المعلومات حول كيفية الاقتصاص لتغيير حجم صورة، راجع اقتصاص لتغيير حجم صورة.

توسيع المهارات
استكشاف التدريب
الحصول على الميزات الجديدة أولاً
الانضمام إلى Office Insider

هل كانت المعلومات مفيدة؟

نشكرك على ملاحظاتك!

شكراً لك على الملاحظات! يبدو أنه من المفيد إيصالك بأحد وكلاء دعم Office لدينا.

×