دمج عدة صور في صورة واحدة

ثلاث طرق للدمج ومتى تستخدم كلاً منها

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

لماذا توحيد الأحجام مفعّل افتراضياً؟

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

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

المسافة ولون الخلفية

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

الحد الأقصى للحجم

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

استخدامات دمج الصور التي لا تخطر على البال

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

كيف تُخرج صورة مدمجة تبدو احترافية؟

الفرق بين كولاج عشوائي وتصميم مرتّب يكمن في ثلاثة قرارات صغيرة:

1. وحّد النسبة قبل الدمج. صور بنسب مختلفة (بعضها طولي وبعضها عرضي) تُنتج فراغات محرجة. قصّها كلها إلى نسبة واحدة في أداة القص أولاً، ثم ادمجها هنا.
2. مسافة ثابتة ولون هادئ. 10–20 بكسل من الأبيض أو الرمادي الفاتح تكفي؛ الأسود مناسب للصور الفوتوغرافية الداكنة فقط.
3. ترتيب منطقي. من اليمين إلى اليسار للقارئ العربي في «قبل وبعد» والخطوات، ومن الأقوى إلى الأضعف في المقارنات. اسحب الصور لإعادة ترتيبها قبل الدمج.

ماذا عن حجم الملف الناتج؟

دمج أربع صور من الهاتف بأبعادها الكاملة قد يُنتج صورة بعرض 16 ألف بكسل وحجم عشرات الميجابايت — وهو ما لا يفتحه واتساب ولا تقبله المنصات. لذلك تُوحّد الأداة الأحجام افتراضياً وتحدّ العرض الإجمالي. للنشر على السوشيال يكفي أن يكون الناتج بعرض 2000–2500 بكسل، ثم مرّره على أداة الضغط إن تجاوز حجمه ميجابايت واحداً.

الدمج والخصوصية

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

أسئلة شائعة

المصادر

1. MDN Web Docs — HTMLCanvasElement.toBlob() — طريقة ترميز الصورة داخل المتصفح بالجودة المحددة