قم بتحسين الصور بنسبة 300% في WordPress باستخدام هذه الأدوات والمكونات الإضافية الثمانية عشر المجانية

نشرت: 2018-03-26

chathuporn / Stock.adobe.com

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

لكن استخدام الصور في WordPress له ثمن. وفقًا للبيانات التي قدمتها صحيفة The Fiscal Times:

"يبلغ متوسط ​​حجم موقع الويب الآن 2.1 ميغابايت، مقارنة بـ 1.5 ميغابايت قبل عامين."

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

Shark Tank Kevin GIF بواسطة شبكة ABC

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

سيغطي هذا الدليل لتحسين الصورة ما يلي:

  • لماذا يجب عليك تحسين الصور لـ WordPress
  • كيفية تحسين الصور دون فقدان الجودة قبل تحميلها على ووردبريس
  • أفضل أدوات تحسين الصور المجانية على الإنترنت
  • أفضل الإضافات المجانية لتحسين الصور في WordPress
يساعد فريقنا في WP Buffs مالكي مواقع الويب وشركاء الوكالات والشركاء المستقلين على تحسين مواقع WordPress الخاصة بهم. سواء كنت بحاجة إلينا لإدارة موقع ويب واحد أو دعم 1000 موقع عميل، فنحن ندعمك.

لماذا يجب عليك تحسين الصور لـ WordPress

ليس سراً أن مواقع WordPress يمكن أن تعاني من أوقات التحميل البطيئة. لكن الأمر الصعب هو أن هناك عددًا من الأسباب التي تجعل موقعك بطيئًا في الاستجابة.

ربما لا تستخدم سمة WordPress السريعة.

ربما تكون حركة المرور العالمية لموقعك بعيدة جدًا ولا يتمكن خادمك من نقل الصور بسرعة إلى متصفحاته دون مساعدة CDN.

ربما موقعك ليس آمنًا بدرجة كافية، وقد يكون مليئًا بالبرامج الضارة.

ربما لم يتم إجراء تحسينات للسرعة مثل تصغير JavaScript وCSS بعد.

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

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

ولكن ماذا عن الصور نفسها؟ نعم، نحن نعلم أنه من خلال تحسين سرعة الخادم، يمكن تحميل هذه الصور بسرعة أكبر. هل هناك أي شيء يمكنك فعله مع الصور الفعلية التي ستجعل التعامل معها أسهل بطبيعتها بمجرد وجودها في WordPress؟

الجواب على ذلك، بالطبع، هو "نعم".

كيفية تحسين الصور دون فقدان الجودة قبل تحميلها على ووردبريس

يتضمن WordPress Codex دليلاً سريعًا حول كيفية تحديد حجم الصورة وجودتها المناسبين لموقعك على الويب. في الأساس، تقول أنك بحاجة إلى الاهتمام بأربعة عوامل مؤهلة:

  1. الحجم المادي : هذه هي الطريقة التي تظهر بها الصورة نفسها (الأبعاد) على موقع الويب.
  2. حجم الملف : هذا هو عدد بايتات البيانات التي يستهلكها الملف في حالته الأصلية.
  3. الدقة : يتعلق هذا بعدد البكسلات الموجودة داخل الصورة. كلما زادت الدقة، أصبحت الصورة أكثر وضوحًا.
  4. نوع الملف : يشير هذا إلى التنسيق الذي يتم حفظ ملفك به. عندما نتحدث عن الصور، فإننا نشير بشكل عام إلى PNG وJPG وSVG وGIF.

فيما يلي تفاصيل القواعد التي يجب عليك اتباعها عند تحسين الصور قبل التحميل.

قياس فيزيائي

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

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

حجم الملف

يعد حجم ملف الصورة الخاص بك عاملاً مهمًا عندما يتعلق الأمر بتحسين سرعة موقعك. يوصي WordPress بأن يتراوح حجم الصور الأكبر بين 60 ألفًا و100 ألف وألا يزيد حجم الصور الأصغر عن 30 ألفًا.

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

دقة

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

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

نوع الملف

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

جبغ

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

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

شيء آخر يجب ملاحظته حول ملفات JPG هو أن لديك خيارين لكيفية تصديرها من برنامج تحرير الصور الخاص بك: خط الأساس أو التقدمي.

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

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

الخيار المثالي هنا هو JPG التقدمي لأنه سيسبب ضغطًا أقل على الخادم الخاص بك (نظرًا لأنه ليس طبقة واحدة مطلوب تحميلها مرة واحدة).

