10 طرق لتقليل حجم صورك

نشرت: 2018-02-15

reducir imagenes

نحب جميعًا أن يكون لدينا موقع ويب به صور عالية الجودة لجذب انتباه قرائنا ، أليس كذلك؟

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

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

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

  • 1 · لماذا يجب تقليل حجم الصور على موقعك؟
  • 2 · عشر أدوات لتقليل حجم الصور لموقعك على الويب
    • 2.1 1) ShortPixel
    • 2.2 2) محسن صور EWWW
    • 2.3 3) ضغط JPG e PNG
    • 2.4 4) Compressor.io
    • 2.5 5) Optimizilla
    • 2.6 6) WP Smush
    • 2.7 7) Kraken.io
    • 2.8 8) تخيل محسن الصورة
    • 2.9 9) فوتوشوب
    • 2.10 10) الشغب
  • 3 · كيفية تحميل الصور الخاصة بك إلى Mailrelay
    • 3.1 الوظائف ذات الصلة:

Envia hasta 75.000 emails gratis!

· لماذا يجب تقليل حجم الصور على موقعك؟

قبل أن أبدأ الحديث عن كل من هذه الأدوات ، أود أن أوضح أهمية تقليل حجم صور موقعك.

في الوقت الحاضر ، من الضروري أن تكون المواقع سريعة ، أي أنها تستغرق بضع ثوانٍ فقط للتحميل (من الناحية المثالية ، أقل من 3 ثوانٍ).

يعد تحسين صور موقعك بشكل صحيح أمرًا بالغ الأهمية لثلاثة أسباب:

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

عشر أدوات لتقليل حجم الصور لموقعك على الويب

1) ShortPixel

الهدف من هذه الأداة هو تحسين أداء مواقعنا وتقليل حجم الصور.

إنه متوفر في إصدار الويب وكمكوِّن إضافي لبرنامج WordPress ، ويقدم ثلاثة أنواع من ضغط الصور:

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

يتيح لك إصدار الويب من ShortPixel تقليل الصور على دفعات من 50 ملفًا.

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

أيضًا ، سيتم تغيير حجم الصور الجديدة التي تقوم بتحميلها تلقائيًا ، دون الحاجة إلى أي إجراء آخر.

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

https://shortpixel.com/

مُحسِّن صور البكسل القصير

2) محسن صور EWWW

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

كما في حالة ShortPixel ، يحتوي EWWW Image Optimizer على إصدار ويب وأيضًا مكون إضافي لبرنامج WordPress بالإضافة إلى العديد من الخطط المدفوعة.

يتيح لك EWWW Image Optimizer زيادة سرعة تحميل صفحاتك وتحسين جميع الصور الموجودة على موقعك.

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

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

بالنسبة لخيارات الضغط ، يمكنك اختيار الضغط لكل بكسل أو خيارات ضغط عالية دون فقد الجودة.

https://ewww.io/

محسن صور EWWW

3) ضغط JPG e PNG

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

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

http://compressjpeg.com/es/

4) Compressor.io

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

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

أيضًا ، عند اكتمال العملية ، ستعرض لك الأداة النسبة المئوية للضغط مقارنة بالصورة الأصلية.

لاحظ أنه يسمح لك بضغط الملفات بأربعة تنسيقات مختلفة: JPEG و PNG و GIF و SVG.

5) Optimizilla

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

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

http://optimizilla.com/es/

6) WP Smush

إنه مكون إضافي لبرنامج WordPress أقوم بتثبيته دائمًا على مواقعي. الاسم الصحيح لهذا البرنامج المساعد هو Smush Image Compression and Optimization.

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

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

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

Smush - تحميل الصور كسول وتحسين وضغط الصور

7) Kraken.io

Kraken Image Optimizer هي أداة متوفرة في إصدار عبر الإنترنت ، ولكنها تحتوي أيضًا على مكون إضافي لـ WordPress أو Magento.

