العودة للرئيسية
مولد ورقة الرسوم المتحركة (Sprite Sheet) – رسوم CSS المتحركة (Sprites) وأطلس النسيج (Texture Atlas)
اجمع صورًا متعددة في ورقة رسوم متحركة واحدة واحصل على مواضع خلفية CSS الدقيقة وخريطة JSON بنمط TexturePacker. مثالي لرسوم CSS المتحركة وأيقونات الويب وإطارات الرسوم المتحركة للألعاب. أعد الترتيب، اضبط الأعمدة والمسافات البادئة، ثم قم بتنزيل الورقة وإحداثياتها. مجاني، خاص، ويعمل 100% في متصفحك.
رفع الصور للتجميع
الصيغ المقبولة: JPG, PNG, WEBP, BMP, GIF (غير متحركة)
الصق (Ctrl/⌘+V) أو أفلت صورة — أو استوردها من رابط
اجمع العديد من الصور الصغيرة في ورقة رسوم متحركة واحدة لتسريع موقعك أو لعبتك. Image Machine يجمع أيقوناتك أو إطاراتك في صورة واحدة في المتصفح — بدون رفع، بدون حساب — حتى تتمكن من تقديمها في طلب واحد. يتم تجميع الورقة على جهازك وتبقى أصولك خاصة.
كيف تعمل
اختر أداة
اختر من بين 120+ أداة لتغيير حجم صورتك أو تحويلها أو ضغطها أو تحسينها.
ارفع وحرّر
اسحب صورتك وأفلتها واضبط الإعدادات. تبقى على جهازك.
نزّل
احفظ نتيجتك فوراً — بدون علامة مائية، وبدون الحاجة إلى التسجيل.
لماذا Image Machine؟
ملفاتك لا تغادر جهازك أبداً
تتم جميع عمليات المعالجة محلياً في متصفحك. لا يتم رفع صورك إلى أي خادم أبداً.
مجاني تماماً
كل أداة مجانية، بدون قيود، وبدون علامات مائية، وبدون تكاليف خفية.
سريع كالبرق
لا انتظار للرفع — تتم معالجة صورك فوراً على جهازك الخاص.
جودة احترافية
نتائج مثالية بدقة البكسل مع تحكم كامل في التنسيق والحجم والجودة.
الأسئلة الشائعة
فيمَ تُستخدم الـ sprite sheet؟
تدمج الـ sprite sheet كثيرًا من الرسومات الصغيرة — أيقونات أو أزرار أو إطارات حركة — في صورة واحدة. وتحميل ملف واحد بدلًا من عشرات الملفات يقلّل طلبات الشبكة، مما يسرّع صفحات الويب والألعاب.
كيف أستخدم الـ sprite sheet على موقع ويب؟
اعرض الصورة المدمجة وأزِح موضعها باستخدام background-position في CSS لإظهار الأيقونة التي تحتاجها فقط. وتعمل محرّكات الحركة بالطريقة نفسها، متنقّلةً عبر الإطارات المرصوصة في الورقة.
هل يفقد دمج الصور الجودة؟
لا — توضع كل صورة في الورقة بدقّتها الكاملة. صدّر بصيغة PNG للحفاظ على كل شيء بلا فقدان مع الشفافية، وهو الخيار القياسي للأيقونات وعناصر sprite الخاصة بواجهة المستخدم.