بي إن جي

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

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

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

SVG

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

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

GIF

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

9 أفضل الإضافات المجانية لتحسين الصور في WordPress ️

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

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

1. محسن الصور EWWW

يستخدم البرنامج الإضافي EWWW Image Optimizer* خوارزمية فريدة تسمح له بتوفير ضغط مع فقدان البيانات (كما تحدثنا عن ملفات JPG سابقًا) دون المساس بالجودة. بمعنى آخر، تبدو النتائج في نهاية المطاف أشبه بضغط بدون فقدان البيانات، على الرغم من أنك ستشاهد بعض التوفير الكبير من حيث وحدات البايت المستخدمة.

هناك بعض الأشياء الرائعة الأخرى حول هذا البرنامج الإضافي الجديرة بالذكر:

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

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

  1. أولاً، قم بتثبيت وتفعيل البرنامج المساعد الخاص بك.
  1. بعد ذلك، انتقل إلى علامة التبويب "الإعدادات " وحدد الخيار الجديد لـ "EWWW Image Optimizer".
  1. ابدأ بالإعدادات الأساسية:

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

  1. الإعدادات المتقدمة هي التالية:

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

  1. تسمح لك علامة التبويب "إعدادات تغيير الحجم" بتحديد قواعد تغيير الحجم التلقائية للملفات التي تعتبر كبيرة جدًا أثناء الاستيراد إلى WordPress:

  1. هل تفكر في تحويل الصور بمجرد وجودها في WordPress؟

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

  1. إذا كنت على دراية بصور WebP وتعلم أن زوار موقعك يستخدمون في الغالب Chrome وOpera للوصول إلى موقعك (المتصفحات التي تقبلهما)، فعليك الانتباه إلى علامة تبويب الإعدادات التالية:

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

ستجد هنا أداة المسح والتحسين البسيطة*. قم بتكوين الإعدادات الخاصة بك ثم قم بتشغيل الفحص.

  1. ستبدو نتائج نتائجك المحسنة كما يلي:

سترى موقع الملف واسمه بالإضافة إلى ملاحظة حول مقدار ضغط الملف.

على عكس الأدوات الأخرى التي قد تواجهها، فإن EWWW Image Optimizer يعمل بسرعة كبيرة. من بين الصور الـ 455 التي احتاج موقعي إلى تحسينها، استغرق إكمالها أقل من دقيقة*. قد لا يوفر لك قائمة بإحصائيات إجمالية حول إجمالي المساحة المحفوظة، ولكنه مناسب جدًا للاستخدام.

ثم هناك الشهادات القاتلة من مستخدميها*. من المؤكد أن الناس يحبون الوظيفة والقيمة!

شهادات EWWW

اشترِ EWWW مقابل 0.003 دولار/صورة - 9 دولارات/الشهر

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

2. محسن الصور ShortPixel

يعد البرنامج المساعد ShortPixel Image Optimizer المجاني في الواقع خيارًا إضافيًا لـ freemium لتحسين الصورة. على عكس المكونات الإضافية المجانية الأخرى التي قد تواجهها في المستودع، يعد هذا البرنامج مكونًا إضافيًا متميزًا مع فترة تجريبية مجانية أكثر من أي شيء آخر. ولهذا السبب أقول ذلك:

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

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

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

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

  1. تثبيت وتفعيل البرنامج المساعد.
  1. اطلب إرسال مفتاح API إلى بريدك الإلكتروني حتى تتمكن من الاتصال بأداة التحسين.
  1. ستغطي الإعدادات العامة أساسيات ضغط الصور لديك:
    • نوع الضغط المفضل لديك
    • ما إذا كان سيتم تضمين الصور المصغرة أم لا
    • التخزين الآلي للملفات الأصلية في مكان آخر على الخادم
    • إزالة بيانات تعريف EXIF
    • تغيير الحجم الآلي للملفات الكبيرة إلى الحد الأقصى المعين

  1. ضمن علامة التبويب خيارات متقدمة، ستجد مجموعة كبيرة من إعدادات تحسين الصورة التي قد ترغب في الاستفادة منها. وهذا يشمل أشياء مثل:
    • التحويل من نوع ملف إلى آخر
    • تكوين إعدادات صورة WebP
    • إضافة ملفات PDF إلى قائمة أنواع الملفات لتحسينها
    • أتمتة تحميل الملفات الجديدة (سواء بواسطتك في WordPress أو بواسطة المستخدمين في الواجهة الأمامية)

  1. تعد علامة التبويب ShortPixel Statistics في الواقع ميزة رائعة حقًا وليست ميزة ستجدها في العديد من المكونات الإضافية الأخرى لتحسين الصور.

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

  1. بمجرد أن تصبح الإعدادات جاهزة، يمكنك الآن بدء عملية ShortPixel Bulk ضمن علامة تبويب الوسائط.

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

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

