مولد فافيكون
تحويل صورة بسيطة إلى أيقونة مفضلة وحزمة أيقونات موقع ويب. تأكد من أن التصميم يظل قابلاً للتمييز بأحجام صغيرة، وقم بتنزيل الملفات واتبع مثال التثبيت المرفق.
قبل أن تبدأ
- الإدخال
- صورة JPG أو PNG أو WebP ثابتة.
- الإخراج
- ملف مضغوط به أيقونات ICO وPNG وبيان ومثال HTML.
جارٍ التحميل...
كيفية استخدام هذه الأداة
- اختر صورة JPG أو PNG أو WebP الثابتة.
- قم بالقص إلى مربع أو قم بإضافة المساحة المتروكة وفحص معاينات الأيقونات.
- قم بتنزيل ملف ZIP وقم بتكييف مسارات الأمثلة مع موقع الويب الخاص بك.
فهم النتيجة
غالبًا ما يظهر الرمز المفضل بحجم صغير جدًا. عادةً ما يعمل الرمز أو الحرف الواضح بشكل أفضل من العمل الفني التفصيلي أو النص الصغير. لا تزال الملفات التي تم إنشاؤها بحاجة إلى التحميل والرجوع إليها بواسطة موقع الويب الخاص بك.
لماذا يبدو الرمز المفضل الخاص بي ضبابيًا أو صغيرًا جدًا؟
يمكن أن تصبح العلامة النصية العريضة أو الصورة التفصيلية غير قابلة للقراءة في علامة تبويب صغيرة بالمتصفح. ابدأ برمز مربع بسيط، وافحص المعاينات الفعلية بحجم 16 بكسل و32 بكسل. تحافظ الحشوة على المصدر الكامل ولكنها قد تترك شعارًا عريضًا صغيرًا جدًا؛ يؤدي الاقتصاص المربع إلى ملء الأيقونة وقد يؤدي إلى قطع حوافها. تحقق من كلا الخيارين قبل تثبيت النتيجة.
ما هي ملفات الأيقونات المفضلة التي يجب أن أقوم بتحميلها على موقع الويب الخاص بي؟
يشتمل ملف ZIP على أيقونات favicon.ico وPNG وapple-touch-icon.png وsite.webmanifest وinstall.html.txt مع أمثلة لعلامات الارتباط. قم باستخراج الأرشيف أولاً؛ لا يؤدي تحميل ملف ZIP وحده إلى تثبيت الرمز. تفترض مسارات الأمثلة أن الملفات موجودة في جذر موقع الويب. اضبط هذه المسارات لمجلد آخر، أو استخدم إعداد أيقونة الموقع الخاص بالنظام الأساسي الخاص بك، ثم تحقق من الصفحة المنشورة وذاكرة التخزين المؤقت الخاصة بها.
جرب عينة
جرب العينة الأصلية لفحص سير العمل المدعوم. العينة الناجحة ليست ضمانة لكل المدخلات.
نموذج الصورة الأصلية ↓إذا كانت النتيجة ليست كما توقعتها
لا يزال الموقع يعرض الأيقونة القديمة.
إنشاء الملفات لا يؤدي إلى تثبيتها. تحقق من عناوين URL للأيقونات وترميز الصفحة، ثم امسح ذاكرة التخزين المؤقت للموقع واختبر جلسة متصفح جديدة. يمكن تحديث أيقونات المتصفح ونتائج البحث في أوقات مختلفة.
الأداة المفيدة التالية: من SVG إلى PNG →حدود مهمة
- إدخال الصور فقط؛ قم بتحويل SVG إلى PNG أولاً.
- لا تغير الأداة تكوين موقع الويب الخاص بك.
- تحقق من موقع الويب الخاص بك بعد تثبيت الأيقونات لأن سلوك التخزين المؤقت والنظام الأساسي قد يختلف.
- الحد الأقصى 10 MB و12 مليون بكسل. يتضمن الإخراج أيقونات ICO وPNG وبيان الويب ومثال HTML في ملف ZIP.
الأسئلة المتداولة
هل يؤدي هذا إلى تثبيت الأيقونة المفضلة على موقعي؟
لا. يقوم بإعداد الملفات والأمثلة. قم بتحميل الملفات وتحديث المسارات أو إعدادات موقع الويب الخاص بك.
هل تجعل الحزمة موقع الويب الخاص بي PWA؟
لا. تعد ملفات الأيقونات وبيان الويب الأساسي جزءًا فقط من إعداد تطبيق الويب.
لماذا يصعب قراءة شعاري بدقة 16 بكسل؟
قد تختفي التفاصيل الدقيقة بهذا الحجم. جرب رمزًا أبسط أو شكلًا أقوى أو مساحة أكبر حول العلامة.
أدلة ذات صلة
سؤال أم تصحيح؟ mrkcal@mrkcal.com