أداة تغيير حجم الصورة
قم بتعيين أبعاد الصورة وحد حجم ملف JPEG الاختياري معًا. احتفظ بالصورة بأكملها أو أضف حدودًا للوحة قماشية محددة.
الصورتتم معالجتها محليًا
مولد فافيكون
أنشئ أيقونات ICO وPNG المفضلة، وقم بمعاينة الرموز الصغيرة وقم بتنزيل ملف ZIP كاملاً في متصفحك.
اختر صورة، وقم بتعيين الحشو وألوان الخلفية، وتحقق من المعاينات الصغيرة، ثم قم بإنشاء ملف ZIP وتنزيله.
حول شعارك إلى مجموعة أيقونات مفضلةاختر صورة واحدة أو أسقطها هناPNG أو JPEG أو WebP أو SVG · 10 ميجابايت · 4096 بكسل لكل جانب
تمت إزالة محتوى SVG غير المدعوم. تحقق من المعاينة قبل التنزيل.
تحقق من الأحجام الصغيرة
يتم عرض معاينات 16 و32 و48 بكسل بالحجم الفعلي. يمكن أن تختفي التفاصيل الدقيقة عند 16 بكسل.
مجموعة الأيقونات المفضلة لديك جاهزة
يحتوي ملف ZIP على 9 ملفات: ICO وSVG وخمسة ملفات PNG وبيان أيقونة ومقتطف HTML.
favicon.icofavicon.svgfavicon-16x16.pngfavicon-32x32.pngapple-touch-icon.pngandroid-chrome-192x192.pngandroid-chrome-512x512.pngsite.webmanifestfavicon-html.txt
مقتطف HTML المفضل · <head>
قم باستضافة الملفات على موقعك وضبط المسارات. دمج إدخالات الرمز في بيان موجود.
طريقة الاستخدام
قم بإنشاء مجموعة أيقونات مفضلة
اختر صورة، وقم بتعيين الحشو وألوان الخلفية، وتحقق من المعاينات الصغيرة، ثم قم بإنشاء ملف ZIP وتنزيله.
مثال والنتيجة المتوقعة
مثال: قم بتحميل شعار شفاف مقاس 1024×1024، وحافظ على الشفافية واستخدم 10% من الحشو. يحتوي ملف ZIP على ICO (16/32/48)، وخمسة ملفات PNG، وملف SVG يحتوي على ملف PNG، وبيان رمز، ومقتطف HTML. تبقى العلامات البسيطة أكثر وضوحًا عند 16 بكسل؛ التفاصيل الدقيقة يمكن أن تختفي.
ما هو الرمز المفضل؟
الأيقونة المفضلة هي أيقونة صغيرة تظهر في المتصفحات في علامات التبويب والإشارات المرجعية والسجل بجوار عنوان صفحتك. إنه صغير الحجم - غالبًا ما يكون 16 × 16 بكسل فقط - لذا فإن الرمز المفضل الجيد يكون بسيطًا وعالي التباين ويمكن التعرف عليه في لمحة. يقوم هذا المولد بتحويل صورتك إلى أحجام أيقونات مفضلة شائعة، بالكامل في متصفحك. لم يتم تحميل أي شيء.
الأحجام التي تحتاجها في عام 2026
| الملف | الحجم | تستخدم ل |
|---|---|---|
| favicon.ico | 16, 32, 48 | علامات التبويب والإشارات المرجعية في المتصفح |
| favicon.svg | 512 × 512 | المتصفحات التي تدعم SVG؛ جزءا لا يتجزأ من PNG |
| favicon-16x16.png, favicon-32x32.png | 16, 32 | PNG الاحتياطية |
| apple-touch-icon.png | 180 × 180 | شاشة iOS الرئيسية وSafari |
| android-chrome-192x192.png, android-chrome-512x512.png | 192, 512 | إدخالات أيقونة Android وPWA |
التنسيقات والحدود
يتم دعم مدخلات PNG وJPEG وWebP وSVG العادية. يقتصر حجم الملفات على 10 ميجابايت و4096 بكسل لكل جانب. الصور المتحركة غير مدعومة. يتم تنقيط مدخلات SVG في متصفحك؛ تتم إزالة البرامج النصية والمراجع الخارجية والصور وأوراق الأنماط والمرشحات والرسوم المتحركة ولن يتم عرضها. يستخدم النص الخطوط المحلية المتاحة. تحقق من المعاينة إذا كان SVG الخاص بك يستخدم هذه الميزات.
يحتوي ICO على إدخالات مضغوطة بتنسيق PNG 16×16 و32×32 و48×48. يستخدم تقليل الحجم إعادة تشكيل متعددة الخطوات، لكن الصورة التفصيلية لا تزال تفقد التفاصيل عند 16 بكسل - العلامات البسيطة تعمل بشكل أفضل. يتم الحفاظ على الشفافية في ICO وPNG عند تحديدها؛ يستخدم رمز Apple touch خلفية صلبة. يتضمن إخراج SVG ملف PNG وليس تحويلاً متجهًا. يبقى الأصل الخاص بك دون تغيير.
الأسئلة الشائعة
ما الحجم الذي يجب أن يكون عليه الرمز المفضل لدي؟
قم بشحن ICO متعدد الأحجام (16/32/48)، وأيقونة Apple touch مقاس 180×180، وPNGs 192/512 لنظام Android. هذه هي الأحجام الشائعة للمتصفح والأجهزة، ولا تضمن أن كل نظام أساسي يستخدم كل ملف.
ICO أو PNG – أيهما أحتاج؟
تضمين احتياطي ICO وبدائل PNG أو SVG. انسخ مقتطف HTML، ثم قم بتحديث المسارات لتتوافق مع المكان الذي تستضيف فيه الملفات.
هل تدعم المتصفحات أيقونات SVG المفضلة؟
تدعم العديد من المتصفحات الحديثة أيقونات SVG المفضلة. احتفظ بنسخة ICO الاحتياطية للمتصفحات التي لا تفعل ذلك. تقوم هذه الأداة بتضمين PNG بحجم 512 × 512 داخل ملف SVG؛ ولا يتتبع شعارك في مسارات المتجهات.
لقد قمت باستبدال الرمز المفضل الخاص بي ولكن الرمز القديم لا يزال يظهر. لماذا؟
تقوم المتصفحات بتخزين الرموز المفضلة بقوة. حاول إجراء تحديث قوي أو مسح ذاكرة التخزين المؤقت للمتصفح. تحقق من مسارات الملفات، وقم بتغيير اسم الملف أو استعلام الإصدار في حالة استمرار ظهور الرمز المخزن مؤقتًا.
هل ستعمل خلفيتي الشفافة على أجهزة iPhone؟
يتم دائمًا تسطيح أيقونة Apple touch على لون خلفية Apple الذي تختاره هنا. تحافظ ملفات ICO وملفات PNG الأخرى على الشفافية عند تحديدها.
هل سيجعل هذا الرمز البريدي موقعي قابلاً للتثبيت باعتباره PWA؟
لا، يحتوي البيان على إدخالات الأيقونات فقط. قم بدمجها في البيان الحالي الخاص بك أو قم بإضافة الاسم وعنوان URL للبدء وإعدادات PWA الأخرى التي يحتاجها موقعك.