نوع ملف الصورة المراد استخدامه في WordPress

لماذا من الضروري اختيار نوع ملف الصورة الصحيح؟

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

• السرعة والأداء – تشغل بعض أنواع ملفات الصور مساحة أكبر من غيرها. إذا كنت تستخدم تنسيقات صور كبيرة ، فإنك تبطئ موقع الويب الخاص بك وتتكبد نفقات الخادم. الذهاب للصور الضوئية التي تضمن سرعة الصفحة أفضل وأداء ل تجربة المستخدم المثلى (UX) .
• نتيجة SEO – هل تعلم أن سرعة الصفحة هي إشارة مباشرة لترتيب SEO ؟ إذا كنت تستخدم صورًا ثقيلة أو منخفضة الجودة على موقع الويب الخاص بك ، فستفقد تجربة مستخدم أفضل ومزايا تحسين محركات البحث ذات الصلة. يؤدي اختيار صور عالية الجودة وجاهزة لتحسين محركات البحث إلى إعداد صفحاتك للحصول على نتائج أفضل لتحسين محركات البحث.
• الجماليات – تحتفظ بعض تنسيقات الصور بالتفاصيل بشكل أفضل من غيرها ، حتى بعد الضغط. تريد تنسيق صورة يبدو رائعًا لذلك المظهر المصقول عالي الجودة والاحترافي ? كل تنسيق صورة مثالي لاستخدام معين ، لذا اختر بحكمة.
• تصميم سريع الاستجابة – في الوقت الحاضر ، يزور المستخدمون موقع الويب الخاص بك على مجموعة متنوعة من الأجهزة ذات المتصفحات وأحجام الشاشة المختلفة. تحتاج إلى البحث عن أنواع ملفات الصور سريعة الاستجابة المدعومة في غالبية المتصفحات. علاوة على ذلك ، أنت بحاجة إلى صور تبدو رائعة على مجموعة متنوعة من الشاشات. المزيد عن هذا لاحقًا.
• الاتساق – من أجل الاتساق ، نقترح التمسك بنوع ملف رئيسي واحد لصورك. يمكنك استخدام تنسيقات ملفات أخرى على أساس الطلب أو حسب احتياجاتك ، ولكن يجب أن يكون تنسيق واحد أو نسقين وافرين.

إلى جانب ذلك ، دعنا نتحدث عن أنواع ملفات الصور المتاحة.

أنواع ملفات الصور المتوفرة

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

تصنف صيغ الصور إلى فئتين رئيسيتين:  النقطية و  ناقلات الصور.

يتم إنشاء الصور النقطية بواسطة سلسلة من وحدات البكسل لتكوين صورة. لهذا السبب بالذات ، تفقد الصور النقطية دقتها عند ضغطها أو تمددها. تنسيقات الصور الثلاثة الشائعة – JPG و PNG و GIF – هي صور نقطية ، والتي تشكل الجزء الأكبر من جميع الصور التي تراها على الإنترنت.

من ناحية أخرى ، يتم إنشاء الصور المتجهة باستخدام الصيغ الرياضية بدلاً من وحدات البكسل ، مما يعني أنها أكثر مرونة بقدر ما يتم تغيير الحجم بشكل متكرر. تتضمن أنواع الصور المتجهة الشائعة Adobe’s EPS (Encapsulated PostScript) و SVG (Scalable Vector Graphics) و PDF و WEBP وتنسيق Adobe Illustrator AI ، من بين آخرين.

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

لماذا ا؟

نظرًا لأن الصور النقطية أفتح ومدعومة من قبل جميع المتصفحات ، يجب أن تختار إما JPG أو PNG. إذا كنت بحاجة إلى رسوم متحركة ، فلديك تنسيق GIF. الآن ، وصلنا إلى ثلاثة فقط من مئات تنسيقات الصور الموجودة.

هذا يطرح السؤال: ولكن ما أنواع ملفات الصور التي يدعمها WordPress؟

أنواع ملفات الصور المقبولة

وفقًا لـ Codex ، يقبل WordPress تنسيقات الصور JPG و JPEG و PNG و ICO و GIF افتراضيًا. إذا كنت مرتبكًا ، فإن JPEG هو مجرد JPG ، و ICO هو تنسيق الصورة الذي تستخدمه للرموز. على موقع WordPress على الويب ، عادةً ما يتم استخدام رمز للرمز المفضل لديك ، وليس الصور في مشاركاتك أو صفحاتك.

بشكل افتراضي ، يمكنك فقط تحميل JPG و PNG إلى صفحاتك ومنشوراتك. إذا كنت ترغب في إضافة أنواع ملفات صور أخرى لأي سبب من الأسباب ، يمكنك استخدام مكون إضافي مثل WP Extra File Types . إذا لم تعجبك المكونات الإضافية ، يمكنك إضافة الكود التالي إلى ملف wp-config.php الخاص بك  .

define( 'ALLOW_UNFILTERED_UPLOADS', true );

