اسحب وأفلت الصور هنا
أو انقر لرفع ملفات متعددة
إعدادات المولد
Set to 0 for auto-calculating columns.
الميزات الرئيسية
Reduce HTTP requests and speed up loading.
توليد إحداثيات تلقائي
نحن نقوم بالحسابات حتى لا تضطر لذلك. احصل فوراً على إحداثيات X و Y دقيقة لكل صورة فردية في ورقة السبرايت الموحدة الخاصة بك.
خوارزمية تعبئة الشبكة الذكية
يقوم محركنا بترتيب الصور ذات الأحجام المختلفة بذكاء في أكثر شبكة كفاءة ممكنة، مما يقلل من المساحة الفارغة ويقلل من حجم الملف النهائي.
فئات CSS جاهزة للاستخدام
يولد كتلة CSS نظيفة وقابلة للنسخ واللصق مع فئات فردية لكل أصل، بما في ذلك خصائص background-position و dimension.
أوضاع تخطيط قابلة للتخصيص
اختر بين الشرائط الرأسية، الشرائط الأفقية، أو وضع 'الشبكة' الأكثر كفاءة بناءً على احتياجات بنية مشروعك المحددة.
التحكم في الحشو والتباعد
أضف تباعداً مخصصاً بين السبرايت لمنع 'نزيف البكسل' — حيث تظهر أجزاء من الأيقونة المجاورة عن طريق الخطأ في واجهة المستخدم الخاصة بك.
حماية المعالجة في الذاكرة المحلية
أصول واجهة المستخدم الخاصة بك هي ملكك. تحدث كل عمليات التعبئة وتوليد الكود مباشرة في متصفحك، مما يضمن عدم مغادرة أي بيانات لجهازك أبداً.
كيفية الاستخدام
Create sprites in minimal steps.
اجمع أصولك الصغيرة
اجمع كل الأيقونات الصغيرة أو الأزرار أو إطارات الرسوم المتحركة التي تريد دمجها. تأكد من أنها بتنسيق عالي الجودة مثل PNG.
رفع مجمع للأداة
حدد جميع الملفات في وقت واحد وقم برفعها. ستقوم الأداة فوراً بإنشاء معاينة مرئية لكيفية تعبئتها معاً.
تكوين التحسين
اضبط 'الحشو' إذا كنت قلقاً بشأن ظهور الحواف على شاشات شبكية العين، أو اختر تخطيطاً 'رأسياً' إذا كنت تبني قائمة جانبية أو شريط فيلم.
مراجعة معاينة السبرايت
تحقق من الورقة المولدة. تأكد من أن كل عنصر مرئي وأن الشبكة محكمة وفعالة مع عدم وجود مساحة مهدرة.
تنزيل صورة الأطلس
انقر فوق زر 'تنزيل ورقة السبرايت' لحفظ ملف الصورة الموحد في مجلد أصول مشروعك.