Skip to content

ضغط الصور — JPEG وPNG وWebP

اضغط صور JPEG وPNG وWebP أونلاين مجاناً — بياناتك لا تغادر متصفّحك أبداً. قلّل حجم الصورة حتى 80% مع الحفاظ على الجودة. معالجة دفعية لـ 20 صورة.

بدون تتبّع يعمل في المتصفّح مجاني
تتم جميع المعالجة في متصفحك. لا تغادر صورك جهازك أبداً.

أسقط الصور هنا أو انقر للتصفح

يدعم JPEG وPNG وWebP · حد أقصى 10 ميجابايت لكل ملف · حتى 20 صورة

75

EXIF and other metadata are removed during compression for privacy.

Reviewed for compression accuracy and cross-browser compatibility — Go Tools Engineering Team · Mar 22, 2026

Our team tests compression quality across JPEG, PNG, and WebP formats and verifies Canvas API behavior across major browsers.

ما هو ضغط الصور؟

ضغط الصور يُقلّل حجم الملف بإزالة البيانات المرئية الزائدة أو غير المحسوسة، مما يُمكّن من تحميل أسرع للصفحات واستهلاك أقل لعرض النطاق. وفقاً لتقرير HTTP Archive Web Almanac، تُشكّل الصور ما يقارب 50% من إجمالي وزن الصفحة في المتوسط — مما يجعل تحسين الصور من أعلى تحسينات الأداء تأثيراً المتاحة لمطوري الويب.

كما تُشير إرشادات أداء الويب من Google، فإن تحسين الصور يأتي باستمرار ضمن أهم التوصيات من Lighthouse وPageSpeed Insights، مما يُحسّن مباشرة مقاييس Core Web Vitals مثل Largest Contentful Paint (LCP). أظهرت مواصفات WebP (Google، 2010) أن خوارزميات الضغط الحديثة يمكن أن تُقلّل أحجام ملفات الصور بنسبة 25-35% مقارنة بـ JPEG بجودة بصرية مكافئة.

هناك نهجان رئيسيان للضغط:

الضغط مع فقدان يتجاهل بعض بيانات الصورة لتحقيق أحجام ملفات أصغر. يستخدم JPEG وWebP الضغط مع الفقدان افتراضياً — إعداد جودة 75% يُقلّل حجم الملف عادة بنسبة 60-80% مع فرق مرئي ضئيل. المقايضة لا رجعة فيها: بمجرد تجاهل البيانات، لا يمكن استعادتها.

الضغط بدون فقدان يُقلّل حجم الملف دون تجاهل أي بيانات. يستخدم PNG الضغط بدون فقدان افتراضياً — الصورة المفكوكة مطابقة تماماً للأصلية. نسبة الضغط أقل (عادة 10-30%)، لكن جودة الصورة محفوظة تماماً.

تضغط هذه الأداة صورك بالكامل في متصفحك — لا يتم رفع صورك إلى أي خادم على الإطلاق. لملفات JPEG وWebP، يتحكم شريط تمرير الجودة مباشرة في مستوى الضغط عبر واجهة Canvas API. أما ملفات PNG فتعود إليك بتنسيق PNG: بما أن Canvas API لا تستطيع ترميز PNG مع الفقدان، تضغطها الأداة بدلاً من ذلك عبر تكميم اللوحة اللونية، وهو أسلوب يُقلّل عدد الألوان المختلفة مع الحفاظ على الشفافية كاملة، بما في ذلك الحواف الناعمة المصقولة. وإذا أردت تنسيقاً آخر، يتيح لك مُحدِّد تنسيق المخرجات فرض PNG أو WebP لأي ملف مُدخل.

لتضمين الصور المضغوطة الصغيرة مباشرة في HTML أو CSS، يمكنك ترميز Base64 للمخرجات لإنشاء معرّفات URI للبيانات — تقنية شائعة للأيقونات والشعارات تحت 5 كيلوبايت.

// Compress a JPEG image in the browser using the Canvas API
async function compressImage(file, quality = 0.75) {
  const img = await createImageBitmap(file); // decode the image
  const canvas = document.createElement('canvas');
  canvas.width = img.width;
  canvas.height = img.height;
  canvas.getContext('2d').drawImage(img, 0, 0);
  // quality: 0.0 (smallest file) → 1.0 (original quality)
  return new Promise((resolve) =>
    canvas.toBlob(resolve, 'image/jpeg', quality)
  );
}

// file comes from an <input type="file"> or drag-and-drop
const blob = await compressImage(file, 0.75);
console.log(`Original:   ${file.size} bytes`);
console.log(`Compressed: ${blob.size} bytes`);
// → Original:   2100000 bytes
// → Compressed:  672000 bytes  (~68% reduction)

