ضاغط الصور
الصورغيّر حجم الصور وأعد ترميزها مع تحكم Canvas في الجودة، مع مقارنة الحجم قبل/بعد.
- الأصلي
- —
- المضغوط
- —
- الموفّر
- —
في هذه الصفحة
ما ضاغط الصور؟#
تُقلِّص هذه الأداة حجم ملف الصورة بإعادة ترميزه عبر خط أنابيب Canvas في المتصفح عند جودة أدنى، أو صيغة مختلفة، أو حجم بكسل أصغر — أيّ تركيب تختاره. الناتج ملف جديد يمكنك تنزيله، مع مقارنة الحجم قبل/بعد ليتّضح التبادل. إنّه إصلاح «هذه الصورة أكبر من أن تُرفَق» اليوميّ، محليًّا بلا رفع.
ثلاثة أذرع متاحة، وهي تتركب:
- الصيغة — JPEG (فقداني، معتمّ)، أو WebP (فقداني، حديث، أصغر بنحو 25–35% من JPEG عند الجودة نفسها)، أو PNG (غير فقداني؛ لا يُصغَّر إلّا عبر تغيير الحجم، أبدًا عبر فقدان الجودة).
- الجودة — شريط تمرير 5–100 يُعطَّل لإعداد الجودة في المُرمِّز. يُطبَّق على JPEG وWebP فقط؛ يُخفى الشريط مع PNG لأنّ PNG لا يمكنه فقدان الجودة بنيويًّا.
- أقصى عرض / ارتفاع — سقوف اختيارية تُصغِّر الصورة (محافظة على نسبة العرض، دون تكبير أبدًا) قبل الترميز. تغيير الحجم هو بلا منازع أكبر مكسب لحجم الصور الفوتوغرافية.
لأنّ العمل يجري على <canvas> عبر createImageBitmap وcanvas.toBlob، تُفكَّك صورتك وتُحوَّل وتُعاد ترميزها في الذاكرة؛ الملف الأصلي لا يُمَسّ.
كيف تستخدمها#
- أفلت صورة على المنطقة المتقطّعة.
- في صف الضوابط، اختر:
- صيغة الإخراج — افتراضي إلى نوع المصدر مع PNG/WebP، وJPEG لكلّ ما سواه.
- أقصى عرض / أقصى ارتفاع — اتركه فارغًا لـ«تلقائي» (بدون تغيير حجم)، أو أدخل سقفًا بالبكسل. تُحجَّم الصورة لتناسب الصندوق دون تشويه.
- الجودة — اسحب شريط التمرير (5–100)؛ تُعرض القيمة الحالية بجانبه. يُهمَل مع PNG.
- انقر ضغط. يُظهر شريط الإحصاءات الأصلي والمضغوط والموفّر (بايتات ونسبة مئوية)، بالإضافة إلى تنبيه إن كانت النتيجة أكبر بطريقة ما.
- تنزيل الملف المضغوط. تُظهر المعاينة النتيجة لتُحكِم في الجودة البصرية.
أبرز المزايا#
- افتراضيّات تدرك الصيغة. تبقى PNG كـ PNG (فتبقى الشفافية والحافّات الحادّة)، وتتحوّل الصور الفوتوغرافية افتراضيًّا إلى JPEG؛ لا تدمر الأداة قناة ألفا بصمتًا أبدًا.
- تغيير حجم يحافظ على النسبة. يحدّ أقصى عرض وارتفاع صندوقًا محيطًا؛ تُناسب الصورة الداخل بنسبتها سليمة ولا تُكبَّر أبدًا.
- تقرير صادق للأحجام. عندما تُنتج إعادة الترميز ملفًا أكبر (شائع في PNG إلى PNG أو صورة JPEG صغيرة أصلًا)، تقول الأداة ذلك بدلًا من الادّعاء بأنّها وفّرت مساحة.
- ناتج WebP. المتصفّحات الحديثة تقطع 25–35% أخرى فوق JPEG عند الجودة البصرية نفسها؛ مفيد لأصول الويب.
- خط أنابيب محليّ. واجهات Canvas تؤدّي الترميز؛ لا يُرفع شيء.
مثال عملي#
صورة هاتف بحجم 4.5 MiB بدقة 4032×3024 أكبر من أن تُرفق. أفلتها، واضبط صيغة الإخراج على WebP، وأقصى عرض على 1920 (الارتفاع يحجَّم تلقائيًّا إلى 1440)، والجودة على 80. انقر ضغط. يُعرِض شريط الإحصاءات:
| المقيس | القيمة |
|---|---|
| الأصلي | 4.5 MiB (4032×3024) |
| المضغوط | 0.41 MiB (1920×1440) |
| الموفّر | 91% |
أدّى تغيير الحجم معظم العمل (بنحو 4× بكسلات أقلّ)؛ وتولّى WebP عند جودة 80 الباقي. النتيجة أقلّ من نصف ميغابايت ولا تُميَّز بصريًّا على الشاشة.
تجربة المصدر نفسه كـ PNG عند جودة 100 دون تغيير حجم، على النقيض، يُصنَّف الملف المضغوط عادةً كـ أكبر — فـ PNG غير فقداني ولا يستطيع التخلّص من تشويش الصورة كما يفعل JPEG أو WebP. تُعلِّمه الأداة بتنبيه «أكبر» بدل الادّعاء بتوفير زائف.
الأسئلة الشائعة#
شريط الجودة معطَّل — لماذا؟#
PNG صيغة غير فقدانية؛ ليس لها مقياس جودة. عندما تختار PNG يُخفى الشريط لأنّه لا أثر له. بدّل إلى JPEG أو WebP للتحكّم في الجودة.
ملفي «المضغوط» أكبر من الأصلي. كيف؟#
سببان شائعان: أعدت ترميز JPEG مضغوط أصلًا كـ PNG (لا يستطيع PNG مجاراة ضغط JPEG الفقداني للصور)، أو كان المصدر صورة صغيرة مضغوطة بشدّة وأضاف ترميز PNG النفقات العامة. اختر صيغة فقدانية (JPEG أو WebP) و/أو فعّل تغيير الحجم.
هل تُكبِّر الأداة إذا أدخلت أقصى عرض كبير؟#
لا. أقصى عرض وارتفاع يحدّان فقط الحدّ الأعلى؛ إذا كان المصدر أصغر أصلًا، يُمرَّر بحجمه الأصلي. التكبير سينتفخ الملف فقط دون فائدة في الجودة.
هل WebP آمن للاستخدام في كلّ مكان؟#
تدعم WebP كلّ المتصفّحات الحديثة (Chrome، Edge، Firefox، Safari 14 فأحدث). إن احتجت دعم متصفّحات قديمة جدًّا أو بعض خطوط معالجة الصور، ارجع إلى JPEG.