توضح إحصائية أن القراء لا يتذكرون سوى 10٪ من المحتوى النصي الذي قرأوه بعد ثلاثة أيام، وتصل هذه النسبة إلى 65٪ إذا كان المحتوى مدعومًا بصور جذابة. وقد تظن أن التعامل مع أحجام الصور بموقع الووردبريس الخاص بك أمرًا سهلًا. لكنه ليس كذلك إذا كنت لا تعرف كيفية تحديد أحجام الصور، ولن تتحقق الفائدة المرجوة من المحتوى المرئي. ونحن هنا لمساعدتك في التعرف على أفضل الممارسات للتعامل مع أحجام الصور على الووردبريس. والتي ستتضمن لك تحسين مشاركاتك في الموقع وتزيد من ظهور موقعك و زيادة زيارات موقعك. وقبل الدخول في تلك الممارسات الأساسية، لنعرف كيف يدير الووردبريس صورك وأين يخزنها وغيرها من الأساسيات التي وجب عليك معرفتها. 

كيف يدير الووردبريس صورك؟ 

إن رفع الصور على الووردبريس سهل، ولكن يحدث في الواجهة الخلفية للوردبريس الكثير الذي يجب عليك معرفته. أولًا عند تحميلك لصورة على الووردبريس، تنشأ ثلاثة أحجام مختلفة لصورتك وذلك يعني أن لديك الآن أربعة صور لكل صورة تحملها بالأحجام الآتية: 

• صورة مصغرة (150 بكسل). 
• صورة متوسطة الحجم (أقصى عرض وارتفاع 300 بكسل). 
• صورة كبيرة الحجم ( أقصى عرض وارتفاع 1024). 
• الصورة الأصلية التي حملتها (الحجم الأصلي لصورتك). 

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

يمكنك أيضًا قراءة: كيفية إنشاء موقع ووردبريس في 7 خطوات. 

ماذا لو أنك تحتاج حجم مختلف أو المزيد من الأحجام؟ 

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

أين وكيف يخزن ووردبريس صورك؟ 

يخزن الووردبريس صورك في مكتبة الوسائط -كما موضح أدناه في الصورة-. 

فقط يمكنك النقر على الصورة التي تريديها وتحديدها للاختيار. يمكنك فرزها أيضًا حسب نوع الوسائط أهي صورة، فيديو، أم صوت أم غيرها. والفرز كذلك حسب التاريخ. مع وجود مربع بحث لمساعدتك في تتبع الصور التي حملتها، فقط عليك كتابة الكلمة التي استخدمتها في عنوان أو وصف صورتك؛ لتحديد موقعها. وستجد صورك مخزنة في مجلدات التحميل الخاصة بموقعك (wp-content/uploads) أيضًا. يمكنك كذلك إنشاء مجلدات مخصصة لملفات الوسائط، ولا نوصي بفعل ذلك إذا كنت مبتدئًا. 

أفضل الممارسات لأحجام صورك على الووردبريس

الحجم المثالي للصورة الرئيسية أو البارزة في الووردبريس 

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

يوجد اختلاف بالتأكيد على الحجم المناسب، لكن هناك إجماع على أن الصورة الرئيسية يجب أن تكون حوالي 1200*630 بكسل وذلك بغض النظر عن حجم شاشة القارئ، ويوضح جوجل أن حجم الصورة الرئيسية بأنه يجب أن يكون عرضها على الأقل 1200 بكسل. كذلك لا يتضمن الووردبريس إعدادات لحجم الصورة الرئيسية؛ لذا فهي تتحول افتراضيًا إلى حجم التحميل الأصلي عند تحميلها. 

الحجم المثالي لصورة الرأس في الووردبريس 

تعتمد صورة الرأس غالبًا على تصميم موقعك، وهي الصورة التي تظهر في رأس أو مقدمة صفحة موقعك. ويمكن أن تعطي صور الرأس للقراء نظرة سريعة على موضوع الصفحة. كذلك على الرغم من أنها لن تظهر في صفحات نتائج البحث كما الصورة الرئيسية، إلا أنها مهمة لسرعة موقعك ووجب أن يكون حجمها مناسب. وقبل اختيار حجم صورة الرأس، يجب أن تأخذ تصميم واستجابة موقعك في الاعتبار. لذا يوصي مطورو القوالب بأن تكون صور الرأس بنسبة 16 : 9 مثل: 

1920*1080 بكسل. 

1280*720 بكسل. 

1152*648 بكسل. 

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

كيفية تغيير أحجام الصور الافتراضية

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

كيفية تغيير أحجام الصور على الووردبريس الافتراضية خطوة بخطوة  

• أولًا، من «الإعدادات-Settings»، انقر على خيار «الوسائط-Media». 
• ‏غيّر الأحجام إلى ما تريد عن طريق التحرير في المربعات أدناه. 

• ‏ أخيرًا، انقر فوق زر حفظ؛ لحفظ التغييرات التي قمت بها. 

بعد التعديلات، جميع الصور التي ستحملها، ستكون بهذه الأحجام الافتراضية الجديدة التي وضعتها. 

استخدام مكون إضافي 

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

إضافة أحجام الصور المخصصة باستخدام مكون إضافي

يمكنك استخدام المكون الإضافي Image Regenerate & Select، لكي يسمح لك بمزيد من التخصيص لصورك. فبمجرد تثبيته وتنشيطه، يمكنك إنشاء العديد من أحجام الصور المخصصة. 

تحديث الصور القديمة 

قد تفكر في الصور القديمة التي حملتها سابقًا، وتريد تغييرها حاليًا، فما الحل؟ 

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

بعض الطرق لتحسين صورك على الووردبريس

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

• تحديد نوع الملف

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

• تغيير حجم الصور 

يُعد تغيير حجم الصور طريقة سريعة وسهلة لتقليل حجم ملف صورك، فإذا كان الحد الأقصى لعرض موقعك هو 1200 بكسل، فيجب التقليل عن ذلك الحجم. والتأكد من أن جميع صورك على الموقع كبيرة بقدر كافٍ. 

• استخدم التحميل البطيء

يساعدك التحميل البطيء على جعل الأولوية لتحميل الصور على صفحات موقعك، حيث يتم تحميل الصور مع تمرير زائرك بالصفحة. أي أن الصور الموجودة في الجزء العلوي ستحمل أولًا والصور التي في الأسفل ستحمل حينما يمرر الزائر لأسفل. 

المكونات الإضافية لتحرير الصور 

يمكنك إجراء تحسين متقدم لصورك عن طريق المكونات الإضافية ببضع نقرات بسيطة وإليك بعض الإضافات: 

Imagify: تعطيك مستوى ضغط مخصص. 

ShortPixel: تدعم الضغط مع فقدان البيانات. 

Optimole: للتحميل البطيء والشبكة CDN. 

Kraken: تدعم الضغط أيضًا، لكنها مدفوعة. 

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