الميزات الرئيسية

معالجة 100% في المتصفح

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

ضغط دفعي

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

تحكم قابل للتعديل في الجودة

اضبط الضغط بدقة مع شريط تمرير الجودة من 0 إلى 100. شاهد تحديث حجم الملف المضغوط في الوقت الفعلي أثناء الضبط.

مقارنة منزلقة قبل/بعد

قارن بصرياً بين النسخة الأصلية والمضغوطة لأي صورة مع فاصل منزلق تفاعلي. اسحب يميناً ويساراً لفحص آثار الضغط في أي نقطة من الصورة.

دعم تنسيقات متعددة

اضغط صور JPEG وPNG وWebP. يبقى PNG بتنسيق PNG — يُضغط عبر تكميم اللوحة اللونية، فتبقى الشفافية محفوظة. وعندما تريد فعلاً تنسيقاً مختلفاً، استخدم مُحدِّد تنسيق المخرجات: أبقِ تنسيق الملف المُدخل، أو افرض PNG أو WebP.

JPEG مقابل PNG مقابل WebP

JPEG

ضغط مع فقدان، بدون شفافية

الأفضل للصور الفوتوغرافية والصور المعقدة ذات الألوان والتدرجات الكثيرة. نسب ضغط ممتازة (تقليل 60-90% بجودة 75). لا يدعم الشفافية. أكثر تنسيقات الصور دعماً على الويب.

PNG

ضغط بدون فقدان، يدعم الشفافية

الأفضل للرسومات ذات الحواف الحادة والنصوص والشعارات والصور التي تتطلب شفافية. أحجام ملفات أكبر من JPEG للصور الفوتوغرافية. تُبقي هذه الأداة PNG بتنسيق PNG وتُصغّره عبر تكميم اللوحة اللونية مع الحفاظ على الشفافية — لا تمر مخرجات PNG إطلاقاً عبر Canvas API التي لا تُرمّز PNG إلا بدون فقدان.

WebP

مع وبدون فقدان، يدعم الشفافية

تنسيق Google الحديث الذي يوفر ملفات أصغر بنسبة 25-35% من JPEG بجودة مكافئة، مع دعم الشفافية مثل PNG. مدعوم من جميع المتصفحات الحديثة. الأكثر كفاءة لصور الويب في 2026.

أمثلة على الضغط

ضغط صورة JPEG فوتوغرافية

photo-landscape.jpg (2.1 MB, 4000×3000)
photo-landscape.jpg (680 KB at quality 75)

صورة JPEG فوتوغرافية عالية الدقة تم ضغطها بجودة 75. تم تقليل حجم الملف بنحو 68% مع فقدان جودة مرئي ضئيل. JPEG هو الأفضل للصور الفوتوغرافية والصور المعقدة ذات التدرجات.

ضغط شعار/أيقونة PNG

logo-transparent.png (43 KB, 1200×800)
logo-transparent.png (19 KB بجودة 80)

شعار PNG بشفافية مضغوط بجودة 80 — أصغر بنسبة 57% ولا يزال بتنسيق PNG. يُقلّل تكميم اللوحة اللونية عدد الألوان بدلاً من تغيير التنسيق، لذا تبقى الشفافية: في هذا الملف بقيت الخلفية الشفافة تماماً والحواف الناعمة المصقولة والظل كما هي. اختر WebP من مُحدِّد تنسيق المخرجات إذا كنت تفضّل التنازل عن التنسيق مقابل ملف أصغر.

ضغط بانر WebP

hero-banner.webp (800 KB, 1920×1080)
hero-banner.webp (250 KB at quality 75)

صورة WebP أعيد ضغطها بجودة 75. حقق ضغط WebP المدمج تقليلاً بنسبة 69% مع الحفاظ على جودة بصرية جيدة.

كيفية ضغط الصور عبر الإنترنت

  1. 1

    ارفع صورك

    اسحب وأسقط الصور في منطقة الرفع، أو انقر لتصفح ملفاتك. يمكنك اختيار حتى 20 صورة JPEG أو PNG أو WebP دفعة واحدة، كل منها حتى 10 ميجابايت.

  2. 2

    اضبط الجودة

    استخدم شريط تمرير الجودة لتحديد مستوى الضغط المطلوب (0-100). الافتراضي هو 75، مما يوفر توازناً جيداً. راقب أحجام الملفات ونسب الضغط تتحدث في الوقت الفعلي.

  3. 3

    نزّل النتائج

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