احصل على ShortPixel مجانًا

3. تعديلات الوسائط

إذا ذهبت إلى مكتبة الوسائط الخاصة بك في WordPress وحددت صورة (أو قمت بتحميل صورة جديدة)، فسترى خيار تحرير الصورة متاحًا.

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

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

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

4. إعدادات الوسائط

شيء آخر يمكنك القيام به لتغيير حجم الصور في WordPress هو إنشاء أحجام الصور الافتراضية للمحتوى الخاص بك.

ضمن علامة التبويب "الإعدادات" ، انقر فوق "الوسائط" . ستجد بعد ذلك التكوين التالي:

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

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

5. سحق ضغط الصور وتحسينها

لنتحدث عن الإصدار المجاني من مكون Smush الإضافي*.

بصرف النظر عن مجموعة من الميزات المتميزة التي ستحصل عليها عند شراء عضوية البرنامج الإضافي WPMU DEV، لا يوجد فرق كبير حقًا بين الإصدارين المجاني والمتميز من هذا البرنامج الإضافي. وهذا أمر رائع لأن Smush بمفرده ينجز كل ما تحتاجه في طريق التحسين. حقيقة ممتعة: يأتي WP Smush مع خطط WP Buffs! فيما يلي بعض الميزات التي ستستمتع بها عند استخدام هذا البرنامج الإضافي:

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

إليك ما يمكنك فعله باستخدام Smush:

  1. أولا، تثبيت وتفعيل البرنامج المساعد.
  1. ليست هناك حاجة لتكوين API لهذا التكوين. بمجرد تنشيطه، سيتم توجيهك إلى مجلد WP Smush الجديد ضمن الوسائط.
  1. إليك الشكل الذي ستبدو عليه لوحة التحكم الرئيسية لديك:

في الجزء العلوي الأيسر، سيتم إعلامك بعدد الملفات التي ظلت غير "محطمة" مع إعطائك زرًا لمعالجة المشكلة بسرعة.

في الجزء العلوي الأيسر توجد إحصائيات تحسين الصورة:

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

  1. بعد ذلك، سترى إعدادات الضغط الأخرى لإزالة بيانات EXIF ​​وتعيين قيود حجم الملف:

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

6. ضغط صور JPEG وPNG بواسطة TinyPNG

هذا الأول هو البرنامج الإضافي WordPress المكافئ لأداة TinyPNG عبر الإنترنت التي ذكرتها سابقًا.

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

هنا كيف يعمل هذا:

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

  1. أول شيء سيُطلب منك القيام به هو إنشاء حساب مجاني مع TinyPNG (إنها عملية تنشيط بسيطة عبر البريد الإلكتروني بنقرة واحدة).
  1. بعد ذلك، يمكنك اختيار أي من أحجام صور WordPress التي تريد ضغطها تلقائيًا. نظرًا لأن WordPress يُنشئ ثلاثة أحجام تلقائيًا مع كل عملية تحميل – كبيرة ومتوسطة ومصغرة – فيجب عليك تضمينها على الأقل. إذا كانت هناك أي أحجام افتراضية أخرى مرتبطة بموضوعك، فيمكنك تحديدها أيضًا.
  1. يجب عليك أيضًا الانتباه إلى مواصفات الصورة الأصلية:

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

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

  1. انقر فوق الزر وانتظر حتى يكمل المُحسِّن مهمته قبل الخروج من الشاشة.

أثناء تشغيل الماسح الضوئي والمحسن، ستتمكن من رؤية أشياء مثل:

  • كم عدد الصور الموجودة على موقعك.
  • عدد الأحجام المرتبطة بكل صورة.
  • كم عدد هذه الملفات التي تم ضغطها وبأي حجم.

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

7. تخيل محسن الصور

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