الميزة الأساسية لهذه الأداة هي للمستخدمين الذين يحتاجون إلى: تقليل عرض النطاق الترددي واستخدام المساحة ، مما يؤدي إلى تحسين وقت تحميل موقع الويب.

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

يدعم هذا البرنامج ملفات JPEG و PNG و GIF ويبلغ الحد الأقصى لحجم الملف 32 ميغابايت.

https://kraken.io/

محسن الصورة Kraken.io

8) تخيل محسن الصورة

كما هو الحال مع الأدوات السابقة الأخرى ، يتوفر Imagify في إصدار ويب ومكوِّن إضافي لبرنامج WordPress.

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

يمكن للمكوِّن الإضافي ضغط مكتبة WordPress الخاصة بك وتغيير حجمها بنقرة واحدة ، وهو متوافق أيضًا مع خيارات أخرى ، مثل WooCommerce و NextGen Gallery.

https://imagify.io/

Imagify - تحسين صورك وتحويل WebP

9) برنامج فوتوشوب

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

إذا كنت مغرمًا بالعمل في بيئة Adobe ، فإن Photoshop لديه خيار لتحسين الصور لاستخدامها في مواقع الويب.

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

ما عليك سوى ضبط الصورة وفقًا لاحتياجاتك وتنزيل الملفات المضغوطة.

reducir imagenes photoshop

10) الشغب

أخيرًا ، أود التحدث عن RIOT ، وهو برنامج يسمح لك بالحصول على التوازن الصحيح بين الجودة وحجم الصور الخاصة بك.

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

أما بالنسبة للصيغ ، فهو يسمح بضغط الملفات بتنسيق JPG و GIF و PNG. يمكنه تغيير حجم الصور باستخدام ست خوارزميات مختلفة.

· كيفية تحميل الصور الخاصة بك إلى Mailrelay

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

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

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

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

reducir imagenes

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

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

reducir imagenes

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

reducir imagenes

مرر مؤشر الماوس فوق الصورة ، وانقر بزر الماوس الأيمن ، وحدد خيار "نسخ عنوان الصورة".

reducir imagenes

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

reducir imagenes

لإضافته اضغط على زر "صورة" وسترى الشاشة التالية:

reducir imagenes

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

reducir imagenes

ماذا يمكنك تكوين خصائص الصورة؟

  1. نص بديل. إنه النص الذي سيراه المستخدم عندما لا يتم تحميل الصورة بشكل صحيح. قد يحدث أنه ، اعتمادًا على برنامج البريد الإلكتروني ، لا يتم تحميل الصورة بنجاح. نوصي بإضافة عنوان URL لموقعك لتجنب المشاكل.
  2. الحجم (العرض والارتفاع بالبكسل). هنا يجب عليك إدخال حجم صورتك. توصيتي ألا يتجاوز عرضها 600 بكسل بحيث يتم عرضها على الهواتف الذكية بشكل صحيح. في الواقع ، إذا كان بإمكانك استخدام عرض 400 أو 500 بكسل ، فسيكون ذلك أفضل.
  3. حافة. حجم الحدود بالبكسل. عادةً ما أترك هذا الحقل فارغًا ، ولكن إذا كنت تريد إضافة حد ، فيجب عليك تكوينه في هذا الخيار.
  4. مساحة أفقية ورأسية. يمكنك تكوين المساحة الأفقية والعمودية للصورة بالبكسل.
  5. انتقام. حدد المحاذاة اليسرى أو اليمنى للصورة.

بعد إعداده وفقًا لتصميم رسالتك الإخبارية ، سيكون لديك شيء مثل هذا:

reducir imagenes

الآن عليك فقط النقر فوق الزر "قبول" لإدراج صورتك في الرسالة الإخبارية.

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

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

بعد كل شيء ، أنا متأكد من أنك تريد أن تكون في الصفحات الأولى لكلماتك الرئيسية الأساسية.