حالات الاستخدام

تحسين أداء المواقع
قلّل أحجام ملفات الصور قبل رفعها إلى موقعك. الصور الأصغر تُحمّل أسرع، مما يُحسّن نتائج Core Web Vitals (خاصة Largest Contentful Paint)، ويُقلّل تكاليف النطاق الترددي، ويُحسّن ترتيب SEO.
تقليل حجم مرفقات البريد الإلكتروني
اضغط الصور قبل إرفاقها بالبريد الإلكتروني للبقاء ضمن حدود حجم المرفقات (عادة 10-25 ميجابايت). يمكن ضغط دفعة من 20 صورة من 50 ميجابايت إلى أقل من 10 ميجابايت.
تحضير الرفع لوسائل التواصل
اضغط الصور مسبقاً قبل رفعها إلى منصات التواصل الاجتماعي. بينما تُعيد المنصات ضغط الصور تلقائياً، البدء بملف مضغوط بشكل مثالي يمنحك مزيداً من التحكم.
تحسين أصول التطبيقات والألعاب
اضغط أصول واجهة المستخدم والقوام والرسومات المتحركة للتطبيقات والألعاب. الأصول الأصغر تعني تنزيلات أسرع واستخداماً أقل للتخزين.
تحسين المستندات والعروض التقديمية
قلّل حجم الصور المضمنة في ملفات PDF ومستندات Word والعروض التقديمية. يمكن تقليل عرض تقديمي بحجم 50 ميجابايت إلى 10 ميجابايت بدون فقدان جودة ملحوظ.

التفاصيل التقنية

ضغط Canvas API
تستخدم هذه الأداة طريقة toBlob() في واجهة HTML5 Canvas API للضغط. يتم رسم الصورة على عنصر canvas غير مرئي، ثم إعادة ترميزها بمعامل الجودة المحدد.
تكميم اللوحة اللونية لـ PNG
بما أن Canvas toBlob() تتجاهل معامل الجودة لـ PNG، فإن مخرجات PNG لا تمر عبر Canvas إطلاقاً. بدلاً من ذلك تُكمَّم الصورة إلى لوحة ألوان: يُحدِّد شريط تمرير الجودة حجم اللوحة — الجودة 75 تُعطي 192 لوناً — وتُكتب النتيجة من جديد كملف PNG حقيقي بقناة ألفا سليمة. وتقابل الجودة 100 إعادة ترميز بدون فقدان لا تُغيّر أي بكسل. وإذا لم يكن الملف بعد التكميم أصغر من الأصل، تتخلّى الأداة عنه وتُبقي بايتات ملفك الأصلي.
سلوك معامل الجودة
يُعيّن شريط تمرير الجودة معامل الجودة في Canvas toBlob(): 100 = 1.0 (أعلى جودة)، 0 = 0.0 (أدنى جودة). لـ JPEG، الجودة 75 (0.75) هي عادة النقطة المثالية.
ذاكرة المتصفح والحدود
كل صورة موجودة في الذاكرة ككائن الملف الأصلي وكائن Blob المضغوط. مع 20 صورة بحجم 10 ميجابايت لكل منها، يمكن أن يصل استخدام الذاكرة القصوى إلى حوالي 400 ميجابايت.

أفضل الممارسات

ابدأ بجودة 75 لـ JPEG/WebP
الجودة 75 هي نقطة البداية الموصى بها لمعظم الاستخدامات. تُقلّل حجم الملف عادة بنسبة 60-80% مع فقدان جودة مرئي ضئيل.
استخدم WebP عند الإمكان
ينتج WebP ملفات أصغر بنسبة 25-35% من JPEG بنفس الجودة البصرية ويدعم الشفافية مثل PNG. جميع المتصفحات الحديثة تدعم WebP.
احتفظ بالملفات الأصلية
احتفظ دائماً بصورك الأصلية غير المضغوطة كملفات مصدر. الضغط مع الفقدان لا رجعة فيه — إعادة ضغط صورة مضغوطة بالفعل تُدهور الجودة أكثر.
تحقق من الجودة قبل التنزيل
استخدم زر المقارنة لفحص آثار الضغط بصرياً قبل التنزيل. انتبه بشكل خاص للمناطق ذات النصوص والحواف الحادة والتدرجات الدقيقة.
اجمع الصور المتشابهة معاً
الصور ذات الخصائص المتشابهة (نفس نوع المحتوى والدقة وعمق اللون) تُضغط بشكل أفضل بنفس إعداد الجودة.

الأسئلة الشائعة