إليك ما عليك فعله للبدء:

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

  1. إحدى اللمسات اللطيفة حول هذا البرنامج الإضافي تأتي في أداة المقارنة المرئية (ستجد ذلك ضمن خيارات مستوى التحسين الثلاثة):

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

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

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

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

  1. بنقرة واحدة يمكنك بعد ذلك تشغيل التحسين المجمع الخاص بك:

ستخبرك النتائج باسم الملف، وحجمه في الأصل، وحجمه الآن، ومقدار المساحة التي قمت بحفظها نتيجة لذلك.

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

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

8. الحماسة

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

بعد التثبيت والتنشيط، سيتم نقلك إلى علامة التبويب "الإعدادات" الجديدة لـ Imsanity. وهنا ما سترى:

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

ستجد أدناه خيارًا لتغيير حجم جميع الصور الموجودة حاليًا على موقع WordPress الخاص بك بشكل مجمّع.

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

9. أوبتيمول

يعد Optimole أحد أفضل الحلول لتحسين الصور في WordPress. لقد تم تصميمه لتقليل صور موقعك دون أي تغيير مرئي باستخدام تقنيات التحسين بدون فقدان أو فقدان البيانات.

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

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

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

يأتي Optimole بنكهتين: مجاني ومميز. يمكنك تجربتها عن طريق اختبارها عبر الإنترنت قبل تثبيتها على لوحة التحكم أيضًا.

ما الذي ستحصل عليه إذا استخدمت Optimole؟

  • 1 غيغابايت من الصور شهريًا (15+ غيغابايت في حالة الترقية).
  • عرض نطاق ترددي للعرض يبلغ 10 جيجابايت شهريًا (100 جيجابايت في الخطط المميزة).
  • عنصر نائب لصورة منخفضة الجودة (التحميل البطيء للصورة المتوسطة قبل عرض حجمها الكامل).
  • تغيير حجم الصورة بناءً على حجم الجهاز/الشاشة (يقوم بتحميل الإصدار الأمثل لكل جهاز).
  • يدعم Retina وHiDPI اكتشاف DPR الديناميكي على جميع الأجهزة.
  • سهولة تتبع ومراقبة الإحصائيات/النتائج عبر لوحة تحكم حديثة.
  • دعم CDN.
كيفية إعداد أوبتيمول
  1. تثبيته وتفعيله.
  2. قم بالتسجيل والتحقق من بريدك الإلكتروني للحصول على مفتاح API.
  3. مباشرة بعد إرسال مفتاح واجهة برمجة التطبيقات (API) على لوحة تحكم WordPress الخاصة بك، سيبدأ Optimole في تحسين جميع صورك الحالية.
  4. في الإعدادات، يمكنك تكوين تفضيلاتك الشخصية وتنشيط/إلغاء تنشيط الميزات التي تحتاج إليها.
هذه هي الطريقة التي تبدو بها لوحة تحكم Optimole على الواجهة الخلفية لموقع WordPress الخاص بك:
يمكنك أيضًا تسجيل الدخول مباشرة عبر Optimole.com باستخدام البريد الإلكتروني وكلمة المرور (يتم توفير كلمة المرور عبر البريد الإلكتروني مباشرة بعد التسجيل).

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

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

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

1. مواقع تخزين الصور

"الأداة" الأولى التي أريد الإشارة إليها هي المصدر الذي يمكنك استخدامه لشراء بعض صورك: موقع الويب الخاص بالتصوير الفوتوغرافي.

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

هناك مواقع أخرى للتصوير الفوتوغرافي، مثل Pixabay، تتيح لك اختيار أبعاد الصورة المحددة وأحجام الملفات التي سيتم تصديرها:

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

2. برامج تحرير الصور

سواء كنت تستخدم Photoshop أو Lightroom أو برنامجًا أو أداة لتحرير الصور أصلية لنظام التشغيل لديك، فإن ميزة تغيير حجم الصورة تمنحك عادةً نفس مجموعة خيارات تغيير الحجم.

اضبط الارتفاع أو العرض بحيث يتم تغيير حجم الصورة حسب الحجم:

حرر نسبة الارتفاع إلى العرض وقم بتغيير حجم الأبعاد كما تريد:

بدلاً من تغيير الحجم بناءً على وحدات البكسل، يمكنك بدلاً من ذلك تغيير الحجم بنسبة مئوية من الحجم الأصلي:

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

الآن، دعونا نلقي نظرة سريعة على ما يحدث عندما تقوم بتغيير حجم هذه الصورة بأبعاد 5472 × 3648 (بوزن 5.7 ميغابايت):