لطريقة بديلة ، أضف الكود التالي إلى ملف functions.php الخاص بك :

<?php
add_filter( 'upload_mimes', 'my_myme_types', 1, 1 );
function my_myme_types( $mime_types ) {
  $mime_types['svg'] = 'image/svg+xml';     // Adding .svg extension
  $mime_types['json'] = 'application/json'; // Adding .json extension
  
  unset( $mime_types['xls'] );  // Remove .xls extension
  unset( $mime_types['xlsx'] ); // Remove .xlsx extension
  
  return $mime_types;
}

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

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

ما هو أفضل نوع ملف صورة للاستخدام؟

بالنسبة للقسم التالي ، نعتبر تنسيقات الصور الثلاثة الأكثر شيوعًا لمواقع الويب. نحن نغطي JPG و PNG و GIF ، مع إبراز أفضل تنسيق للاستخدامات المختلفة. لنبدأ بـ JPG.

JPG

JPG (المعروفة أيضًا باسم JPEG) تعني مجموعة خبراء التصوير المشتركة. صور JPG مناسبة تمامًا لمستويات الضغط العالية ويمكنها عرض ملايين الألوان ، مما يجعلها مثالية للصور الفوتوغرافية والصور ذات الألوان الزاهية.

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

بي إن جي

PNG هي اختصار لـ Portable Network Graphics ، وهو تنسيق صورة تم تصميمه في البداية لنقل الصور عبر الإنترنت. تعرض صور PNG ملايين الألوان ، لكنها يمكن أن تكون أثقل من JPG. إنها رائعة للقطات الشاشة والشعارات والرسوم البيانية ورسومات الرأس الرئيسية التي تحدد العلامة التجارية.

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

GIF

GIF هو اختصار لـ Graphics Interchange Format. إنه تنسيق صورة يدعم كلاً من الصور المتحركة والثابتة. معظم الرسوم المتحركة التي تراها على وسائل التواصل الاجتماعي هي صور GIF. بخلاف JPEG و PNG ، يدعم نوع ملف صورة GIF 256 لونًا فقط مما يجعله غير مناسب للصور الفوتوغرافية الملونة والرسوم التوضيحية الأخرى ذات التدرجات اللونية.

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

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

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

أفضل ممارسات صور ووردبريس

اتبع أفضل الممارسات والنصائح التالية للصور لتحقيق أقصى استفادة من صورك. نحن نغطي بإيجاز مجالات مثل حجم الصورة ، وحجم التحميل الأقصى ، وتحسين محركات البحث للصور ، والتحسين ، وكيفية استخدام Google Analytics لإبلاغ إستراتيجية صور WordPress الخاصة بك.

حجم الصورة

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

علاوة على ذلك ، لا تقم بتغيير حجم الصور باستخدام HTML أو CSS. إذا كنت بحاجة إلى صورة بحجم 300 بكسل × 300 بكسل ، فلا تستخدم صورة 400 × 400 بكسل. بالإضافة إلى ذلك ، اختر استضافة WordPress عالية الجودة ، وتنفيذ التخزين المؤقت ، و CDN لمنح موقع الويب الخاص بك زيادة في السرعة.

أقصى حجم للتحميل

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

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

لكن هذا يمكن أن يختلف حسب المضيف. يستخدم GoDaddy خيارًا في C-Panel ، Media Temple ، يجب عليك تعديل ملفات php.ini ، ومع WP Engine تحتاج إلى الاتصال بفريق الدعم الخاص بهم لطلب زيادة.

تحسين محركات البحث على الصور

بخلاف إرسال رسالة وجعل موقعك يبدو جيدًا ، هل تعلم أنه يمكنك استخدام الصور لتعزيز نتائج SEO الخاصة بك؟ هذا صحيح؛ يمكنك استخدام تحسين محركات البحث للصور لجذب المزيد من الزيارات إلى موقع الويب الخاص بك. كيف؟ بالنسبة للمبتدئين ، قم بتسمية صورك بشكل مناسب. على سبيل المثال ، بدلاً من “picture001.png” ، استخدم “how-to-image-seo.png” وهكذا. علاوة على ذلك ، أضف نصوصًا بديلة إلى جميع صورك بعد التحميل. بفضل النصوص البديلة ومحركات البحث وقارئات الشاشة يمكنهم “مشاهدة” صورك.

إضافات مفيدة لتحسين صور WordPress

WordPress هو نظام CMS سهل الاستخدام بفضل الإضافات. في حين أنه من المفيد تحسين صورك باستخدام برامج معالجة الصور (مثل Photoshop) قبل التحميل ، يمكنك الاستفادة من المكونات الإضافية لتحسين صورك بعد التحميل.

وتشمل أبرز صورة ورد الأمثل الإضافات سجل سماش ، EWWW صورة محسن ، و Imagify وغيرها. اختر المكون الإضافي المثالي لاحتياجاتك ، حيث يأتي كل منها مع مجموعة فريدة من الميزات.

استخدم Google Analytics

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