يشير التحسين إلى تسريع عملية تحميل الملفات عن طريق تقليل حجم ملفها، إلى جانب الحفاظ على جودة الصورة.
يمكن أن تلحق الصور التي لم يتم تحسينها قبل أن نقوم برفعها للاستخدام على موقع ما الضرر بسرعة تحميل الموقع وتتسبب في مغادرة الزائرين الموقع. هذه مشكلة كبيرة عند محاولة إنشاء علامة تجارية وتكبير حركة مرور الموقع. يُعد حجم الملف وجودة الصورة عاملين من شأنهما إحداث تأثير كبير في سرعة تحميل الصفحة.
في هذا الدليل
خذ هذه الصورة ذات جودة الطباعة الصغيرة على سبيل المثال. تم تنزيلها من Unsplash.com ويبلغ مقاسها 2048 × 1286 بمعدل 240 نقطة لكل بوصة. يبلغ حجم الملف 1.1 ميجابايت.
![](https://en-support.files.wordpress.com/2018/01/truck-in-field.jpeg)
لنأخذ الصورة نفسها ونقلِّل حجم الأبعاد والنقاط في كل بوصة قبل تحميلها إلى مكتبة الوسائط الخاصة بنا. سنحصل على النتيجة نفسها مع تقليل حجم الصورة غير الضروري.
إذا كنت تبحث عن طريقة سريعة لتقليل حجم الصورة، يمكنك استخدام أدوات خارجية مجانية، مثل هذه.
إذا كنت ترغب في مزيد من التحكم حول كيفية تحسين الصورة، فاستمر بالقراءة للحصول على نظرة عامة أكثر عمقًا. سنستخدم اثنين من البرامج المجانية لتقليل حجم صورتنا. يمكنك تنزيلهما من هنا:
- برنامج GIMP
- برنامج ImageOptim
لتقليل حجم الصورة:
- فتح الصورة في برنامج GIMP
- انقر على الصورة في شريط الأدوات، ثم حدِّد تغيير حجم الصورة
- في حجم الصورة، قم بتغيير العرض إلى 1920 بكسل (أو عرضك الخاص)
- النقر على تغيير الحجم
- حدِّد ملفًا في شريط الأدوات. ثم حدِّد تصدير باسم
- اسم خاص بملفك ينتهي بـ “.jpg”
- تحديد تصدير
- في مربع الحوار الذي يفتح، قم بتغيير الجودة إلى 60
- انقر على خيارات متقدمة.
- تغيير الاختزال الجزئي إلى 4:2:0 (ربع صفاء)
- النقر على تصدير
![](https://en-support.files.wordpress.com/2019/03/image-size-rescaling-wordpress.png?w=460)
تُعد هذه الإعدادات مجرد نقطة انطلاق جيدة. لا تتردد في ضبطها بالطريقة التي تراها مناسبة.
فيما يأتي مقارنة للنتائج:
![](https://en-support.files.wordpress.com/2020/09/truck-in-field.jpeg)
![](https://en-support.files.wordpress.com/2020/09/truck-in-field.jpg)
يمكننا تصغير حجم الملف باستخدام برنامج ImageOptim (تطبيق Mac أو خدمة الويب)
افتح برنامج ImageOptim واختر جودة قدرها 60% لكل نوع ملف:
![](https://en-support.files.wordpress.com/2018/01/imageoptim-quality-settings.png)
بعد إضافة هذه الإعدادات، انقر بزر الماوس الأيمن على الصورة التي ترغب في تحسينها وحدِّد فتح باستخدام برنامج ImageOptim.
سيقلِّل برنامج ImageOptim الصورة تلقائيًا إلى الإعدادات التي قمنا باختيارها.
يتعذر عكس هذا الإجراء. احرص على أن تكون لديك نسخة احتياطية من الصورة مقدمًا.
إذا كنت تستخدم حاسوبًا شخصيًا، ارفع الصورة على موقع برنامج ImageOptim على الويب، وسيوفرون تنزيلاً للملف المحسَّن.
إصدار موقع الويب غير مجاني وله تكلفة شهرية. يوفِّرون تجربة مجانية.
إذا كنت تقوم بالنشر على موقعك باستخدام تطبيق ووردبريس، فلدى التطبيق خيار تحسين الصور.
في تطبيق ووردبريس لهواتف آيفون، يمكنك تعيين الحد الأقصى لحجم رفع الصورة بحيث يتم تغيير حجم الملف الأصلي عندما تقوم برفعه. يمكن العثور على هذا الخيار عن طريق الانتقال إلى موقعي والنقر على أيقونة الملف الشخصي الموجودة في الزاوية العلوية اليُمنى، ثم اختيار إعدادات التطبيق.
في تطبيق ووردبريس لنظام تشغيل Android، انقر على أيقونة ملفك الشخصي الموجودة في الزاوية العلوية اليُمنى، واختر إعدادات التطبيق. من هناك، قم بتمكين تحسين الصور لتغيير حجم الصور وضغطها عند رفعها.
![](https://en-support.files.wordpress.com/2020/09/wordpress-app-image-size.png?w=512)
تتميز شاشات ريتينا بكثافة بكسلات أعلى بكثير مقارنةً بالشاشات العادية، ما قد يتسبب في ظهور الصور ذات كثافة بكسلات عادية بشكل مشوش. لتفادي هذا الأمر، إذا اكتشفنا شاشة ريتينا، فإننا نقدم الصورة بحجم مزدوج بحيث يتم عرضها بأقصى حد من الحدة. لا يفلح هذا الأمر إلا إذا كانت الصورة التي تظهر في مكتبة وسائطك أكبر من الحجم الذي يظهر على موقعك.
حتى عند مضاعفة الحد الأقصى لحجم الشاشة على مدونتك، ينبغي أن يظل ملف الصورة أصغر بكثير مقارنةً بالدقة الكاملة المستخدمة من قِبل الكاميرا الخاصة بك، بحيث تتمكن من تحسين صورك وجعلها تبدو بصورة جيدة على شاشات ريتينا.
قد تحتوي أدوات برامج تحرير الصور الأخرى على خيارات سهلة لتعيين حجم مجموعة من الصور وضغطها بمنتهى السرعة. ستعمل مجموعات، مثل Photoshop/Paint Shop Pro كذلك، ولكن هناك عدد قليل من الخيارات المجانية، تشتمل على ما يأتي:
- برنامج ImageOptim
- برنامج Irfanview
- برنامج GIMP
- برنامج Photofiltre
- برنامج FastStone
توجد كذلك خدمات تستند إلى الويب يمكنك استخدامها: