مولّد رسوم SVG المتحركة — جملة واحدة ويبدأ كل شيء بالحركة

أفضل ما ينجح هنا هو الحركة التصريحية — حركات تؤدي تسلسلًا محددًا مسبقًا:
(1) عناصر الويب والواجهات — مؤشرات التحميل، الشعارات التي ترسم نفسها، خلفيات الأمواج، صفحات 404 المتحركة.
(2) مؤثرات النصوص — كشف الآلة الكاتبة، الطباعة الحركية، خط اليد الذي يكتب نفسه.
(3) الرسوم الشارحة — كواكب تدور، خطوط زمنية، مخططات تنمو، حلقات تشرح مبدأ العمل.

وليست الأداة المناسبة لـ: المحاكاة أو الألعاب المعتمدة على JavaScript (فيزياء بقيم حيّة، تطبيقات تفاعلية). أما الشعارات والرسوم الثابتة فاستخدم مولّد SVG بـ GPT Image 2، والمخططات الانسيابية فاستخدم مولّد مخططات SVG بالذكاء الاصطناعي.

نعم — وهذه حرفيًا هي الطريقة التي تعمل بها هذه الصفحة افتراضيًا. يكتب Claude Sonnet 5 من Anthropic ترميز SVG وإطارات CSS المفتاحية مباشرة، شكلًا بشكل وإطارًا بإطار. وكتابة كود متجهي انطلاقًا من وصف نصي من المهام التي بلغ فيها الجيل الحالي من النماذج مستوى لافتًا، وClaude من أقوى النماذج فيها باستمرار. لكنه ليس الخيار الوحيد هنا: مبدّل الفئات يشغّل أيضًا Gemini 3.6 Flash وKimi K3، وتتيح الإعدادات المتقدمة تحديد GPT-5.6 أو DeepSeek V4 Flash أو MiniMax M3 مباشرة. اكتب جملة في الأعلى ثم افتح عرض الكود لترى بالضبط ما كتبه المحرك الذي اخترته.

لأي شيء يُنشر على موقع، يتفوق SVG المتحرك على كل المستويات: بضع عشرات من الكيلوبايتات بدل الميغابايتات، وحِدّة تامة عند أي تكبير، وتكرار سلس بلا نهاية، وكود قابل للتعديل بدل بكسلات مثبتة. ويبقى لـ GIF ميزة واحدة: أنه يعمل على المنصات التي لا تقبل رفع SVG (بعض تطبيقات المحادثة ومنصات التواصل). القاعدة العملية: SVG لموقعك وشرائحك ومستنداتك، وGIF فقط حيث تفرضه المنصة. ولست مضطرًا للاختيار مسبقًا: كل عملية إنشاء يمكن تصديرها إلى GIF وMP4 من النتيجة نفسها، داخل متصفحك وبلا أي رصيد إضافي.

بطريقتين:
(1) كصورة — ارفع ملف ‎.svg وأشِر إليه في وسم img عادي. تعمل حركات CSS داخل الملف تلقائيًا.
(2) مضمّنًا في الصفحة — انسخ الكود من عرض الكود والصقه في HTML. هذه هي الطريقة إن أردت مؤثرات عند المرور بالمؤشر، لأن حالات التفاعل لا تعمل إلا حين يكون SVG داخل الصفحة نفسها.
وفي الحالتين لا يوجد سكربت تحمّله ولا شيء تثبّته.

لا. الناتج حركة تصريحية خالصة — إطارات CSS مفتاحية (وأحيانًا SMIL) داخل ملف SVG نفسه. بلا GSAP، وبلا مشغّل Lottie، وبلا أي طبقة تشغيل. وهذا تحديدًا ما يجعله آمنًا للصق المباشر، وسريع التحميل، ومتوافقًا مع كل المتصفحات الحديثة. وثمة ملاحظة صريحة واحدة: معظم برامج البريد الإلكتروني توقف حركة SVG، لذا تبقى GIF الخيار الأضمن للنشرات البريدية.

نعم — وهذا هو الوضع الثاني. ارفع ملف SVG الخاص بك، وصِف الحركة التي تريدها (رسم الحدّ الخارجي تدريجيًا، طفو خفيف، نبض لون التمييز)، فيضيف الذكاء الاصطناعي الحركة مع الإبقاء على أشكالك الأصلية سليمة. وإن كان شعارك متوفرًا بصيغة PNG أو JPG فقط، فحوّله أولًا عبر مولّد SVG بـ GPT Image 2 ثم حرّكه هنا.

نعم، وكلاهما مجاني. SVG هو الناتج الأصلي، أما GIF وMP4 فيُنتجان بإعادة تشغيل حركتك إطارًا بعد إطار داخل متصفحك — لا يُرفع أي شيء ولا يُخصم رصيد إضافي. استخدم GIF حيث لا يُقبل رفع SVG، وMP4 للفيديو القصير والشرائح والمواد التعليمية. ويحتاج ترميز MP4 إلى متصفح يدعم WebCodecs (متوفر في Chrome وEdge وإصدارات Safari الحديثة)؛ وعند غيابه يظل SVG وGIF يعملان ويبقى زر MP4 معطّلًا فحسب.

10 من الرصيد لكل عملية إنشاء، وهو نفس سعر أدوات SVG الأخرى في هذا الموقع. ويحصل المستخدمون الجدد على رصيد مجاني للتجربة.

معظم الحركات تكون جاهزة في أقل من دقيقة بكثير. أما المشاهد التي تضم عناصر كثيرة أو تسلسلًا طويلًا فقد تستغرق حتى دقيقتين — فالذكاء الاصطناعي يكتب كل شكل وكل إطار مفتاحي يدويًا.

نعم. الحركات التي تنشئها ملك لك واستخدامها التجاري مجاني — في مشاريع العملاء، وداخل المنتجات، وفي المحتوى المدفوع.