Brandora

شرح تصغير حجم الصور بنفس الجودة للمواقع الإلكترونية | ويب وينر

تصغير حجم الصور تصغير حجم الصور بنفس الجودة

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

لماذا من المهم أن تصغر حجم الصورة؟

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

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

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

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

– استخدام الفوتوشوب لتصغير حجم الصورة بنفس الجودة 

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

  • شغل برنامج الفوتوشوب على الحاسوب الخاص بك. 
  • ثم، افتح الصورة التي تريد تصغير حجمها. وانقر على image size. 
شرح تصغير حجم الصور بنفس الجودة للمواقع الإلكترونية | ويب وينر
  • بعد ذلك، بإمكانك التعديل على حجم الصورة الذي يناسبك، سواء من خيارات الطول والعرض من الأعلى أو خيار الـ Resolution بالأسفل. وانقر على ok بعد الانتهاء من تصغير حجم الصورة. 
شرح تصغير حجم الصور بنفس الجودة للمواقع الإلكترونية | ويب وينر
  • في الخطوة التالية، انقر على خيار File  بالأعلى وحدد على save as. 
شرح تصغير حجم الصور في الفوتوشوب
  • وقبل حفظ الصورة ستحصل على خيار يُمكّنك من التعديل على جودة الصورة، وستجد أن هناك خيار على الجانب الأيمن يُبين لك حجم الصورة، وانقر على ok. 
شرح تصغير حجم الصور بنفس الجودة للمواقع الإلكترونية

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

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

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

– برنامج inPixio

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

– TinyPNG

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

– Gimp

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

أفضل إضافات تصغير حجم الصور للووردبريس 

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

– إضافة Imagify Image Optimizer

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

– إضافة Optimole

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

– إضافة EWWW Image Optimizer Cloud

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

الخاتمة 

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

*******************************

شارك هذا المقال عبر: Share this content

You Might Also Like

قالب ووردبريس متجر إلكتروني

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

يونيو 8, 2025 إضافات تسريع موقع الووردبريس

أقوى إضافات تسريع موقع الووردبريس

يونيو 26, 2024 منصات لإنشاء موقع إلكتروني

أفضل 5 منصات لإنشاء موقع إلكتروني 2025

أبريل 19, 2021

Related Articles

All articles
ط§ظ‚طھط±ط§ط­ط§طھ ط§ط³ظ…ط§ط، ط´ط±ظƒط§طھ ط§ظ„طھط³ظˆظٹظ‚ ط§ظ„ط§ظ„ظƒطھط±ظˆظ†ظٹ طھظڈظ†ط§ط³ط¨ طھظˆط¬ظ‡ط§طھ 20262026-02-08

ط§ظ‚طھط±ط§ط­ط§طھ ط§ط³ظ…ط§ط، ط´ط±ظƒط§طھ ط§ظ„طھط³ظˆظٹظ‚ ط§ظ„ط§ظ„ظƒطھط±ظˆظ†ظٹ طھظڈظ†ط§ط³ط¨ طھظˆط¬ظ‡ط§طھ 2026

ط¹ظ†ط¯ ط¨ط¯ط، ظ…ط´ط±ظˆط¹ظƒ ط§ظ„ط®ط§طµ ظˆط¥ظ†ط´ط§ط، ط´ط±ظƒطھظƒ ط¹ظ„ظٹظƒ ط§ط®طھظٹط§ط± ط§ط³ظ… ظ…ظ† ط§ط³ظ…ط§ط، ط´ط±ظƒط§طھ ط§ظ„طھط³ظˆظٹظ‚ ط§ظ„ط§ظ„ظƒطھط±ظˆظ†ظٹ ظٹطھط³

+ 150 ط§ط³ظ… ظ…ظ† ط§ط³ظ…ط§ط، ط¬ط±ظˆط¨ط§طھ طھط³ظˆظٹظ‚ ظپظٹط³ ط¨ظˆظƒ ظ…ظ…ظٹط²ط© ظˆظƒط±ظٹظٹطھظپ2026-02-05

+ 150 ط§ط³ظ… ظ…ظ† ط§ط³ظ…ط§ط، ط¬ط±ظˆط¨ط§طھ طھط³ظˆظٹظ‚ ظپظٹط³ ط¨ظˆظƒ ظ…ظ…ظٹط²ط© ظˆظƒط±ظٹظٹطھظپ

ظٹط³ط§ط¹ط¯ظƒ ط§ظ„ط­طµظˆظ„ ط¹ظ„ظ‰ ظ‚ط§ط¦ظ…ط© ط§ط³ظ…ط§ط، ط¬ط±ظˆط¨ط§طھ طھط³ظˆظٹظ‚ ظپظٹط³ ط¨ظˆظƒ ظ…ظ…ظٹط²ط© ظˆط¬ط°ط§ط¨ط© ظˆظ…ط±طھط¨ط·ط© ط¨ظ†ط´ط§ط·ظƒ ط§ظ„طھط¬ط§ط±ظٹ

10 ظ…طھط§ط¬ط± ط¹ط§ظ„ظ…ظٹط© ط§ظˆظ† ظ„ط§ظٹظ† ظ‡ظٹ ط§ظ„ط£ظپط¶ظ„ ظ„ط¯ظ‰ ط§ظ„ظ…طھط³ظˆظ‚ظٹظ† ظپظٹ ط§ظ„ط¹ط§ظ„ظ…2026-02-05

