منشئ صور العناصر النائبة المجاني
يقوم منشئ صور العناصر النائبة المجاني هذا بإنشاء صورة وهمية بأي عرض وارتفاع حتى 2000 بكسل، مع لون خلفية ولون نص ونصك الخاص. تحصل على PNG للتنزيل والصورة نفسها كود SVG لإدراجها في صفحة. يناسب المصممين والمطورين الذين يحتاجون إلى صور بديلة أثناء بناء التخطيط أو المظهر.
Image Placeholder Generator
Images
عن هذه الأداة
صورة العنصر النائب تحل محل الصورة الحقيقية أثناء بناء صفحة، حتى تتمكن من رؤية التخطيط والمسافات ونسب العرض إلى الارتفاع قبل وجود الصور النهائية. أدخل العرض والارتفاع بالبكسل، واختر اللونين، واختر النص. بشكل افتراضي، النص هو الحجم نفسه، مثل 800x450، مما يسهل معرفة الفتحة التي حصلت على أي صورة.
تحصل على نسختين. PNG هو ملف نقطي عادي يعمل في أي مكان، بما في ذلك قوالب البريد الإلكتروني ومكتبات الوسائط في أنظمة إدارة المحتوى التي لا تقبل SVG. SVG عبارة عن بضعة أسطر من الكود، بحجم بضع مئات من البايتات، يتسع لأي حجم دون فقدان الوضوح، ويمكن لصقه مباشرة في HTML أو حفظه كملف .svg. يتم التحقق من الألوان والنص قبل استخدامهما، ولا يتم حفظ أي شيء تدخله.
العناصر النائبة مخصصة للتطوير. استبدلها بصور حقيقية محسّنة قبل نشر الصفحة، وأعط الصور النهائية نصًا بديلًا مناسبًا، لأن محركات البحث وقارئات الشاشة لا يمكنها التعلم من صندوق رمادي. حد الحجم هو 2000 × 2000 بكسل، ويتم رسم نص PNG بخط عريض عادي، لذا استخدم SVG عندما تحتاج إلى ضبط حجم النص أو الخط يدويًا.
الأسئلة الشائعة
ما هو الحد الأقصى للحجم؟
حتى 2000 بكسل عرضًا و 2000 بكسل ارتفاعًا. يغطي هذا لافتات البطل بعرض كامل ومعارض المنتجات وأحجام الصور الاجتماعية. الصور الأكبر ليست مطلوبة لعمل التخطيط، وتحديد الحجم يحافظ على سرعة المولد. للحصول على عنصر نائب أكبر، استخدم مخرجات SVG، والتي يمكنك تعيينها لأي حجم في الكود الخاص بك.
هل يجب أن أستخدم PNG أو SVG؟
استخدم PNG عندما تقبل المكان الذي تحمل إليه ملفات نقطية فقط، مثل العديد من منشئي رسائل البريد الإلكتروني وبعض مكتبات الوسائط. استخدم SVG عندما تلصق في HTML أو CSS، لأنه صغير جدًا ويبقى حادًا بأي حجم. كلاهما يعرض نفس الألوان والحجم والنص.
هل يمكنني استخدام صورة عنصر نائب على موقع ويب مباشر؟
يمكنك ذلك، لكنها خيار سيء. الزوار ومحركات البحث لا يحصلون على أي معلومات من صندوق رمادي مسطح، وتبدو صفحة مليئة بالعناصر النائبة غير مكتملة. إذا كانت الصور لا تزال قيد الإنتاج، فأخفِ القسم، أو استخدم كتلة لون عادية تكون بوضوح جزءًا من التصميم، وانشر عندما تكون الصور الحقيقية جاهزة.
ما الألوان التي يجب أن أختارها؟
لعمل التخطيط، خلفية رمادية متوسطة مع نص رمادي أغمق هو الخيار المعتاد لأنها لا تشتت الانتباه عن التصميم. اختر ألوانًا بتباين كافٍ بين الخلفية والنص، وإلا أصبح تسمية الحجم صعبة القراءة. أدخل الألوان كقيم سادسة عشرية مثل #cccccc.
هل يتم حفظ الصورة على خادمك؟
لا. يتم رسم الصورة في الذاكرة أثناء تحميل الصفحة وإرسالها مباشرة إلى متصفحك كجزء من النتيجة. لا يتم حفظ أي شيء، ورابط التنزيل يعمل فقط في الصفحة التي تنظر إليها، لذا احفظ الملف قبل أن تغادر.