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

قم بإنشاء عنصر نائب مخصص وصور وهمية بأي حجم باستخدام الألوان والتعليقات والتدرجات والأنماط والحدود وأكثر من 30 إعدادًا مسبقًا. يمكنك تصدير PNG أو JPG أو WebP أو SVG أو تنزيل ملف ZIP دفعة واحدة أو نسخ URI للبيانات أو <img> أو CSS أو مقتطف Markdown - مجانًا، بدون علامة مائية، 100% في متصفحك.

مولد صور نائب مجاني ومتقدم يقوم بإنشاء صور وهمية مخصصة بالكامل في متصفحك. قم بتعيين أي حجم وألوان وتسمية توضيحية ونمط خلفية، واستخدم أكثر من 30 إعدادًا مسبقًا للوسائط الاجتماعية/الإعلانية/الجهاز، ثم قم بتصدير PNG أو JPG أو WebP أو SVG - أو انسخ URI للبيانات أو علامة <img> أو CSS أو مقتطف Markdown. لا توجد تحميلات، ولا حدود للمعدل، ولا علامة مائية.

Share
فئة
أدوات الصورة
يشمل
مميزات 10
وصول
حر · لا الاشتراك
خصوصية
يعمل في المتصفح الخاص بك
مولد الصور النائب

Calibrating Placeholder Studio......

Please wait a moment

ملخص

مولد صور العنصر النائب - صور وهمية مخصصة، على الفور

يعد Placeholder Image Generator أداة مجانية ومتقدمة عبر الإنترنت لإنشاء عناصر نائبة مخصصة وصور وهمية للنماذج بالحجم الطبيعي والإطارات السلكية والنماذج الأولية وتطوير الواجهة الأمامية. اكتب أي عرض وارتفاع، واختر الألوان، وأضف تسمية، واختر نمط خلفية، ثم قم بتصدير صورة PNG أو JPG أو WebP واضحة أو SVG قابلة للتحجيم بشكل لا نهائي - أو انسخ الصورة كعنوان URI للبيانات، أو علامة <img>، أو خلفية CSS أو Markdown بنقرة واحدة. يتم إنشاء كل شيء محليًا في متصفحك، لذلك لا توجد حدود للمعدلات، ولا توجد عناوين URL معطلة ولا يتم تحميل أي شيء على الإطلاق.

متضمنة

سمات

01
أي عرض × ارتفاع مخصص، مع نسبة عرض إلى ارتفاع مقفلة اختيارية
02
أكثر من 30 إعدادًا مسبقًا: الصور الرمزية والمشاركات الاجتماعية وبطاقات OG ووحدات وأجهزة IAB الإعلانية
03
الخلفيات: صلبة، متدرجة، خطوط، شبكة، نقاط، رقعة الشطرنج والضوضاء
04
نص تسمية توضيحية مخصص أو تسمية تلقائية بأبعاد البكسل
05
عائلة الخطوط والوزن والحجم واللون باستخدام مدقق التباين WCAG
06
عرض الحدود/اللون والزوايا الدائرية
07
تصدير PNG أو JPG أو WebP أو SVG قابلة للتطوير بمعدل 1× أو 2× أو 3×
08
انسخ كـ URI للبيانات أو علامة <img> أو خلفية CSS أو Markdown
09
الوضع الدفعي: عرض العديد من الأحجام مرة واحدة وتنزيل ملف ZIP
10
100% من جانب العميل — لا توجد تحميلات، ولا حدود للمعدلات، ولا توجد علامة مائية
كيفية الاستخدام

كيفية استخدام مولد الصور النائب

  1. 01

    اضبط الحجم

    أدخل عرضًا وارتفاعًا مخصصين، أو اختر إعدادًا مسبقًا مثل منشور Instagram أو بطاقة الرسم البياني المفتوحة أو إعلان لوحة الصدارة. قفل نسبة العرض إلى الارتفاع لتغيير الحجم بشكل متناسب.

  2. 02

    صممه

    اختر لون الخلفية أو التدرج أو النمط، وقم بتعيين الحدود ونصف قطر الزاوية، ثم قم بتخصيص نص التسمية التوضيحية والخط والحجم واللون. مدقق التباين يبقي الملصق الخاص بك قابلاً للقراءة.

  3. 03

    معاينة مباشرة

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

  4. 04

    تصدير أو نسخ

    قم بتنزيل PNG أو JPG أو WebP أو SVG بحجم 1×–3× أو قم بتنزيل مجموعة من الأحجام على هيئة ملف ZIP، أو انسخ عنوان URI للبيانات أو علامة <img> أو خلفية CSS أو مقتطف Markdown للصقه مباشرة في مشروعك.