بعرض 3000 بكسل وارتفاع 2000 بكسل:

على الرغم من أن الصورة تم تقليصها بأقل من نصف أبعادها، إلا أنها فقدت أكثر من نصف وزنها ويبلغ حجمها الآن 1.8 ميغابايت.

من بين الصورتين، هل يمكنك معرفة الصورة التي تم إنشاؤها باستخدام برنامج تحرير الصور على سطح المكتب؟ (تلميح: كل مقارنة جنبًا إلى جنب من الآن فصاعدًا تعرض النسخة الأصلية على اليسار.)

3. ضغط الصورة

تم إنشاء Toolur بواسطة نفس الفريق الذي يقف خلف ResizeImage (انظر أدناه)، ويحتوي على أداة ضغط CompressImage متاحة.

تحتوي هذه الأداة عبر الإنترنت على قوة أكبر قليلاً من أداة الضغط وتغيير الحجم التقليدية. سيقبل ما يصل إلى 25 صورة في المرة الواحدة ويمكن أن يصل وزن كل ملف من هذه الملفات إلى 30 ميجابايت. كما أنه يقبل كلاً من PNG وكذلك JPG.

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

  1. استخدم خيارات الضغط من A إلى E (أي الضغط مع فقدان البيانات) لملفات JPG الخاصة بك. استخدم خيارات الضغط F وG (أي الضغط بدون فقدان البيانات) لملفات PNG الخاصة بك.
  1. اضبط نسبة جودة الصورة على 90% (وإلا فلن ترى أي انخفاض في حجم الملف).
  1. حدد الضغط التدريجي عند تغيير حجم ملفات JPG.
  1. لا تقم بإدخال أية قيم في صف تغيير الحجم. ما عليك سوى ترك الأمر كما هو حتى تتمكن الأداة من التركيز على الضغط.
  1. ثم اضغط على ضغط الصور .

عند الانتهاء من التشغيل، يمكنك تنزيل الصورة الناتجة.

على الرغم من تقليل حجم الملف من 3.8 ميجابايت إلى 2.1 ميجابايت، وتقليل الجودة إلى 90%، إلا أن هذه الصور تبدو متشابهة تقريبًا.

4. إيماجيوبتي

ImageOptim هو برنامج يعمل بنظام Mac فقط ويمكنك تنزيله مباشرة على سطح المكتب لديك (إذا كنت تريد استخدام الإصدار عبر الإنترنت، فسيتعين عليك الدفع مقابله).

استخدامه بسيط.

  1. قم بتنزيل البرنامج من الرابط أعلاه وتثبيته على جهاز Mac الخاص بك.
  1. افتح تطبيق إيماج أوبتيمب.

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

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

5. الصور

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

إنه يعد بتقليل أحجام ملفات الصور بنسبة تصل إلى 90 ٪ فقط بنقرة زر واحدة. وهنا كيف يعمل:

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

  1. انقر على ملف تنزيل لاسترداد صورتك المضغوطة.

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

6. Jpegmini

JPegmini ليس برنامج تحرير مجاني عبر الإنترنت لصورك. ومع ذلك ، يمكنك محاولة معرفة ما إذا كنت راضيًا عن النتائج (يمكنك تغيير حجم ما يصل إلى 200 صورة قبل الالتزام بشراء التطبيق).

إذا كنت سعيدًا بما يفعله JPegmini ، فستحتاج إلى الحصول على هذه الأداة إلى جانبك. لا يهتم فقط بتغيير حجم JPGS بنسبة تصل إلى 80 ٪ ، ولكنه يتكامل مع Photoshop و Lightbox ويعمل كموظفة تلقائية لأي صور تسحبها إلى برنامج تحرير الصور الخاص بك.

هذا ما يمكنك فعله مع هذا:

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

لإنشاء إصدار مصمم من صورتك ، انقر فوق أيقونة التكوين في أسفل اليسار. حدد مجلد التصدير واختر حجمًا جديدًا. انقر فوق تطبيق .

  1. قم بإسقاط أكبر عدد أو عدد قليل من الملفات في التطبيق كما تريد.

سيخبرك التطبيق بعد ذلك بمقدار حجم الملف ومقدار المساحة التي قمت بحفظها لكل من الضغط وتغيير حجمها.

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

7. تغيير الحجم

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