هل ضغط الصور عبر الإنترنت آمن؟
نعم — هذه الأداة آمنة تماماً لأنها تُعالج الصور بالكامل في متصفحك. لا يتم رفع صورك إلى أي خادم أبداً. يستخدم الضغط واجهة Canvas API المدمجة في المتصفح، وجميع البيانات تبقى على جهازك. يمكنك التحقق بفتح تبويب الشبكة في أدوات المطور — لن ترى أي طلبات شبكة أثناء الضغط.
ما الفرق بين الضغط مع الفقدان والضغط بدون فقدان؟
الضغط مع الفقدان يُزيل بعض بيانات الصورة نهائياً لتحقيق أحجام ملفات أصغر. يستخدم JPEG وWebP الضغط مع الفقدان — إعداد جودة 75 يُقلّل حجم الملف عادة بنسبة 60-80% مع فرق مرئي ضئيل. الضغط بدون فقدان يُقلّل حجم الملف دون إزالة أي بيانات. الصورة المفكوكة مطابقة تماماً للأصلية. يستخدم PNG الضغط بدون فقدان. المقايضة هي أن التقليل أقل (عادة 10-30%). للاستخدام على الويب، الضغط مع الفقدان بجودة 75-85 هو الخيار الصحيح دائماً تقريباً.
هل تبقى ملفات PNG الخاصة بي بتنسيق PNG؟
نعم. ملف PNG الذي ترفعه يعود إليك بتنسيق PNG. واجهة Canvas API في المتصفح لا تستطيع ترميز PNG مع الفقدان، ولذلك تُكمّم هذه الأداة الصورة إلى لوحة ألوان بدلاً من تغيير التنسيق — تُقلّل عدد الألوان المختلفة ثم تكتب ملف PNG حقيقياً من جديد، مع الحفاظ على الشفافية بما في ذلك الحواف الناعمة المصقولة. وإذا كنت تريد WebP فعلاً، اختر WebP من مُحدِّد تنسيق المخرجات أعلى قائمة الملفات. الخيار الافتراضي بنفس تنسيق الأصل يُبقي كل ملف بتنسيقه، بينما يفرض الخيار PNG مخرجات PNG حتى لملفات JPEG أو WebP المُدخلة. عند الجودة 100 يُعاد ترميز PNG بدون فقدان، فلا يتغيّر أي بكسل، ويتوقف مقدار التقليل بالكامل على مدى كفاءة ترميز ملفك الأصلي — وقد يكون صفراً. وكلما لم تكن النتيجة أصغر من الملف الذي رفعته، تتخلّى الأداة عنها وتُبقي ملفك الأصلي.
هل يمكنني ضغط الصور بدون فقدان الجودة؟
تقنياً نعم — اضبط شريط تمرير الجودة على 100 للضغط بدون فقدان. لكن تقليل حجم الملف سيكون ضئيلاً (0-10% لمعظم الصور). عملياً، الجودة 80-85 تعني فعلياً "بدون فقدان جودة مرئي" لمعظم الصور. العين البشرية لا تستطيع التمييز بين الجودة 85 و100 في ظروف المشاهدة العادية.
كم عدد الصور التي يمكنني ضغطها دفعة واحدة؟
يمكنك ضغط حتى 20 صورة في دفعة واحدة. كل صورة يمكن أن تصل إلى 10 ميجابايت. تتم جميع المعالجة في متصفحك، لذا يعتمد الأداء على معالج جهازك والذاكرة المتاحة.
ماذا يحدث إذا كان الملف المضغوط أكبر من الأصلي؟
يمكن أن يحدث هذا مع الصور المحسّنة بالفعل بشكل جيد، أو عند الضغط بإعدادات جودة عالية جداً (90-100). ستحتفظ الأداة عندئذٍ بملفك الأصلي وتُظهر "0% تم التوفير" مع تلميح يوضّح سبب عدم استبدال أي شيء. في هذه الحالة، ملفك الأصلي مضغوط بالفعل بشكل مثالي — لا حاجة لإجراء إضافي.
هل يُغيّر الضغط أبعاد صورتي؟
لا — تضغط هذه الأداة الصور دون تغيير أبعاد البكسل. صورة بأبعاد 4000×3000 ستبقى 4000×3000 بعد الضغط. فقط حجم الملف يتغير.
ما تنسيقات الصور المدعومة؟
تدعم هذه الأداة ثلاثة تنسيقات: - JPEG (.jpg، .jpeg): التنسيق الأكثر شيوعاً للصور الفوتوغرافية. يدعم الضغط مع الفقدان. - PNG (.png): الأفضل للرسومات ذات الشفافية. يُضغط عبر تكميم اللوحة اللونية ويُحفظ بتنسيق PNG مع الحفاظ على الشفافية. - WebP (.webp): تنسيق حديث بأفضل كفاءة ضغط. التنسيقات الأخرى (GIF، SVG، AVIF، HEIC، TIFF) غير مدعومة حالياً.
كيف تقارن هذه الأداة بـ TinyPNG أو Squoosh من حيث التفاصيل التقنية؟
الفرق الرئيسي هو الخصوصية: تُعالج هذه الأداة الصور بالكامل في متصفحك — ملفاتك لا تغادر جهازك أبداً. TinyPNG يرفع الصور إلى خوادمه للمعالجة. TinyPNG يستخدم ضغطاً على الخادم بخوارزميات متقدمة (pngquant لـ PNG، وmozjpeg لـ JPEG) يمكن أن ينتج ملفات أصغر قليلاً من الضغط في المتصفح. لكن يجب رفع صورك إلى خوادمهم، والمستوى المجاني يحدّك بـ 20 صورة يومياً بحجم أقصى 5 ميجابايت لكل صورة. Squoosh (من Google) يُعالج أيضاً في المتصفح باستخدام WebAssembly، مع مزيد من برامج الترميز وتحكم أدق. هذه الأداة أبسط وأسرع للحالة الشائعة من الضغط الدفعي لملفات JPEG وPNG وWebP بإعداد جودة واحد. اختر هذه الأداة عندما تكون الخصوصية أولوية، وتحتاج ضغطاً دفعياً سريعاً، ولا تحتاج خيارات ترميز متقدمة.
ما إعداد الجودة الذي يجب أن أستخدمه؟
يعتمد ذلك على حالة الاستخدام: - الجودة 85–95: لا يمكن تمييزها بصرياً عن الأصل. استخدمها للتصوير الاحترافي ومواقع المعارض أو أي مكان تكون فيه جودة الصورة حرجة. التقليل النموذجي: 30–50%. - الجودة 70–85: جودة ممتازة مع توفير كبير في الحجم. النطاق الموصى به لمعظم استخدامات الويب. التقليل النموذجي: 50–75%. - الجودة 50–70: جودة جيدة مع ضغط قوي. مناسبة للصور المصغرة ووسائل التواصل الاجتماعي والصور المعروضة بأحجام صغيرة. التقليل النموذجي: 70–85%. - الجودة أقل من 50: تشوهات ملحوظة. استخدمها فقط عندما يكون حجم الملف أهم من الجودة (مثل قيود البريد الإلكتروني أو النطاق الترددي المنخفض جداً). استخدم زر المقارنة لإيجاد أقل جودة تبدو مقبولة لصورتك المحددة.

