هل تعلم أن تحسين صورك قبل تحميلها على ووردبريس يمكن أن يكون له تأثير كبير على سرعة موقع الويب الخاص بك؟
عند بدء مدونة جديدة ، يقوم العديد من المبتدئين ببساطة بتحميل الصور دون تحسينها للويب. ملفات الصور الكبيرة هذه تجعل موقع الويب الخاص بك أبطأ.
يمكنك إصلاح ذلك باستخدام أفضل ممارسات تحسين الصور كجزء من روتين التدوين المعتاد.
في هذه المقالة ، سنوضح لك كيفية تحسين صورك لأداء ويب أسرع دون فقدان الجودة. سنشارك أيضًا المكونات الإضافية لتحسين الصور تلقائيًا في ووردبريس والتي يمكن أن تجعل حياتك سهلة.
كيفية تحسين صورك في ووردبريس (خطوة بخطوة)
نظرًا لأن هذا دليل شامل حول تحسين الصور للويب ، فقد أنشأنا جدول محتوى سهل المتابعة:
ما هو تحسين الصورة؟ (الصور المحسّنة مقابل الصور غير المحسّنة)
لماذا يعد تحسين الصورة مهمًا؟ ما هي المنافع؟
كيف تحفظ الصور وتحسنها لأداء الويب؟
أفضل أدوات وبرامج تحسين الصورة
أفضل ملحقات تحسين الصور لـ ووردبريس
تحسين الصورة هو عملية لحفظ الصور وتسليمها بأصغر حجم ممكن للملف دون تقليل جودة الصورة الإجمالية.
بينما تبدو العملية معقدة ، فهي في الواقع سهلة للغاية هذه الأيام. يمكنك استخدام أحد المكونات الإضافية والأدوات العديدة لتحسين الصور لضغط الصور تلقائيًا بنسبة تصل إلى 80٪ دون أي خسارة مرئية في جودة الصورة.
فيما يلي مثال على الصورة المحسّنة مقابل الصورة غير المحسّنة:
الصور المحسّنة مقابل الصور غير المحسّنة في ووردبريس
كما ترى ، عند تحسينها بشكل صحيح ، يمكن أن تكون نفس الصورة أصغر بنسبة 75٪ من الصورة الأصلية دون أي خسارة في الجودة.
بعبارات بسيطة ، يعمل تحسين الصورة باستخدام تقنية الضغط مثل “Lossy” و “Lossless” التي تساعد على تقليل الحجم الإجمالي للملف دون أي فقد ملحوظ في الجودة.
إذا تلقيت يومًا توصية لتحسين الصور من خلال دعم استضافة ووردبريس الخاص بك أو عن طريق أداة اختبار السرعة ، فكل ما يعنيه ذلك هو أنك بحاجة إلى تقليل حجم ملف صورك عن طريق تحسينها للويب.
في حين أن هناك العديد من الفوائد لتحسين صورك ، فيما يلي أهمها التي يجب أن تعرفها:
سرعة موقع ويب أسرع
تصنيفات مُحسّنة لكبار المسئولين الاقتصاديين
ارتفاع معدل التحويل الإجمالي للمبيعات والعملاء المتوقعين
سعة تخزين أقل وعرض نطاق ترددي أقل (مما يقلل من تكلفة الاستضافة و CDN)
نسخ احتياطي أسرع لموقع الويب (يقلل أيضًا من تكلفة تخزين النسخ الاحتياطي)
نظرًا لأننا نعلم أن مواقع الويب السريعة تحتل مرتبة أعلى في محركات البحث (SEO) ولديها تحويلات أفضل ، فإن تحسين الصور هو أمر يجب على كل موقع ويب تجاري القيام به إذا أرادوا النجاح عبر الإنترنت.
الآن قد تتساءل عن مدى الاختلاف الذي يمكن أن يحدثه تحسين الصورة حقًا؟
وفقًا لدراسة Strangeloop ، يمكن أن يكلفك التأخير لمدة ثانية واحدة في وقت تحميل موقع الويب 7٪ من المبيعات ، و 11٪ أقل من مشاهدات الصفحة ، و 16٪ انخفاضًا في رضا العملاء.
كيف تؤثر السرعة على موقع الويب الخاص بك
إذا لم تكن هذه أسبابًا كافية لتسريع موقع الويب الخاص بك ، فيجب أن تعلم أن محركات البحث مثل Google تعطي أيضًا معاملة تفضيلية لتحسين محركات البحث لمواقع الويب التي يتم تحميلها بشكل أسرع.
هذا يعني أنه من خلال تحسين صورك للويب ، يمكنك تحسين سرعة موقع الويب وتعزيز تصنيفات ووردبريس SEO .
فيديو تعليمي
اشترك في WPBeginner
إذا كنت تفضل التعليمات المكتوبة ، فاستمر في القراءة.
إن مفتاح التحسين الناجح للصور لأداء الويب هو إيجاد التوازن المثالي بين الحجم الأدنى للملف وجودة الصورة المقبولة.
الأشياء الثلاثة التي تلعب دورًا كبيرًا في تحسين الصورة هي:
تنسيق ملف الصورة (JPEG مقابل PNG مقابل GIF)
الضغط (ضغط أعلى = حجم ملف أصغر)
أبعاد الصورة (الطول والعرض)
باختيار المجموعة الصحيحة من الثلاثة ، يمكنك تقليل حجم صورتك بنسبة تصل إلى 80٪.
دعنا نلقي نظرة على كل منها بمزيد من التفاصيل.
بالنسبة لمعظم مالكي مواقع الويب ، فإن تنسيقات ملفات الصور الثلاثة الوحيدة المهمة حقًا هي JPEG و PNG و GIF. يلعب اختيار نوع الملف الصحيح دورًا مهمًا في تحسين الصورة.
لتبسيط الأمور ، فأنت تريد استخدام ملفات JPEG للصور أو الصور التي تحتوي على الكثير من الألوان ، و PNG للصور البسيطة أو عندما تحتاج إلى صور شفافة ، و GIF للصور المتحركة فقط.
بالنسبة لأولئك الذين لا يعرفون الفرق بين كل نوع ملف ، فإن تنسيق صورة PNG غير مضغوط مما يعني أنه صورة عالية الجودة. الجانب السلبي هو أن أحجام الملفات أكبر بكثير.
من ناحية أخرى ، JPEG هو تنسيق ملف مضغوط يقلل بشكل طفيف من جودة الصورة من أجل توفير حجم ملف أصغر بشكل ملحوظ.
بينما تستخدم GIF 256 لونًا فقط مع ضغط بدون فقدان مما يجعلها الخيار الأفضل للصور المتحركة.
في WPBeginner ، نستخدم جميع تنسيقات الصور الثلاثة بناءً على نوع الصورة.
الشيء التالي هو ضغط الصور الذي يلعب دورًا كبيرًا في تحسين الصورة.
تتوفر أنواع ومستويات مختلفة لضغط الصور. ستختلف إعدادات كل منها بناءً على أداة ضغط الصور التي تستخدمها.
تأتي معظم أدوات تحرير الصور مثل Adobe Photoshop و On1 Photo و GIMP و Affinity Photo وغيرها مزودة بميزات مدمجة لضغط الصور.
يمكنك أيضًا حفظ الصور بشكل طبيعي ثم استخدام أداة ويب مثل TinyPNG أو JPEG Mini لضغط الصور بشكل أسهل.
على الرغم من كونه يدويًا بعض الشيء ، إلا أن هاتين الطريقتين تسمحان لك بضغط الصور قبل تحميلها على ووردبريس ، وهذا ما نفعله على WPBeginner.
هناك أيضًا العديد من مكونات ووردبريس الشائعة مثل Optimole و EWWW Image Optimizer وغيرها التي يمكنها ضغط الصور تلقائيًا عند تحميلها لأول مرة. يفضل العديد من المبتدئين وحتى الشركات الكبيرة استخدام مكونات تحسين الصور هذه لأنها سهلة ومريحة.
سنشارك المزيد حول مكونات ووردبريس الإضافية لاحقًا في المقالة.
عادة ، عندما تقوم باستيراد صورة من هاتفك أو كاميرا رقمية ، يكون لها دقة عالية جدًا وأبعاد ملف كبيرة (ارتفاع وعرض).
عادةً ما تكون هذه الصور بدقة 300 نقطة في البوصة وأبعاد تبدأ من 2000 بكسل وأكثر. هذه الصور عالية الجودة مناسبة تمامًا للطباعة أو النشر المكتبي. انها ليست مناسبة للمواقع.
يمكن أن يؤدي تقليل أبعاد الملف إلى شيء أكثر منطقية إلى تقليل حجم ملف الصورة بشكل ملحوظ. يمكنك ببساطة تغيير حجم الصور باستخدام أحد برامج تحرير الصور على جهاز الكمبيوتر الخاص بك.
على سبيل المثال ، قمنا بتحسين صورة بحجم ملف أصلي 1.8 ميجا بايت ، ودقة 300 نقطة لكل بوصة ، وأبعاد صورة 4900 × 3200 بكسل.
اخترنا تنسيق jpeg لضغط أعلى وتغيير الأبعاد إلى 1200 × 795 بكسل ، وقلل حجم ملف الصورة إلى 103 كيلوبايت. هذا أقل بنسبة 94٪ من حجم الملف الأصلي.
الآن بعد أن تعرفت على العوامل الثلاثة المهمة في تحسين الصورة ، دعنا نلقي نظرة على أدوات تحسين الصور المختلفة لأصحاب مواقع الويب.
كما ذكرنا سابقًا ، تأتي معظم برامج تحرير الصور مع تحسين الصورة وإعدادات الضغط.
خارج برنامج تحرير الصور ، هناك أيضًا العديد من أدوات تحسين الصور المجانية القوية التي يمكنك استخدامها لتحسين الصور للويب (بنقرات قليلة فقط).
نوصي باستخدام هذه الأدوات لتحسين الصور قبل تحميلها على ووردبريس ، خاصةً إذا كنت من محبي الكمال.
تساعدك هذه الطريقة في توفير مساحة القرص على حساب استضافة ووردبريس الخاص بك ، وتضمن أسرع صورة بأفضل جودة نظرًا لأنك تقوم بمراجعة كل صورة يدويًا.
Adobe Photoshop هو برنامج ممتاز يأتي مع ميزة لحفظ الصور المحسّنة للويب. ما عليك سوى فتح صورتك والنقر على خيار “ملف» حفظ للويب “.
سيؤدي هذا إلى فتح مربع حوار جديد. على اليمين ، يمكنك تعيين تنسيقات صور مختلفة. بالنسبة إلى تنسيق JPEG ، سترى خيارات جودة مختلفة. عندما تحدد خياراتك ، ستظهر لك أيضًا حجم الملف في أسفل اليسار.
حفظ الصور المحسّنة للويب باستخدام Photoshop
GIMP هو بديل مجاني ومفتوح المصدر لبرنامج Adobe Photoshop الشهير. يمكن استخدامه لتحسين صورك للويب. الجانب السلبي هو أنه ليس سهل الاستخدام مثل بعض الحلول الأخرى في هذه القائمة.
أولاً ، تحتاج إلى فتح صورتك في GIMP ثم تحديد خيار File »Export As . سيؤدي هذا إلى إظهار مربع حوار حفظ الملف. امنح ملفك اسمًا جديدًا ثم انقر فوق الزر تصدير.
تصدير الصورة في GIMP
سيؤدي ذلك إلى إظهار خيارات تصدير الصور. بالنسبة لملفات jpeg ، يمكنك تحديد مستوى الضغط لتقليل حجم الملف. أخيرًا ، انقر فوق زر التصدير لحفظ ملف الصورة المحسّن.
TinyPNG هو تطبيق ويب مجاني يستخدم تقنية ضغط ذكية لتقليل حجم ملفات PNG. كل ما عليك فعله هو الانتقال إلى موقع الويب الخاص بهم وتحميل صورك (سحب وإفلات بسيط).
استخدام TinyPNG لتحسين الصور للووردبريس
سيقومون بضغط الصورة وإعطائك رابط التنزيل. يمكنك استخدام موقع الويب الشقيق ، TinyJPG ، لضغط الصور بتنسيق JPEG.
لديهم أيضًا امتدادًا لبرنامج Adobe Photoshop وهو ما نستخدمه كجزء من عملية تحرير الصور لدينا لأنه يجمع بين أفضل ما في TinyPNG و TinyJPG داخل Photoshop.
بالنسبة للمطورين ، لديهم واجهة برمجة تطبيقات لتحويل الصور تلقائيًا ، وبالنسبة للمبتدئين ، لديهم مكون إضافي لبرنامج ووردبريس يمكنه القيام بذلك تلقائيًا نيابة عنك (المزيد حول هذا لاحقًا).
تستخدم JPEGmini تقنية ضغط بدون فقدان والتي تقلل بشكل كبير من حجم الصور دون التأثير على جودتها الإدراكية. يمكنك أيضًا مقارنة جودة الصورة الأصلية والصورة المضغوطة.
JPEGMini أداة ضغط الصور عبر الإنترنت
يمكنك استخدام إصدار الويب الخاص بهم مجانًا ، أو شراء البرنامج لجهاز الكمبيوتر الخاص بك. لديهم أيضًا واجهة برمجة تطبيقات مدفوعة لأتمتة العملية لخادمك.
ImageOptim هي أداة مساعدة لنظام التشغيل Mac تتيح لك ضغط الصور دون فقدان أي جودة من خلال العثور على أفضل معلمات الضغط وإزالة ملفات تعريف الألوان غير الضرورية.
ImageOptim
بديل Windows لهذا هو Trimage .
نعتقد أن أفضل طريقة لتحسين صورك هي القيام بذلك قبل تحميلها على ووردبريس. ومع ذلك ، إذا كنت تدير موقعًا متعدد المؤلفين أو كنت بحاجة إلى حل تلقائي ، فيمكنك تجربة مكون إضافي لضغط الصور في ووردبريس .
فيما يلي قائمة بأفضل المكونات الإضافية لضغط الصور في ووردبريس:
Optimole – مكون إضافي شهير من قبل الفريق وراء ThemeIsle.
محسن صور EWWW
ضغط صور JPEG و PNG – البرنامج المساعد بواسطة فريق TinyPNG المذكور أعلاه في المقالة.
تخيل – البرنامج المساعد من قبل فريق البرنامج المساعد WP Rocket الشهير .
مُحسِّن صور البكسل القصير
WP Smush
reSmush.it
سيساعدك استخدام أي من هذه المكونات الإضافية لتحسين الصور في ووردبريس على تسريع موقع الويب الخاص بك.
إذا كنت لا تحفظ الصور المحسّنة للويب ، فأنت بحاجة إلى البدء في القيام بذلك الآن. سيحدث فرقًا كبيرًا في سرعة موقعك ، وسيشكرك المستخدمون على ذلك.
ناهيك عن أن مواقع الويب الأسرع تعتبر رائعة بالنسبة لكبار المسئولين الاقتصاديين ، ومن المحتمل أن ترى زيادة في تصنيفات محرك البحث الخاص بك.
خارج تحسين الصورة ، فإن الشيئين اللذين سيساعدكان بشكل كبير في تسريع موقع الويب الخاص بك هو استخدام مكون إضافي للتخزين المؤقت في ووردبريس واستخدام ووردبريس CDN .
بدلاً من ذلك ، يمكنك استخدام شركة استضافة ووردبريس مُدارة لأنها تقدم غالبًا كلاً من التخزين المؤقت و CDN كجزء من النظام الأساسي.
نأمل أن تساعدك هذه المقالة في تعلم كيفية تحسين صورك في ووردبريس. قد ترغب أيضا أن نرى دليلنا على كيفية تحسين الأمن وورد الخاص بك و أفضل وورد الإضافات لمواقع العمل .
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