حالات الاستخدام

حالات الاستخدام الشائع

  • -املأ النماذج بالحجم الطبيعي والإطارات السلكية والنماذج الأولية بصور وهمية أثناء قيامك بالتصميم.
  • -حجز فتحات الصور في تخطيطات HTML/CSS أثناء تطوير الواجهة الأمامية.
  • -أنشئ تصميمات إعلانية وبطاقات اجتماعية بحجم مناسب للاختبار قبل أن يصبح الفن الحقيقي جاهزًا.
  • -قم بملء معرض أو شبكة سريعة الاستجابة بعناصر نائبة ذات أبعاد صحيحة تمامًا.
  • -قم بإنشاء عناصر نائبة لـ URI لبيانات Base64 دون اتصال بالإنترنت للعروض التوضيحية على الشبكات المغلقة أو ذات فجوات هوائية.
  • -استبدل خدمات عناوين URL للعنصر النائب غير الموثوق بها والتي تحدد المعدل أو تنخفض أو تسرّب نماذجك بالحجم الطبيعي.
مرشد

دليل مفصل

أكثر بكثير من مجرد صندوق رمادي

تجاوز المستطيل الرمادي الكلاسيكي "600 × 400". اختر من بين الألوان الصلبة والتدرجات الناعمة والخطوط القطرية والشبكات والنقاط ولوحات الشطرنج والضوضاء الدقيقة، وأضف حدودًا وزوايا مستديرة، وتحكم في نص التسمية التوضيحية ومجموعة الخطوط والوزن والحجم واللون بشكل مستقل. قم بتشغيل ملصق البعد التلقائي لختم حجم البكسل الدقيق على كل صورة، أو اكتب النص الخاص بك. يحذرك مدقق التباين المدمج عندما يفشل النص والخلفية في إمكانية قراءة WCAG، بحيث تظل العناصر النائبة مقروءة في أي تصميم.

الإعدادات المسبقة لكل شاشة وإعلان وفتحة اجتماعية

تخطى التخمين باستخدام أكثر من 30 حجمًا جاهزًا: الصور الرمزية والصور المصغرة، والمشاركات المربعة والعمودية لأغلفة Instagram وFacebook وX/Twitter، والصور المصغرة على YouTube، وبطاقات الرسم البياني المفتوح، والوحدات الإعلانية لـ IAB (لوحة الصدارة، والمستطيل المتوسط، وسكاي سكريبر، ولوحة الإعلانات)، ودرجات دقة الأجهزة الشائعة ونسب سهولة الطباعة. قم بتأمين نسبة العرض إلى الارتفاع أثناء تغيير الحجم، أو قم بالتبديل إلى الوضع الدفعي لعرض مجموعة كاملة من الأحجام مرة واحدة وتنزيلها معًا كملف ZIP - وهو مثالي لملء معرض سريع الاستجابة أو مجموعة أدوات إبداعية للإعلانات في ثوانٍ.

بنيت للمطورين والمصممين

قم بإسقاط العناصر النائبة التي تم إنشاؤها مباشرة في قاعدة التعليمات البرمجية الخاصة بك. انسخ علامة <img> جاهزة لللصق، أو قاعدة CSS لصورة الخلفية، أو صورة Markdown، أو URI لبيانات base64 الذي يعمل دون اتصال بالإنترنت بدون طلب خارجي. قم بتصدير SVG للمتجهات الحادة بأي تكبير، أو قم بتصدير PNG/JPG/WebP بمعدل 1× أو 2× أو 3× لشاشات شبكية العين. نظرًا لأن الأداة بأكملها من جانب العميل، فإنها تعمل على شبكات مقفلة، وخلف جدران الحماية وغير متصل - وهي بديل موثوق لخدمات العناصر النائبة التي تنخفض، أو تحدد المعدل، أو تتسرب نماذجك بالحجم الطبيعي إلى خادم طرف ثالث.

