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

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

ماهي خياراتك؟ لحسن الحظ ، هناك العشرات من خيارات ملفات الصور المختلفة التي يمكنك الاختيار من بينها ، بدءًا من الجودة العالية ولكن بحجم ملف كبير BMP ، و JPEG الذي تم تجربته واختباره ، إلى تنسيق WebP الجديد وغير المعروف على نطاق واسع. إلى جانب اختيار التنسيق الصحيح ، من المهم أن تتذكر أنه بغض النظر عن التنسيق الذي تختاره ، يمكنك أيضًا تقليل حجم ملف الصورة عن طريق استخدام عملية عبر WP-Optimize المعروفة باسم "الضغط".

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

ما هو تنسيق الصورة الذي يجب أن تختاره؟

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

أكثر تنسيقات ملفات الصور شيوعًا لمواقع الويب هما PNG و JPEG / JPG. وفقًا لـ w3techs ، تستخدم أكثر من 70٪ من جميع مواقع الويب أنواع الملفات هذه. حوالي 30٪ من المواقع تستخدم SVG و 22٪ تستخدم GIF.

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

قبل أن ننتقل إلى نوع الملف ، نحتاج إلى فهم بعض المفاهيم من قبل ، مثل ما هي الصورة النقطية والصورة النقطية؟ ما هو الضغط؟ ما هو الفرق بين ضغط ضياع وضياع؟

ضغط - ضياع مقابل ضياع

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

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

النقطية مقابل ناقل

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

تتضمن أمثلة تنسيقات الملفات هذه jpg و png و gif.

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

الآن بعد أن انتهينا من أساسيات الصور ، يمكننا الآن إلقاء نظرة على تفاصيل أنواع الملفات المختلفة.

JPEG:

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

JPEG هو نوع ملف مضغوط يعمل بشكل جيد مع الصور ، ولكن يوصى باستخدام تنسيق آخر عند العمل على الرسومات ، مثل PNG.

مثال على ملف صورة JPEG. يمكنك أن ترى أنه تم الحفاظ على التفاصيل والجودة عند التحميل.

بي إن جي:

PNG هو تنسيق شائع للصور النقطية وهو اختصار لعبارة "Portable Graphics Format". تم إنشاء هذا التنسيق كبديل لتنسيق تبادل الرسومات (GIF). تحتوي PNG على بعض الميزات الرائعة مثل احتواء لوحات ألوان RGB ذات 24 بت وصور ذات تدرج رمادي وعرض خلفيات شفافة. تُستخدم أيضًا طريقة ضغط البيانات بدون فقد في صور PNG عند العمل على صور أو رسومات عالية الجودة. تُستخدم صور PNG أيضًا بشكل متكرر في تحرير الصور لأنها يمكن أن تمنح المستخدم مزيدًا من التحكم والخيارات على الصورة عبر تنسيق JPEG التقليدي.

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

تحتفظ صورة PNG بجودة عالية ، بينما تتيح لك أيضًا مزيدًا من التحكم في الصورة

GIF:

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

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

مثال على صورة GIF. تم تقليل جودة الصورة الأصلية بشكل كبير من أجل إنتاج الرسوم المتحركة.

SVG:

Scalable Vector Graphics (SVG) هو تنسيق ملف متجه صديق للويب. على عكس ملفات الصور النقطية المستندة إلى البكسل مثل ملفات JPEG ، تخزن الملفات المتجهة الصور عبر الصيغ الرياضية بناءً على النقاط والخطوط على الشبكة. هذا يعني أنه يمكن تغيير حجم ملفات المتجهات مثل SVG بشكل كبير دون فقدان أي من جودتها ، مما يجعلها مثالية للشعارات والرسومات المعقدة عبر الإنترنت.

الموجهات هي الأفضل فقط للرسومات والأشكال والرسوم التوضيحية البسيطة. تعد SVGs خيارًا جيدًا للشعارات ، خاصة إذا كنت تريد أن يكون شعارك مستجيبًا وتدعمه معظم المتصفحات بما في ذلك Chrome و Firefox و Edge و Opera.

مثال على عباد الشمس بتنسيق SVG الذي قد تستخدمه للشعار.

BMP:

يعتبر BITMAP الآن تنسيق صورة قديم. يقوم BMP بتحميل الصور بتنسيق صورة غير ضياع والذي يمكن أن ينتج عنه أحجام ملفات ضخمة بسبب نقص الضغط. بالنظر إلى أهمية سرعة التحميل وكيف يرغب منشئو المواقع في الحفاظ على أحجام الصور إلى الحد الأدنى (ناهيك عن شعبية تنسيقات SVG و JPEG) ، فقد أصبح هذا التنسيق غير مستخدم إلى حد كبير للصور عبر الإنترنت.

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

WebP:

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

عادةً ما يتم تحميل WebP بأحجام ملفات أصغر من تنسيقات JPEG أو PNG نظرًا لأداء الضغط المحسّن وسيشغل مساحة أقل على موقعك - ​​مما يسمح بتحميله بشكل أسرع. على الرغم من عدم دعمه من قبل جميع المتصفحات ، إلا أنه مدعوم من قبل جميع المتصفحات الأكثر شيوعًا - بما في ذلك Chrome و Firefox و Edge و Opera.

على الرغم من أنه ليس معروفًا جيدًا مثل JPEG و PNG ، إلا أن WebP قد يثبت أنه تنسيق الصورة المفضل في المستقبل.

استنتاج:

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

كقاعدة عامة ، إذا كنت تقوم فقط بتحميل الصور القياسية لمتجرك عبر الإنترنت أو مدونتك أو محفظتك أو الوسائط الاجتماعية أو موقع الوسائط الاجتماعية - فمن المستحسن أن تقوم بتحميل الصور بتنسيق JPEG قياسي ثم استخدام WP-Optimize لزيادة ضغط صورك

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

ظهر المنشور الذي يعد أفضل تنسيق صورة لموقع WordPress الخاص بك أولاً على UpdraftPlus. UpdraftPlus - البرنامج المساعد للنسخ الاحتياطي والاستعادة والترحيل لـ WordPress.