مولّد الصور البديلة

أنشئ صوراً بديلة بسيطة بأي حجم مع ألوان ونصوص مخصصة — مفيدة للنماذج الأولية والتصميمات التجريبية. يدعم التصدير بصيغتي PNG وSVG.

الاستوديو · محيط محايد
×

الميزات

عرض وارتفاع مخصصان
ألوان مخصصة
نص مخصص
تنزيل PNG أو SVG

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

1. اختر مقاسًا شائعًا (صورة OG، صورة رمزية، HD…) أو أدخل الأبعاد بالبكسل.

2. حدّد لوني الخلفية والنص — تفيد خلفية رقعة الشطرنج عندما ستوضع الصورة على خلفيات مجهولة.

3. نزّل PNG، أو انسخه كـ data URL للصقه مباشرة في خاصية src.

حول هذه الأداة

أثناء بناء التصميم، كثيرًا ما لا تكون الصور الحقيقية جاهزة، وتجعل أيقونات الصور المعطوبة تقييم المسافات صعبًا. ينشئ هذا المولّد صورًا مؤقتة بلون واحد وبأحجام دقيقة بالبكسل، بلون الخلفية والنص الذي تختاره، مكتوبًا عليها أبعادها أو نصك الخاص، ليعرف الجميع مواصفات الصورة النهائية. تغطي الإعدادات الجاهزة الاحتياجات الشائعة — صورة Open Graph بحجم 1200 × 630، وبطاقة تويتر بحجم 1600 × 900، ومنشور مربع بحجم 1080 × 1080، وHD بحجم 1920 × 1080، ونسبة 4:3، ولافتة بحجم 1500 × 500، وصورة رمزية بحجم 400 × 400 — أو يمكنك كتابة أي عرض وارتفاع. نزّل النتيجة بصيغة PNG، أو انسخها كـ data URL والصقها مباشرة في سمة src لوسم img في نموذج أولي أو قالب بريد أو بيانات اختبار.

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

ما هو data URL ولماذا أنسخه؟
يحتوي data URL الصورة كاملة مرمّزة كنص، ويبدأ بـ data:image/png;base64. يمكنك لصقه في <img src> أو خلفية CSS دون حفظ ملف أو استضافته، وهذا مناسب للنماذج الأولية السريعة.
هل يجب أن تطابق الصور المؤقتة الأبعاد النهائية؟
نعم. استخدام الحجم ونسبة الأبعاد النهائيين بدقة يكشف مبكرًا عن تحركات التخطيط والقص والتفاف النص، فتأخذ الصور الحقيقية مكانها دون مفاجآت.
ما الحجم المناسب لصورة Open Graph؟
‏1200 × 630 بكسل هو الحجم الموصى به على نطاق واسع لمعاينات الروابط على فيسبوك ولينكدإن وكثير من تطبيقات المراسلة. أبعد النص المهم عن الحواف لأن بعض المنصات تقص الصورة إلى مربع.
لماذا أختار خلفية مربعات أو خلفية محايدة؟
الرمادي المحايد أو نمط المربعات يوضح أن الصورة مؤقتة ويساعدك على رؤية كيف تبدو فوق خلفيات غير معروفة، فيقل احتمال الخلط بينها وبين تصميم نهائي.
هل يمكنني استخدام هذه الصور في موقع منشور؟
هي مخصصة للنماذج الأولية والتطوير. ترك الصور المؤقتة في موقع منشور يوحي بأنه غير مكتمل، ولا تجد محركات البحث فيها محتوى صوريًا مفيدًا، لذا استبدلها بصور حقيقية مع نص بديل قبل الإطلاق.

أدوات ذات صلة