التعليمات

الأسئلة المتداولة

ما هي صورة العنصر النائب ومتى يجب أن أستخدمها؟+

صورة العنصر النائب (أو الصورة الوهمية) عبارة عن رسم قائم يملأ فتحة الصورة قبل أن يصبح العمل الفني النهائي جاهزًا. يستخدمها المصممون والمطورون في نماذج بالحجم الطبيعي، والإطارات السلكية، والنماذج الأولية، وتخطيطات HTML/CSS لحجز المساحة بالأبعاد الصحيحة تمامًا، بحيث يبدو التصميم أو الصفحة مكتملًا بينما لا يزال يتم إنتاج الصور الحقيقية.

هل مولد الصور النائب هذا مجاني وخالي من العلامات المائية؟+

نعم. كل صورة تنشئها مجانية تمامًا، وذات دقة كاملة، وخالية من العلامات المائية، بدون تسجيل أو حدود للاستخدام. نظرًا لأن الصور يتم عرضها في متصفحك وليس على الخادم، فلا يوجد ما تدفع مقابله ولا توجد حدود للسعر.

ما هي تنسيقات الصور ودقة الوضوح التي يمكنني تصديرها؟+

يمكنك تصدير صور PNG وJPG وWebP النقطية بمعدل 1× أو 2× أو 3× لشاشات شبكية العين، أو صورة SVG تظل واضحة للغاية عند أي تكبير. يمكنك أيضًا نسخ النتيجة كمعرف URI لبيانات base64، أو علامة <img>، أو قاعدة صورة خلفية CSS، أو Markdown.

هل يمكنني تحديد حجم وألوان مخصصة؟+

قطعاً. أدخل أي عرض وارتفاع (مع نسبة عرض إلى ارتفاع مقفلة اختيارية)، ثم اختر لون الخلفية والتدرج أو النمط والحد ونصف قطر الزاوية ونص التسمية التوضيحية والخط والحجم واللون. يحذرك مدقق التباين المدمج إذا كان من الصعب قراءة النص والخلفية.

هل لديك إعدادات مسبقة لوسائل التواصل الاجتماعي والإعلانات؟+

نعم - هناك أكثر من 30 إعدادًا مسبقًا بما في ذلك الصور الرمزية والصور المصغرة ومنشورات وأغلفة Instagram وFacebook وX/Twitter والصور المصغرة على YouTube وبطاقات Open Graph ووحدات IAB الإعلانية (لوحة الصدارة والمستطيل المتوسط ​​وسكاي سكريبر ولوحة الإعلانات) ودرجات دقة الأجهزة الشائعة. اختر واحدًا وسيتم ملء الحجم تلقائيًا.

هل يمكنني إنشاء عدة أحجام في وقت واحد؟+

نعم. قم بالتبديل إلى الوضع الدفعي، واختر الأحجام التي تحتاجها، وتعرضها الأداة جميعًا بنمطك الحالي، ثم تتيح لك تنزيل المجموعة بأكملها معًا كملف ZIP - وهو مثالي للمعارض سريعة الاستجابة ومجموعات تصميم الإعلانات.

كيف يمكنني إضافة صورة عنصر نائب إلى HTML أو CSS الخاص بي؟+

قم بإنشاء الصورة، ثم استخدم أزرار النسخ للحصول على علامة <img> جاهزة لللصق أو قاعدة صورة خلفية CSS. للحصول على عنصر نائب مستقل تمامًا وغير متصل بالإنترنت، انسخ معرف URI لبيانات base64 - حيث يقوم بتضمين الصورة مباشرة في التعليمات البرمجية الخاصة بك دون أي طلب خارجي.

هل تم تحميل بياناتي في أي مكان؟+

لا، تعمل الأداة بأكملها من جانب العميل في متصفحك باستخدام لوحة HTML وSVG - ولا يتم إرسال أي صور أو نص أو إعدادات إلى الخادم على الإطلاق. وهذا يجعلها سريعة وخاصة وموثوقة حتى على الشبكات المقفلة أو غير المتصلة بالإنترنت، على عكس خدمات عناوين URL للعنصر النائب.

الأدوات ذات الصلة

الأدوات ذات الصلة