مولّد الصور الرمزية
أنشئ صور ملفات شخصية افتراضية من الأحرف الأولى أو نقش Identicon بأسلوب GitHub. الاسم نفسه يعطي الصورة نفسها. دائرة أو مربع بأي حجم؛ نزّل SVG أو PNG.
تُستخدم الأحرف الأولى من الكلمة الأولى والأخيرة، مثل "Ada Lovelace" ← AL.
ما هو مولّد الصور الرمزية؟
ولّد صورًا رمزية افتراضية للمستخدمين الذين لم يرفعوا صورة. يعرض نمط الأحرف الأولى أول حروف الاسم على لون يُختار من الاسم؛ ويرسم نمط Identicon نقشًا متناظرًا 5×5 مشتقًا من تجزئة أي نص (اسم مستخدم أو بريد). المدخل نفسه يعطي الصورة نفسها دائمًا، ويمكنك تنزيلها بصيغة SVG أو PNG.
كيفية استخدام مولّد الصور الرمزية
- اختر النمط: الأحرف الأولى أو Identicon (نقش).
- أدخل الاسم (أو أي نص لـ Identicon).
- اختر الحجم والشكل والألوان، أو أبقِ اختيار اللون تلقائيًا من النص.
- نزّل PNG أو SVG أو انسخ كود SVG.
مثال
Initials, name Grace Hopper
GH
تُرسَم كدائرة SVG بلون خلفية مشتق من الاسم.
متى تستخدم مولّد الصور الرمزية
استخدمه للصور الشخصية النائبة في التطبيقات وأقسام التعليقات وأنظمة CRM ولوحات الإدارة، أو لمنح كل مستخدم هوية بصرية مميزة. وIdenticon ليست مجهولة بالنسبة للبريد: فأي شخص يعرف البريد يستطيع إعادة إنتاج النقش، لذا جزّئ معرّف المستخدم بدلًا منه إن كانت الخصوصية مهمة.
كيف يعمل مولّد الصور الرمزية
تأخذ الأحرف الأولى أول حرف من الكلمة الأولى والأخيرة (Ada Lovelace ← AL؛ كلمة واحدة ← أول حرفين منها)، بأحرف كبيرة مع دعم Unicode. ولون الخلفية التلقائي هو درجة لون من تجزئة FNV-1a بـ 32 بت للاسم بأحرف صغيرة، بإشباع وإضاءة ثابتين ليبقى النص الأبيض مقروءًا. وتجزّئ Identicon النص بأحرف صغيرة بـ SHA-256 (Web Crypto)؛ وتبدّل 15 بتًّا من التجزئة خلايا الأعمدة الثلاثة اليسرى من شبكة 5×5 التي تُعكس إلى اليمين، ويختار بايتان آخران اللون. والنتيجة SVG صغير؛ ويعرضه تصدير PNG على canvas.
حالات الاستخدام الشائعة
- صور ملفات شخصية افتراضية في تطبيق ويب أو جوال
- التمييز بين المستخدمين في سلاسل التعليقات والدردشة
- إنشاء صور رمزية لأعضاء الفريق في موقع
- توليد Identicon قابلة للتكرار لحسابات الاختبار
الأسئلة الشائعة
هل يعطي الاسم نفسه الصورة نفسها دائمًا؟
نعم. يُشتق اللون التلقائي ونقش Identicon من النص، فهما ثابتان.
هل يعمل مع الأسماء غير اللاتينية؟
نعم. تستخدم الأحرف الأولى أحرف Unicode كاملة، فتعمل الأسماء بالفيتنامية والعربية والصينية وغيرها.
SVG أم PNG؟
SVG صغير وحاد بأي حجم، ومثالي لتطبيقات الويب. استخدم PNG حيث لا يُقبل SVG (بعض عملاء البريد والمنصات الاجتماعية).