Skip to content
Zoyku

مولد صور العناصر النائبة

ولّد صورًا نائبة بأي حجم بصيغ SVG أو PNG أو JPG — اختر الألوان والتسمية، عاين فورًا، ثم نزّل الملف أو انسخ ترميز SVG.

Width (px)
Height (px)
Background color
Text color
Label (optional)
1200×630

Everything is generated locally: the SVG is pure markup you can paste into any project, and PNG/JPG versions are rendered on a canvas in your browser.

تعمل هذه الأداة بالكامل داخل متصفحك. بياناتك لا تغادر جهازك أبداً — لا يتم رفعها إلى أي خادم.

طريقة الاستخدام

  1. 1أدخل العرض والارتفاع بالبكسلات.
  2. 2اضبط لوني الخلفية والنص، وتسمية اختيارية (الافتراضي: الأبعاد).
  3. 3نزّل بصيغة SVG أو PNG أو JPG — أو انسخ ترميز SVG والصقه في أي مكان.

مولد صور العناصر النائبة

تحتاج النماذج الأولية والمخططات السلكية صناديق صور قبل أن توجد الأصول الحقيقية. اكتب عرضًا وارتفاعًا — بطل 1200×630، وصورة رمزية 256×256، أو أي شيء من 1×1 حتى 5000×5000 — واختر لوني الخلفية والنص، وأضف اختياريًا تسمية، فيُرسم النائب حيًّا أثناء الكتابة.

نزّل النتيجة بصيغة SVG أو PNG أو JPG، أو انسخ ترميز SVG مباشرة إلى الحافظة: إنه حفنة عناصر مقروءة لا حساء base64، فيمكنك لصقه في HTML أو JSX أو Figma وتحرير النص والألوان يدويًا. كل شيء يولَّد في متصفحك؛ لا يُرفع شيء.

الأسئلة الشائعة

متى أستخدم SVG بدل PNG أو JPG؟

SVG نص: صغير، يتدرج بلا حدود، ويُحرَّر يدويًا، وهو مثالي للنماذج والمستندات والتخطيطات الملائمة للبريد. PNG هو الخيار الأأمن للمنصات التي تفسد SVG المضمّن (بعض أنظمة إدارة المحتوى وتطبيقات المحادثة)، ويناسب JPG الصور النائبة الشبيهة بالفوتوغرافيات بأحجام ملفات صغيرة. والمعاينة واحدة في الثلاثة جميعًا.

ما حدود الحجم واللون؟

يجب أن يكون العرض والارتفاع عددًا صحيحًا بين 1 و5000 بكسل؛ وتجب الألوان بصيغة hex — #RRGGBB أو الصيغة المختصرة #RGB. وكل شيء آخر يُرفض مع تلميح بدل أن ينتج بصمت صورة مكسورة.

هل يُرسل شيء إلى خادم؟

لا. يُبنى SVG من قالب نصي في متصفحك وتُرسم النسخ النقطية على لوحة محلية. لا شيء يغادر الصفحة، فيعمل دون اتصال ويؤمَن للتصاميم غير المنشورة.

أدوات ذات صلة

كل أدوات المطورون →

تضمين هذه الأداة

أضف هذه الأداة إلى موقعك بسطر واحد — تعمل في متصفح الزائر.

<iframe src="https://zoyku.com/ar/tools/placeholder-image-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — placeholder-image-generator" loading="lazy"></iframe>
100% local processing