دليل إنشاء مجمعة الصور (Image Collage)

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

ما تحتاجه

المتصفح — Chrome أو Firefox أو Safari أو Edge مع دعم OffscreenCanvas التنسيقات — JPG أو JPEG أو PNG أو WEBP أو AVIF أو GIF أو BMP أو TIFF الحد الأقصى — 20 ميجابايت لكل ملف (سيتم رفض أي ملف يتجاوز 20 ميجابايت) الحساب — لا يتطلب أي حساب الإنترنت — غير مطلوب بعد تحميل الصفحة

إنشاء مجمعة الصور الخاصة بك

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

يجب أن يكون حجم كل ملف أقل من 20 ميجابايت — سيتم رفض الملفات التي تتجاوز هذا الحد. اختر نوع التخطيط: شبكة (grid)، أو حر (freeform)، أو مجلة (magazine). يرتب خيار الشبكة الصور في صفوف وأعمدة موحدة.

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

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

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

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

انقر عليه لحفظ المجمعة على جهازك. يكتب المتصفح الملف مباشرة من الذاكرة إلى القرص. بعد التنزيل، تقوم libvips بتحرير مخازن الذاكرة المؤقتة تلقائياً.

كيف يعمل

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

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

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

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

بعد التركيب، تقوم libvips بتحويل اللوحة إلى صورة PNG أو JPEG باستخدام طريقة canvas toBlob، والتي تقوم بتشفير بيانات البكسل في تنسيق الصورة المحدد. يتم تسليم الكائن الثنائي الناتج عبر URL. createObjectURL، مما ينشئ مؤشر مرجع ذاكرة مؤقت يستخدمه المتصفح لتقديم الملف للتنزيل.

عند اكتمال التنزيل، تستدعي libvips وظيفة URL. revokeObjectURL لتحرير الذاكرة المخصصة.

تتم معالجة الملفات بالكامل داخل متصفحك باستخدام OffscreenCanvas. لا يتم تحميلها أبداً إلى خوادم ConvertCraft. تظل ملفاتك الأصلية على جهازك — تقرأها libvips إلى الذاكرة، وتركب المجمعة، وتتخلص من مخازن البكسل بعد التنزيل.

عند حدوث أخطاء

فشل تحميل بعض الملفات: هذه الملفات تتجاوز حد 20 ميجابايت. تعمل OffscreenCanvas ضمن حدود ذاكرة صارمة. تتطلب معالجة الصور الأكبر من 20 ميجابايت مخازن بكسل ضخمة غير مضغوطة في ذاكرة الوصول العشوائي (RAM)، مما قد يؤدي إلى تعطل علامة تبويب المتصفح.

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

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

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

### كم عدد الصور التي يمكنني تضمينها؟

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

### هل يمكنني ضبط مواقع الصور الفردية؟

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

### ما هو تنسيق ملف الإخراج؟

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