ورقة الصور المجمعة دمج صور متعددة في ورقة صورة واحدة قابلة للتهيئة مع أعمدة وفواصل.

What Is ورقة الصور المجمعة?

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

Why Use ورقة الصور المجمعة?

• ينشئ صورة صفحة رسومية + إحداثيات CSS
• أعمدة قابلة للتكوين وحشو
• يقلل من طلبات HTTP لتحسين أداء الويب
• مثالي لمجموعات الأيقونات ورسومات الألعاب

Common Use Cases

أداء الويب

دمج الأيقونات في صفحة رسومية واحدة لتقليل طلبات HTTP.

تطوير الألعاب

إنشاء صفحات رسومية للرسومات المتحركة من صور الإطار الفردية.

مجموعات الأيقونات

تحزيم عدة أيقونات في صورة صفحة رسومية فعالة واحدة.

رسومات CSS

إنشاء صفحات رسومية مُختزنة مع كود CSS جاهز للاستخدام.

Technical Guide

تتم تحميل الصور وتخطيطها في شبكة مع أعمدة قابلة للتكوين. يتم حساب عدد الصفوف كأعلى قيمة صحيحة (عدد الصور / الأعمدة). يتم 계산 أبعاد холста من أقصى عرض لكل عمود وارتفاع صف جميع الصفوف بالإضافة إلى الهامش. يتم رسم كل صورة في موقع الشبكة المحسوب. يتم توليد إحداثيات CSS كقيم موضع خلفية سالبة لرسومات كل واحدة.

Tips & Best Practices

• 1
  استخدم أحجام صور متسقة للحصول على شبكة نظيفة
• 2
  احتفظ بالحشو عند 1-2 بكسل لتقليل الفضاء المهدر
• 3
  اسم ملفاتك بشكل واضح لتحسين أسماء فئات CSS
• 4
  استخدم قوى 2 للتوافق مع محركات الألعاب

Related Tools

مغير حجم الصور

تغيير حجم الصور بالبكسل الدقيق أو النسبة المئوية مع الحفاظ على نسبة العرض إلى الارتفاع.

🖼️ Image Tools

مُحول الشعارات الصغيرة

إنشاء شعارات صغيرة بأحجام متعددة (16x16، 32x32، 48x48 وغيرها) من أي صورة.

🖼️ Image Tools

كولاج الصور

دمج صور متعددة في كولاج واحد مع تخطيطات وتباعد قابلين للتعديل.

🖼️ Image Tools

صانع شبكة الصور

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

🖼️ Image Tools

Frequently Asked Questions

Q ما هي أحجام الصور التي تعمل بشكل أفضل?

الأحجام المتسقة تنتج رسومات نظيفة، ولكن الأحجام المختلطة مدعومة.

Q هل يُنشئ CSS؟

نعم - CSS كامل مع قيم موضع الخلفية لكل رسومية.

Q كم عدد الصور التي يمكنني دمجها?

يمكن دمج أي عدد من الصور في صفحة رسومية واحدة.

Q ماذا عن شاشات الرتينا؟

استخدم صور بدقة 2x واقصر حجم الخلفية في CSS لنصيب دعم الشاشات الرتينا.

Q هل يمكنني استخدامه لرسومات الألعاب?

بالطبع - ترتيب إطارات الرسوم المتحركة بالتسلسل لصفحات رسوميات الألعاب.

About This Tool

ورقة الصور المجمعة is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.