10 ظ…طھط§ط¬ط± ط¹ط§ظ„ظ…ظٹط© ط§ظˆظ† ظ„ط§ظٹظ† ظ‡ظٹ ط§ظ„ط£ظپط¶ظ„ ظ„ط¯ظ‰ ط§ظ„ظ…طھط³ظˆظ‚ظٹظ† ظپظٹ ط§ظ„ط¹ط§ظ„ظ…

10 ظ…طھط§ط¬ط± ط¹ط§ظ„ظ…ظٹط© ط§ظˆظ† ظ„ط§ظٹظ† ظ‡ظٹ ط§ظ„ط£ظپط¶ظ„ ظ„ط¯ظ‰ ط§ظ„ظ…طھط³ظˆظ‚ظٹظ† ظپظٹ ط§ظ„ط¹ط§ظ„ظ… ظˆط§ط³طھط·ط§ط¹طھ ط§ظ„ظˆطµظˆظ„ ظ„ظ„ط¹ط§ظ„ظ…ظٹط© ط¨ظپط¶ظ„

ظ†طµط§ط¦ط­ ظ„ط²ظٹط§ط¯ط© ط²ظˆط§ط± ظ…ظˆظ‚ط¹ظƒ ط§ظ„ط¥ظ„ظƒطھط±ظˆظ†ظٹ: 14 ط·ط±ظٹظ‚ط© طھظڈط­ط¯ط« ط§ظ„ظپط§ط±ظ‚2026-02-03

ظ†طµط§ط¦ط­ ظ„ط²ظٹط§ط¯ط© ط²ظˆط§ط± ظ…ظˆظ‚ط¹ظƒ ط§ظ„ط¥ظ„ظƒطھط±ظˆظ†ظٹ: 14 ط·ط±ظٹظ‚ط© طھظڈط­ط¯ط« ط§ظ„ظپط§ط±ظ‚

ظ†طµط§ط¦ط­ ظ„ط²ظٹط§ط¯ط© ط²ظˆط§ط± ظ…ظˆظ‚ط¹ظƒ ط§ظ„ط§ظ„ظƒطھط±ظˆظ†ظٹ ظ‡ظٹ ط§ط³ظ… ط¯ظˆظ…ظٹظ† ط³ظ‡ظ„ ظˆظƒطھط§ط¨ط© ظ…ط­طھظˆظ‰ ظ…ظ…ظٹط² ظˆط§ظ„طھظ†ظˆظٹط¹ ط¨ظٹظ† ط§ظ„ظ…ط­

ط§ظ„ظپط±ظ‚ ط¨ظٹظ† ط§ظ„ظ…ظˆط§ظ‚ط¹ ط§ظ„ط«ط§ط¨طھط© ظˆط§ظ„ط¯ظٹظ†ط§ظ…ظٹظƒظٹط© (Static vs Dynamic)2026-02-03

ط§ظ„ظپط±ظ‚ ط¨ظٹظ† ط§ظ„ظ…ظˆط§ظ‚ط¹ ط§ظ„ط«ط§ط¨طھط© ظˆط§ظ„ط¯ظٹظ†ط§ظ…ظٹظƒظٹط© (Static vs Dynamic)

ط§ظ„ظپط±ظ‚ ط¨ظٹظ† ط§ظ„ظ…ظˆط§ظ‚ط¹ ط§ظ„ط«ط§ط¨طھط© ظˆط§ظ„ظ…ظˆط§ظ‚ط¹ ط§ظ„ط¯ظٹظ†ط§ظ…ظٹظƒظٹط© ظ‡ظˆ ظپظٹ ط³ط±ط¹ط© ط§ظ„طھط­ظ…ظٹظ„ ظˆط§ظ„ط£ط¯ط§ط، ظˆطھظƒظ„ظپط© ط§ظ„ط¥ظ†ط´

8 ظ…ظ† ط£ظپط¶ظ„ ظ„ط؛ط§طھ ط§ظ„ط¨ط±ظ…ط¬ط© ط§ظ„ظ…ط³طھط®ط¯ظ…ط© ظپظٹ طھطµظ…ظٹظ… ط§ظ„ظ…ظˆط§ظ‚ط¹ ظ„ظ„ظ…ط¨ط±ظ…ط¬ظٹظ†2025-02-23

8 ظ…ظ† ط£ظپط¶ظ„ ظ„ط؛ط§طھ ط§ظ„ط¨ط±ظ…ط¬ط© ط§ظ„ظ…ط³طھط®ط¯ظ…ط© ظپظٹ طھطµظ…ظٹظ… ط§ظ„ظ…ظˆط§ظ‚ط¹ ظ„ظ„ظ…ط¨ط±ظ…ط¬ظٹظ†

طھطھط¹ط¯ط¯ ط£ظپط¶ظ„ ظ„ط؛ط§طھ ط§ظ„ط¨ط±ظ…ط¬ط© ط§ظ„ظ…ط³طھط®ط¯ظ…ط© ظپظٹ طھطµظ…ظٹظ… ط§ظ„ظ…ظˆط§ظ‚ط¹ ظˆطھط·ط¨ظٹظ‚ط§طھ ط§ظ„ط¬ظˆط§ظ„طŒ ظˆطھط¹طھط¨ط± ط¬ط§ظپط§ ط§ط³ظƒط±ظٹط¨