أدوات ذات صلة

عرض جميع الأدوات →

محوّل الأنظمة العددية — ثنائي وست عشري وعشري وثماني

أدوات التحويل

حوّل بين الأنظمة الثنائية والست عشرية والعشرية والثمانية وأي أساس من 2 إلى 36 فوراً — أداة مجانية أونلاين تعمل في متصفّحك. جرّبها الآن.

حاسبة chmod — صلاحيات ملفات لينكس

أدوات التحويل

حوّل صلاحيات ملفات لينكس بين النظام الثماني (755، 644) ورموز rwx. احصل على أوامر chmod جاهزة للتشغيل، واكشف الإعدادات الخطرة مثل 777 — مجاناً وداخل متصفحك مباشرة.

محوّل ألوان HEX/RGB/OKLCH

أدوات التحويل

حوّل ألوان HEX إلى RGB و HSL و OKLCH و OKLAB و CMYK داخل متصفحك — انسخ أي صيغة بنقرة واحدة. مجاني، بلا تسجيل، ألوانك لا تغادر الصفحة أبداً.

محوّل HEX إلى CMYK

أدوات التحويل

حوّل ألوان HEX إلى CMYK في المتصفح. تقريب ساذج قائم على sRGB لمعاينات الطباعة. مجاني، بلا تسجيل، ألوانك تبقى محلياً.

محوّل HEX إلى HSL

أدوات التحويل

حوّل أي لون HEX إلى HSL في المتصفح — يدعم 3 و6 و8 أرقام مع alpha. مجاني، فوري، بلا تسجيل، ألوانك لا تغادر الصفحة أبداً.

محوّل HEX إلى OKLCH

أدوات التحويل

حوّل HEX إلى OKLCH لرموز تصميم Tailwind v4. إخراج موحّد إدراكياً حيّ مع تنبيهات نطاق Display P3. مجاني، في المتصفح فقط.