مولد الأيقونة المفضلة (من PNG إلى ICO)
قم بتحويل صورة مربعة PNG أو JPG أو WebP إلى أيقونة المتصفح المفضلة دون تثبيت أي شيء. يتم رسم الصورة على لوحة قماشية بحجم الرمز المفضل في متصفحك ويتم إعادتها كملف رمز قابل للتنزيل يمكنك إسقاطه في الدليل الجذر للموقع.
كيف يعمل
- 1
قم بتحميل صورة مربعة بتنسيق PNG أو JPG أو WebP — تعمل علامة الشعار بشكل أفضل من العلامة النصية الكاملة بهذا الحجم.
- 2
يتم رسم الصورة على لوحة قماشية صغيرة في متصفحك لإنتاج الرمز.
- 3
قم بمعاينة كيفية قراءة العلامة بمجرد تصغيرها إلى حجم علامة التبويب.
- 4
قم بتنزيل الرمز والإشارة إليه من رأس HTML لموقعك، أو وضعه على /favicon.ico.
المزايا والفوائد الرئيسية
لا توجد خطوة تحميل
تتم قراءة الصورة باستخدام File API ويتم رسمها محليًا، لذلك لا يصل الشعار الذي لم يتم إصداره أبدًا إلى خادم جهة خارجية.
معاينة واقعية
ترى العلامة المصغرة قبل شحنها، وذلك عندما يتبين أن معظم الشعارات غير قابلة للقراءة عند 16 بكسل.
يعمل مع التنسيقات الشائعة
يتم قبول جميع مصادر PNG وJPG وWebP، لذا يمكنك استخدام أي تصدير لديك بالفعل.
مجاني وغير محدود
لا يوجد حساب ولا علامة مائية ولا يوجد حد أقصى لعدد الرموز التي تنشئها.
فيما يستخدمه الناس
- إضافة رمز مفضل إلى موقع جديد أو صفحة مقصودة أو أداة داخلية.
- استبدال الرمز الافتراضي لإطار العمل قبل الإطلاق.
- التحقق مما إذا كان الشعار يظل مقروءًا بحجم علامة التبويب قبل الالتزام به.
- إنتاج أيقونة لموقع التوثيق أو التصدير الثابت.
التنسيقات والخيارات المدعومة
| الإدخال | PNG، JPG/JPEG، ويب بي |
|---|---|
| الإخراج | ملف أيقونة معروض على قماش، تم تنزيله من متصفحك |
| المصدر الموصى به | صورة مربعة، بحجم 512 × 512 على الأقل، مع وضع العلامة في المنتصف وحشوة كبيرة |
الخصوصية ومعالجة البيانات
تتم قراءة صورتك في ذاكرة المتصفح باستخدام File API ويتم رسمها على لوحة قماشية على جهازك الخاص. لم يتم تحميله مطلقًا، وهو أمر مهم عندما لم يتم الإعلان عن الشعار بعد.
الحدود والأشياء التي يجب معرفتها
- تنتج اللوحة القماشية صورة نقطية واحدة. إنها لا تبني حاوية ICO متعددة الدقة تحتوي على متغيرات 16 و32 و48 بكسل - تقبل المتصفحات الحديثة أيقونة PNG المفضلة، لكن المتصفحات القديمة جدًا تتوقع ICO حقيقيًا.
- يتم فقدان التفاصيل في حجم الرمز المفضل حسب التعريف. لن يستمر الشعار الذي يحتوي على نص جيد أو حدود رفيعة؛ تبسيط العلامة بدلا من ذلك.
- يتم الحفاظ على الشفافية فقط إذا كان المصدر يحتوي على قناة ألفا — ولا يحتوي مصدر JPG على أي قناة.
استكشاف الأخطاء وإصلاحها
لا يظهر الرمز المفضل بعد تحميله
تقوم المتصفحات بتخزين الرموز المفضلة بقوة. أعد تحميل الصفحة، أو افتح عنوان URL الخاص بالرمز مباشرة لتأكيد عرضه، قبل افتراض أن الملف خاطئ.
يبدو الرمز موحلًا في علامة التبويب
ابدأ بعلامة أبسط تحتوي على عناصر أقل ومساحة أكبر. تختفي التفاصيل الدقيقة والحدود الرفيعة عند 16 إلى 32 بكسل بغض النظر عن دقة المصدر.
متصفح قديم يتجاهل الرمز
تقبل بعض المتصفحات القديمة فقط ملف ICO حقيقي متعدد الأحجام. قم بالإشارة إلى الرمز بشكل صريح باستخدام علامة الارتباط في الرأس بدلاً من الاعتماد على اكتشاف /favicon.ico.
Favicon Generator — Create ICO & PNG Site Icons Online
Turn any image into a complete favicon set — the classic .ico plus every PNG size modern browsers, Android and iOS actually request. A free favicon generator that outputs the files and the HTML link tags to go with them.
- Every size browsers ask for — 16x16 and 32x32 for tabs and bookmarks, 180x180 for the iOS home screen, 192x192 and 512x512 for Android and PWA manifests.
- ICO conversion included — produce a genuine multi-resolution favicon.ico for the root of your site, not just a renamed PNG.
- Copy-paste HTML tags — the matching link and manifest markup comes with the download, so nothing silently 404s after you deploy.
- Works from PNG, JPG or SVG — start from a logo, an app icon or an illustration and let the generator handle the resizing and cropping.
- Processed in your browser — unreleased brand marks are converted locally with no upload to an icon service.
Free and unlimited. Generate the rest of your page head with the Meta Tag Generator, including the Open Graph image reference.
الأسئلة المتداولة
What size should my source image be?
Start from a square image of at least 512x512 with the mark centred and some padding. Detail disappears at tab size, so a simple mark works far better than a full logo with text.
Do I still need a .ico file?
Modern browsers accept a PNG favicon referenced from a link tag. A true multi-resolution ICO is only needed for very old browsers that look for /favicon.ico and expect that container format.
Why has my new favicon not appeared?
Favicons are cached aggressively. Hard-reload the page, and open the icon URL directly to confirm the server is actually serving the new file before concluding the icon is wrong.
ما هو حجم الصورة المصدر الموصى به؟
تعمل صورة PNG المربعة بحجم 512 × 512 بكسل بشكل أفضل لإنشاء أيقونات مفضلة نظيفة.
ما الحجم الذي يجب أن تكون عليه الصورة المصدر؟
ابدأ من صورة مربعة بحجم 512 × 512 على الأقل مع وضع العلامة في المنتصف وبعض الحشو. تختفي التفاصيل عند حجم علامة التبويب، لذا فإن العلامة البسيطة تعمل بشكل أفضل بكثير من الشعار الكامل مع النص.
هل ما زلت بحاجة إلى ملف .ico؟
تقبل المتصفحات الحديثة أيقونة PNG المفضلة المشار إليها من علامة الارتباط. هناك حاجة إلى ICO حقيقي متعدد الدقة فقط للمتصفحات القديمة جدًا التي تبحث عن /favicon.ico وتتوقع تنسيق الحاوية هذا.
لماذا لم يظهر رمزي المفضل الجديد؟
يتم تخزين الرموز المفضلة مؤقتًا بقوة. أعد تحميل الصفحة بقوة، وافتح عنوان URL للأيقونة مباشرة للتأكد من أن الخادم يخدم الملف الجديد بالفعل قبل استنتاج أن الأيقونة خاطئة.
الأدوات ذات الصلة
محول SVG إلى PNG / JPG
تحويل ملفات SVG المتجهة إلى صور HD PNG أو JPG
تغيير حجم الصورة واقتصاص الارتفاع
قم بتغيير حجم الصور إلى العرض/الارتفاع والنسب الاجتماعية المخصصة
محول الصور
تحويل وضغط الصور بين الصيغ
CSV إلى JSON ومحول Excel
تحويل جداول بيانات CSV إلى صفائف JSON والعكس