إليكم كيف تستخدم هذا:

  1. انقر فوق زر تحميل صورة . يمكنك استخدام هذا لتغيير حجم JPG أو PNG أو GIF.
  1. لتغيير الحجم ، قم بالتمرير لأسفل إلى #4 "تغيير حجم صورتك".

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

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

فيما يلي الملف الأصلي مقابل الملف المقيم:

8. تايني بي إن جي

على الرغم من أن اسم هذا الملف يحتوي على "PNG"، إلا أنه يمكنك في الواقع تغيير حجم كل من PNG وJPG باستخدام أداة التحسين المجانية عبر الإنترنت TinyPNG.

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

أما استخدامه فيتطلب خطوتين:

  1. قم بإسقاط صورتك (صورك) في التطبيق عبر الإنترنت.
  1. قم بتنزيل الصورة (الصور) المضغوطة الناتجة عند انتهاء الأداة.

حجم إحدى هذه الصور هو 3.2 ميجابايت. والآخر هو 5.8 ميغابايت. هل يمكنك معرفة أيهما أكبر؟

9. محسن الصور كراكن

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

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

إليك كيفية عمل الإصدار المجاني من هذا الإصدار:

1. يطلب منك الخيار الأول تحديد مصدر صورتك. ومع ذلك، في الخطة المجانية، الخيار الوحيد المتاح هو تحميله من جهاز الكمبيوتر الخاص بك (وهو، بصراحة، ليس مشكلة كبيرة لأنه سيكون هو الحال في معظم الأوقات على أي حال).

2. هناك ثلاثة خيارات لتحسين الصورة: فقدان البيانات، وعدم فقدانها، والخبير. بحسب كراكن:

  • Lossy هي طريقة الضغط التي يوصون بها. في المتوسط، يقوم بضغط الصور بنسبة تصل إلى 60%، لكنهم يقولون أنه يمكن أن يصل إلى 80 أو 90% أيضًا.
  • سيمنحك Lossless الحد الأقصى من توفير الضغط أيضًا ولكنه سيحتفظ ببيانات تعريف EXIF ​​الخاصة بك (مما يعني أن النتائج قد لا تكون صغيرة بقدر فقدانها).
  • يمنحك الخبير القدرة على تخصيص مقدار الضغط بالإضافة إلى بقاء بيانات EXIF ​​في مكانها أم لا.

3. الخيار الثالث (تغيير حجم الصورة) غير متوفر في الأداة المجانية.

4. بمجرد تكوين إعداداتك، انقر إما لتحميل الصورة أو سحبها وإفلاتها في صندوق الإسقاط.

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

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

فقط لكي يكون لديك أساس للمقارنة هنا، هذا هو الفرق بين الضغط مع فقدان البيانات (العلوي) والضغط بدون فقدان البيانات (السفلي) على نفس الصورة:

5. بعد ضغط الملف، يمكنك الآن تنزيل الملف على سطح المكتب.

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

تغليف

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

  • هل صورك في الغالب بتنسيق JPG والتي قد تستفيد من الضغط مع فقدان البيانات؟ أم أنها في الغالب ملفات PNG التي يجب أن تستخدم الضغط بدون فقدان البيانات؟
  • كم عدد الصور التي تريد تغيير حجمها و/أو ضغطها في وقت واحد؟
  • هل يتجاوز حجم صورك 5 ميغابايت وتتطلب قوة معالجة أكبر من أدوات الضغط أو تغيير الحجم المتوفرة؟
  • هل تريد التحكم في مقدار الضغط وفقدان الجودة الناتج عن استخدام هذه الأدوات؟ أم تفضل الاعتماد على الإعدادات الافتراضية لعدم التدخل؟
  • هل تحتاج إلى مساعدة في إزالة بيانات EXIF ​​التعريفية أم تريد التأكد من بقائها في مكانها؟
  • هل لديك الوقت لتحسين الصور بنفسك أم تفضل أتمتة الأمر برمته؟

في النهاية، تريد استخدام أداة تنجز كل شيء بأسرع ما يمكن وبسلاسة قدر الإمكان. لا تنس أيضًا أن تفكر فيما سيفعله شيء مثل مكون WordPress الإضافي بمساحة الخادم لديك. كما هو الحال دائمًا، يمكن لـ WP Buffs المساعدة في هذا الأمر!

هل تريد تقديم ملاحظاتك أو الانضمام إلى المحادثة؟أضف تعليقاتك على تويتر.

حفظ حفظ

حفظ حفظ

حفظ حفظ

حفظ حفظ

حفظ حفظ