نوع ملف الصورة الذي يجب استخدامه لمواقع WordPress الخاصة بك

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

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

أهمية اختيار الملفات المناسبة لصورك

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

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

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

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

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

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

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

نوع ملف الصورة المقبول على موقع WordPress

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

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

 تعريف ('ALLOW_UNFILTERED_UPLOADS' ، صحيح) ؛

أضف التعليمات البرمجية التالية في ملف function.php لطريقة بديلة

add_filter ('upload_mimes'، 'my_myme_types'، 1، 1) ؛
function my_myme_types ($ mime_types) {
$ mime_types ['svg'] = 'image / svg + xml'؛ // إضافة امتداد .svg
$ mime_types ['json'] = 'application / json'؛ // إضافة امتداد .json

unset ($ mime_types ['xls']) ؛ // إزالة امتداد xls
unset ($ mime_types ['xlsx']) ؛ // إزالة .xlsx التمديد

إرجاع mime_types دولار؛
}

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

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

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

JPG / JPEG

اختصارها هو Joint Photographic Experts Group وهو مناسب تمامًا لمستويات الضغط العالية. يمكنه عرض ملايين الألوان وهذا ما يجعله التنسيق المفضل للصور الفوتوغرافية. يجب على المستخدمين الذين يعتزمون عرض صور بألوان زاهية استخدامها.

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

بي إن جي

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

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

GIF

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

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

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

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

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

أفضل الممارسات للصور

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

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

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

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

حجم الصورة

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

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

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

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

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

تحليلات كوكل

يعد برنامج Google Analytics الذي يوفر أفضل تجربة للمستخدم هو الهدف النهائي لزيادة تدفق حركة المرور العضوية. لهذا ، من المهم معرفة الأجهزة التي يستخدمها الزوار. هذا يساعد في اختيار نوع الملف المناسب للجمهور المستهدف.

يمكن الحصول على هذه المعلومات وإحصائيات أخرى مماثلة من Google Analytics. هذا يساعد في المساهمة ليس فقط في الأداء العام لموقعك ولكن في الأداء العام.

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

تأكد من تحقيق التوازن المثالي بين الجودة والحجم والأداء مع اختيارك.