لائحة الطعام
مجاني
تحقق في
الرئيسية  /  مشاكل / فافون هاوس. طريقة عالمية لإنشاء فافونوف

فافون هاوس. طريقة عالمية لإنشاء فافونوف

في هذا الدرس، يتم النظر في إنشاء فافيسون، ستكتشف سبب حاجة أيقونة هذه الأيقونة، والحصول على توصيات لتحسين نوعها وجاذبية.

بالإضافة إلى ذلك، سننظر في عملية إنشاء وإضافة Favicon للموقع.

فافيسون. - هذا أيقونة صغيرة يمكنك رؤيته في شريط العناوين للمتصفح وعلى علامات تبويب الصفحات المفتوحة، وكذلك عند إضافة موقع، تتم إضافة رمز هذه الرمز إلى إشارات مرجعية المتصفح.

بالإضافة إلى ذلك، يعرض محرك البحث Yandex أيقونة Favicon في نتائج الإصدار بجانب موقعك. مهمتك هي جعل هذا الرمز الذي يبرز هذا الرمز، لقد تذكرت خلفية الرموز الأخرى في تسليم المجرمين، وكان لديها أيضا بعض الجمعيات مع موقعك. تم إنشاؤه بشكل جميل وجذب الاهتمام Icon Favicon يمكن أن يزيد بشكل كبير من عدد الأهداف الموجودة على موقعك مقارنة بتلك التي لم يتم تثبيتها أو لها طريقة عرض جذابة.

فيما يلي بعض التوصيات التي يجب مراعاتها عند إنشاء Favicon.

#واحد. يجب التعرف على الأيقونة بسهولة ولديها جمعيات مع موقعك أو مكانك الذي ينتمي إليه موقعك. كشريعة، يمكنك استخدام الشعار أو رمز الارتباط مع موقعك. بالإضافة إلى ذلك، يمكنك استخدام سلسلة ألوان التي تنشئ موقع الويب الخاص بك أو شعارك.

# 2. لا تستخدم الرموز القياسية. كثير بعد إنشاء موقع على CMS معين، اترك الرمز، دون تغيير. نتيجة لذلك، في إصدار محرك البحث، قد لا يكون هناك موقع واحد بهذه الشارة، ولكن الكثيرين. ليست هذه الطريقة التي لا تسليط الضوء على موقعك، لذلك استخدم فقط أيقونات Favicon الفريدة التي تم إنشاؤها خصيصا لموقعك. يمكن أن يشمل ذلك أيضا الوضع عند استخدام الرموز من مجموعات أو عناصر مختلفة من واجهة المواقع الأخرى. تذكر أن تبرز أنك بحاجة إلى فافيسون فريد من نوعها.

# 3. حاول عند إنشاء شارة لاستخدام ألوان أكثر إشراقا ومشرقا، كقاعدة عامة، أنها تجذب المزيد من الاهتمام.

#four. لا تستخدم الرموز المتحركة. أولا، يتم دعم الرسوم المتحركة ليس من قبل جميع المتصفحات، في الثانية يجب أن تتركز اهتمام الزائر على المحتوى وليس على الأيقونة.

الآن النظر مباشرة في عملية فافيسون نفسها. لهذا هناك العديد من الخدمات. ومع ذلك، فهي أكثر ملاءمة لأولئك الذين لديهم بالفعل أيقونة الانتهاء التي يتم تقديمها أو تؤخذ من بعض المجموعة. ولكن كما قلت أعلاه، يجب أن تكون الأيقونة فريدة من نوعها، لذلك سوف أعتبر عملية إنشاء تكنولوجيا المعلومات باستخدام فوتوشوب، على مثال موقع الموقع.

إنشاء فافيسون بيليت في فوتوشوب

#واحد. قم بإنشاء مستند جديد في Photoshop Size 64 * 64px، للقيام بذلك، انتقل إلى قائمة "ملف" \u003e\u003e "جديد ..." أو اضغط على مجموعة المفاتيح CTRL + N. بشكل عام، يجب أن يكون الأيقونة نفسها 16 * 16 بكسل، ولكن من الأفضل أولا إنشاءها بنفس الحجم، ثم تقلل إلى واحد الضروري.

# 2. في حالتي، ليس لدي شعار للموقع لذلك قررت استخدام رمز "W" الذي يبدأ عنوان الموقع منه، وكذلك تلك الألوان التي تسود في الجزء العلوي من الموقع أزرق وأصفر. لذلك، قمت بتعيين قيمة اللون # 6A91D0 واستخدام أداة "التعبئة" (G) قم بتعيين اللون الأزرق للوثيقة التي تم إنشاؤها مسبقا.

# 3. بعد ذلك، اخترت أداة "النص" (T) إضافة رمز "W" وتعيينها قيمة اللون التالية # Fac31d.

من أجل الرمز أكثر وضوحا على خلفية زرقاء، أضفته بلون أسود وحجم 2 بكسل. للقيام بذلك، يجب عليك الذهاب إلى عنصر القائمة. "طبقة" \u003e\u003e "طبقة نمط" \u003e\u003e "السكتة الدماغية"، حدد لون وحجم السكتة الدماغية.

بعد ذلك تحتاج إلى دمج الطبقات، لهذا تحتاج إلى الذهاب إلى عنصر القائمة "الطبقة" \u003e\u003e "الجمع بين مرئي" أو اضغط على مجموعة المفاتيح SHIFT + CTRL + E.

من أجل أن تحتوي الخطوط على أحذية رياضية ناعمة، أضفت طمس. للقيام بذلك، يجب عليك الذهاب إلى عنصر القائمة. "تصفية" \u003e\u003e "Blur" \u003e\u003e "Blur in Gauss ..." وقم بتعيين دائرة نصف قطرها 0.3 بكسل.

شخصيته أو مكان صوره بحيث يستغرق مساحة كحد أقصى، لأنه إذا كان صغيرا، فسيكون بحجم الرمز 16 * 16 فلن يكون ملحوظا.

#four. الآن تحتاج إلى تغيير حجم الرمز. للقيام بذلك، انتقل إلى القائمة \u003e\u003e "حجم الصورة"وتعيين حجم 16 * 16px.

#خمسة. يبقى لحفظ الرمز. يجب أن يكون لدى أيقونة Favicon اسم Favicon and Extension.ico. والحقيقة هي أنه بواسطة Photoshop الافتراضي لا يحفظ الصور بتنسيق. لذلك، احفظه في format.png، لهذا، انتقل إلى عنصر القائمة "ملف" \u003e\u003e "حفظ باسم ..." وحدد PNG من القائمة المنسدلة.

صورة التحويل في format.ico

بعد ذلك، نقوم بتحويلها إلى Format.ico باستخدام الخدمة. انتقل إلى هذه الخدمة واستخدام زر "نظرة عامة"، حدد الملف المحفوظ مسبقا بتنسيق PNG، ثم انقر فوق الزر "إنشاء Favicon.ico".

بعد ذلك، ستظهر الرابط "تنزيل Favicon.ico!" في صفحة التنزيل. بالنقر فوق التي يمكنك حفظ أيقونة Favicon الانتهاء على الكمبيوتر.

الآن حان الوقت لإضافة Favicon إلى موقعك بحيث يتم عرضها لجميع صفحاتها. للقيام بذلك، ضع الرمز في مجلد الجذر لموقعك. إذا كان موقعك قيد الاستضافة بالفعل، فسيتم استدعاء هذا المجلد عادة "Public_html". ثم، في كل صفحة من موقعك، أمام علامة الإغلاق أضف الأسطر التالية:

ولكن في كل صفحة، يجب إضافة بيانات السلسلة إذا كان لديك موقع على HTML. ولكن نظرا لأنه على الأرجح يعتمد موقعك على أساس، فإن بعض CMS، ثم ستكون كافية لإضافة هذه الأسطر إلى الملف الرئيسي لموضوعك الذي تستخدمه للموقع.

إذا كنت تستخدم WordPress، فانتقل إلى مجلد / مجلد WP-Content / Themes-Folder-you-theme / find in عليه وفتح ملف Header.php، وإدراج الخطوط مطلوبة وحفظ الملف.

إذا كنت تستخدم Joomla، فانتقل إلى مجلد القوالب / Folder-C-Topic / وفتح ملف Index.php إدراج الصفوف المطلوبة وحفظه.

في بعض الموضوعات في WordPress و Joomla، يمكن توضيح مساراتها بالفعل إلى ملف Favicon.ico، في هذه الحالة، وإزالتها واستبدالها.

إذا كنت تستخدم، أي CMS الأخرى، ثم تفعل كل شيء عن طريق القياس.

في صفحات الصفحات وفي شريط العناوين للمتصفح، سيتم عرض أيقونة الخاص بك على الفور، كما هو الحال بالنسبة للبحث عن Yandex، فمن الضروري أن يكون لديك وقت، وجد روبوت البحث الخاص Yandex أيقونة الخاص بك، بعد ذلك سيتم عرضها في نتائج البحث.

يتم إعداد المواد من قبل المشروع:

Favicon (الإنجليزية. أيقونة المفضلة) هي أيقونة صغيرة (صورة، صورة) بتنسيق خاص يتم عرضه في شريط عنوان المستعرض عند عرض الموقع، علامة تبويب المستعرض أو في الإشارات المرجعية ("المفضلة").

favicon هو زخرفة إضافية لموقعك، شعارك المصغر. يظهر أيضا عند عرض قائمة المواقع في البحث عن ياندكس، جوجل ويسلط الضوء على موقعك ضد البقية.

لماذا تحتاج فافيكون للموقع؟

فافيسون هي علامة تجارية لموقعك. العديد من الشركات اليوم لديها أيقونة فافيسون مميزة توضحها بين المنافسين. من أجل تذكر أيقونة أفضل من قبل المستخدمين، يجب أن تعرض الشركات شعارها فيه، والتي يجب أن تكون أيضا واحدة من عناصر قبعات الموقع. ميزة إيجابية أخرى لاستخدام Favicon هي أنه عند عرض عدد كبير من المواقع في المتصفح، لا ترى عنوان الصفحة بالكامل، ويمكنك فقط رؤية الرمز ويمكنك بسهولة تحديد علامة التبويب بسهولة حيث تريد أن تذهب.

ما هو أفضل لتصويره على Favon؟

  • يجب أن تمتثل الرمز لموضوع الموقع.
  • العلامة التجارية إذا كان لديك موقع متصل بهذه العلامة التجارية. في الوقت نفسه، يمكن عرض مختلف العلامات التجارية للصفحات المختلفة؛
  • قم بتطبيق FAVON الذي تريد النقر فوقه، وسيقوم بزيادة المعتقدات عند المشاهدة في البحث عن Yandex، Google؛
  • اصنع عدة تصاميم Favonok لأقسام مختلفة من موقعك.
  • قم بعمل العديد من التصاميم من Favonok لأحداث مختلفة (مثل السنة الجديدة أو عيد الحب أو عيد الفضاء، :).
ضع الملف الناتج في جذر موقعك، حيث هو ملف الفهرس الرئيسي (index.php). لتحديد أيقونات مستعرض الموقع من الموقع (Favicon) في قسم رأس الصفحة (الرأس)، أدخل السطر التالي:

كيفية جعل فافيسون المتحركة؟

تنسيق ICO لا يدعم الرسوم المتحركة. لكن المتصفحات الحديثة تسمح بتنسيق GIF للتصميم. من الممكن تحديد المتصفحات الحديثة ملف متحرك واحد (Favicon.gif)، وللمستكشف القديم، اكتب Intertet Explorer، آخر (Favicon.ico). للقيام بذلك، في قسم الرأس، تجعل الخطين التاليين:

بشكل طبيعي، يجب عليك أولا وضع كلا الملفين في مجلد الجذر للموقع.

ماذا لو كان ممنوع لعرض الصور في المتصفح؟

إذا قمت بإجراء Favicon مع صورة مضمنة في الكود الأعلى:

سيتم عرض الرمز في المتصفح حتى عند تعطيل الصور. وبعد

كيفية الحصول على فافيسون من الموقع

ليس كل مشرفي المواقع لديهم favicon.ico في جذر الموقع. للحصول على عنوان Favicon، استخدم البرنامج النصي التالي:

] * *) رابط ([^\u003e] *) (REL \u003d "أيقونة" | REL \u003d "أيقونة الاختصار") ([^\u003e] *)\u003e / IU "، $ HTML، $ خارج)) ($ link_tag \u003d $ خارج ؛ إذا (preg_match ("/ href ([s] *) \u003d ([s] *)" ([^ "]") "/ IU"، $ Link_tag، $ خارج)) ($ favicon \u003d trim ($ خارج) ؛ إذا (strops ($ favicon، ": //") \u003d\u003d\u003d خطأ) $ favicon \u003d url $. "/". ltrim ($ favicon، "/")؛)؟\u003e

أنظمة البحث Google و Yandex و Favicon

روبوت محركات البحث مخبأ الرموز من المواقع. تتوفر الرموز المكدسة على الطلبات التالية:

بالإضافة إلى ذلك، يمكن أن تجعلك ياندكس "Sprite" من أيقونات المواقع المختلفة:

أيقونات iPhone و iPad

حتى إذا لم تحدد ارتباط رابط إلى صورة iPhone على أي حال، فسيظل في البحث في المجلد الجذر للموقع باستخدام اسم Apple-Touch-icon.png وإذا وجد ذلك، فسوف يستغرق الأمر صورة منه، جولة الزوايا وسوف تغطيها وهج تلقائيا. لتجنب ذلك، بدلا من Apple-Touch-icon.png، يجب عليك كتابة أصحاب OPPHOUND.PNG APPHOUND.PNG من أجهزة iPhone والنقطة بالنسبة لهم، نجعل أيقونة جميلة في الحجم 57 × 57 (يمكنك بالمناسبة وأكثر، ولكن هذا هو الحجم القياسي للرمز الموجود على شاشة الغداء)، وربطه مثل هذا:

كيفية تغيير ديناميكيا فافيسون؟

إذا حاولت تغيير قيمة خاصية العلامة عبر DOM، فأنت لا تسعى إلى إيجاد النتيجة المرجوة. لتغيير أيقونة الصفحة بشكل حيوي، يجب أولا إزالة علامة الرابط مع رمز قديم من عنوان الصفحة، ثم قم بإضافته إلى المحتوى الجديد. يتم ذلك مثل هذا: // الرابط إلى ملف ICON VAR جديد \u003d "new_favicon.ico"؛ var head \u003d document.getelementbytagname ("Head")؛ / / ابحث عن الرمز القديم وإزالته من Tag tag \u003d head.getelementbytagname ("رابط")؛ ل (var i \u003d 0؛ أنا< links.length; i++) { var lnk = links[i]; if (lnk.rel=="shortcut icon") { head.removeChild(lnk); } } // Добавить новую иконку var link = document.createElement("link"); link.setAttribute("href",icon); link.setAttribute("type","image/x-icon"); link.setAttribute("rel","shortcut icon"); head.appendChild(link);

HTML5 و فافيسون.

في HTML5، تمت إضافة سمة الأحجام، مما يتيح لك إعلان العديد من إصدارات مختلفة من نفس الرموز، ويمكن أن تكون ملفات PNG:

كيفية إعلان البلاط للأجهزة اللوحية على ويندوز 8؟

الإعلان عن Windows 8.0 يبدو وكأنه شيء مثل هذا:

ويندوز 8.1 و IE 11 نتوقع العديد من إصدارات الصورة التي تم الإعلان عنها في BrowserConfig.xml. على سبيل المثال:

لا يمكنك أن تعلن إذا لم يتم تغيير اسم الملف:

# 2B5797.

ما هو فافون؟

بالنسبة لأولئك الذين لا يعرفون ما هو Favon، سنقدم شهادة صغيرة تسمح لك بإدخال مسار القضية. Favon عبارة عن أيقونة صغيرة من 16 × 16 أو 32x32 بكسل، والتي عادة ما تكون الشعار أو الحرف الأول من العلامة التجارية أو صورة مميزة، مما يعكس نوع الأعمال أو موضوع الموقع.

لماذا فافون مهم؟

تؤدي FAVON الوظائف التالية:

العلامة التجارية.

تحديد الموقع من قبل المستخدم (سهولة الاستخدام).

يطبق موقع عرض احترافي.

دعونا نسكن على المزايا الرئيسية لاستخدام FAVON.

الاعتراف بالعلامة التجارية

فافون - كشهادة موقع صغير. كما هو مذكور في الجزء التمهيدي، تساعد FAVON المستخدم على تذكر موقعك بين العديد من المواقع التي ينظر إليها. سواء كان تاريخ المشاهدة، أو نتائج بحث Google أو قائمة ذات إشارات مرجعية للمواقع في متصفحك، سيساعد Favona المستخدم بسهولة التعرف على موقعك وتذهب إليه.

ثقة

يميل المستخدمون إلى الحكم على تجار البضائع والخدمات على الإنترنت على أساس كيفية إجراء الموقع مهنيا. يمكن أن يؤدي القبيح في شكل نقص في Favon (تعرض محركات البحث موقعا إلكترونيا دون رمز FAVON وثيقة فارغة) بسهولة إلى فقدان الثقة، خاصة عندما يقارنون المستخدمون مع المنافسين.

الزيارات المتكررة

من المعروف أن الناس يتفاعلون بشكل أفضل للصورة من النص. لنفترض الآن أن زائر موقعك هرع عندما زرته لأول مرة، وقررت إضافته إلى الإشارات المرجعية للعودة لاحقا. لنفترض أن هذا الشخص يقرر بعد ذلك زيارة موقعك مرة أخرى، لأن ما يجب أن يلجأ إلى الإشارات المرجعية. أنت محظوظ إذا كنت قد تعرفت على Favon يمكن التعرف عليها، مثل حرف Google ملحوظ وفريد \u200b\u200bمن نوعه وستجدك المستخدم. إذا لم يكن هناك Favicon، فقد تتم إزالته من قائمة الإشارات المرجعية.

يحفظ وقت المستخدم

Favonons توفير الوقت الذي يقضيه المستخدم لتحديد الموقع في الإشارات المرجعية أو التاريخ أو الأماكن الأخرى التي يضعها المتصفح مزيدا من المفايد لتحديد الهوية السريعة. إنه يسهل فقط حياة الزائر المتوسطة بموقعك.

فوائد لسيو.

إذا كان موقعك يحتوي على Favon، فستكون مرئيا أفضل في نتائج البحث من المواقع التي لا تكون فيها، وبالتالي يمكنك جذب المزيد من الزوار.

كيفية إنشاء favon؟

هناك العديد من الأدوات لإنشاء Favon في دقائق. إذا لم يكن لديك مهارات التصميم أو لا تعرف كيف يتم ذلك، فيمكنك محاولة إنشاء Favon باستخدام Logaster.

للقيام بذلك، اتبع التعليمات خطوة بخطوة:

الخطوة 5. إنشاء favon

الآن بعد أن لديك شعار، انقر فوق "إنشاء Favon باستخدام هذا الشعار" في صفحة الشعار.

الخطوة 6. حدد تصميم فافيسون المطلوب

كما هو الحال في شعار الشعار، سيولد Logaster عدة عشرات فافونوف الجميلة والجائدة للاستخدام. اختيار التصميم المفضل لديك. سيسمح لك المعاينة برؤية كيف ستبدو Favy الخاص بك على الموقع.

إذا كنت بحاجة إلى تغيير FAVON، فيمكنك القيام بذلك من خلال تحرير الشعار، حيث يتم إنشاء Favona بناء على تصميم الشعار. لذلك، إذا كنت تريد، على سبيل المثال، لون آخر من Favicon، فأنت بحاجة إلى العودة إلى صفحة الشعار، وقم بتغيير لونها، ثم قم بإنشاء Favon مرة أخرى.

يمكنك العثور على إلهام ل Favonka على المواقع:

الخطوة 7. تحميل فافون

يمكنك شراء FAVON بشكل منفصل، بسعر 9.99 دولارا أو شراء حزمة تصميم لا تضم \u200b\u200bفافون فقط، ولكن أيضا شعار، بطاقة عمل، مغلف وشكل مؤسس. كيفية شراء حزمة التصميم، يمكنك معرفة ذلك.

بعد الدفع، يمكنك تنزيل Favon بتنسيقات ICO و PNG.

أين يمكنني استخدام Favon؟

يمكنك استخدام FAVON:

متصل؛

أجهزة محمولة. يمكن للمستخدم إضافة Favon إلى الشاشة الرئيسية لجهازه (شيء مثل الإشارات المرجعية) - Android، IOS، Windows Phone، إلخ؛

برامج وتطبيقات RC / MAC.

كيفية تثبيت FAVON إلى الموقع؟

بعد استلام Favon، لن يتخذ تثبيته على الخادم أي زوج من الدقائق ويتم تنفيذه في مرحلتين. للقيام بذلك، تحتاج إلى الوصول إلى الدليل الجذر لموقعك ومحرر نصي لتغيير كود HTML للموقع.

الخطوة 1.تحتاج إلى تنزيل ملف Favicon.ico إلى الخادم. للقيام بذلك، تحتاج إلى تنزيل وتركيب عميل FTP، على سبيل المثال، FileZilla. ثم أدخل اسم المستخدم وكلمة المرور وتنزيل الملف. تعليمات أكثر تفصيلا كيفية تنزيل ملف Favon يمكنك القراءة.

الخطوة 2.الآن تحتاج إلى تحرير صفحة HTML الخاصة بموقعك لمساعدة المتصفحات على العثور على صورة الخاص بك Favic. مع نافذة FTP في الهواء الطلق، ابحث عن وتنزيل ملف index.html أو Header.php من الخادم.

افتح ملف Index.html في محرر النصوص - Notepad، Notepad ++، نص Sublime.

إذا كان موقعك يحتوي على HTML نظيفا، فقم بإدخال رمز خاص إلى منطقة الرأس في ملف Index.html.

يمكن نسخ الرمز على صفحة Favicon على موقع Logaster.

إذا كنت تستخدم WordPress، أدخل الرمز أدناه إلى رأس Header.php.

بعد القيام بذلك، قم بتنزيل الملف مرة أخرى إلى حيث أخذته. مستعد! أعد تشغيل صفحة موقعك لرؤية FAVON.

معظم المتصفحات الحديثة ذكية ومعرفة كيفية العثور على ملف FAVON حتى بدون هذا الرمز، ولكن فقط إذا كانت Favon تحتوي على صورة بتنسيق 16x16 بكسل، اسم Favicon.ico وحفظه في الدليل الجذر لموقعك.

نأمل أن تعطيك هذه المقالة بعض المعلومات المفيدة التي ستساعد في إنشاء Favon، مما سيجعل موقعك أكثر نجاحا وجذابا.

موضوع مقالة اليوم هو كيفية جعل Favicon عبر الإنترنت لموقع أو بلوق على وورد. إذا كنت لسبب ما، فلا تعرف ما هو مطلوب هذا الملف حتى الآن، أوصي بقراءة المقالة التي كتبها بالفعل في هذا الموضوع:

بشكل عام، يجب أن تكون هذه الصورة الصغيرة كل موقع.

كيفية إنشاء favicon.ico للموقع

لذلك، الآن سأحاول معرفة أين، من وكيف تجعل فافيكون. ولكن للحصول على بداية، تحتاج إلى معرفة ما يجب أن يكون حجم Favon للموقع؟

فافيسون. - هذه صورة في تنسيقات ICO، JPEG، PNG، BMP و GIF، والتي يمكن أن يكون لها أحجام مختلفة، بدءا من 16 × 16 بكسل. يجب تنزيل أيقونة هذا الحجم إلى الموقع لفهرسة روبوت ياندكس.

أحجام أخرى لها دور ثانوي ولا يتم عرضها في البحث عن ياندكس، وتخدم عرضها في المتصفحات، مثل iPhone أو iPad. إذا كنت تريد أن تبرز موقعك في نتائج البحث، فتذكر القاعدة التالية.

في حالة العديد من الكتل الثابتة من الأحجام المختلفة، في رمز الصفحة، يجب عليك أولا وضع المسار إلى صورة 16x16 px، لأن روبوت Phava of Yandex يقرأ فقط العنوان الأول فقط.

أسهل طريقة لرسم Favicon في Photoshop أو أي محرر رسومات آخر. يمكنك القيام بذلك بشكل أسهل وأخذ صورة أو صورة جاهزة بالفعل وتحويلها إلى التنسيق والحجم المطلوب. نظرا لأن مثل هذا الرمز صغير جدا، فإن التفاصيل الصغيرة من الصورة ستكون سيئة على ذلك. لذلك، من الأفضل جعل فافيسون الخاص بك بسيطة قدر الإمكان، ولكن في نفس الوقت جذابة وفريدة من نوعها. بعد كل شيء، هذه بطاقة عمل لمورد الويب الخاص بك.

إذا لم تكن علامة كبيرة على Photoshop، فلا يهم، فهناك العديد من المولدات المجانية لإنشاء Favicon للموقع. يمكن لبعضها فقط تحويل الصور إلى تنسيق ICO، والبعض الآخر يجعل من الممكن تحرير أو إنشاء Fixer من الصفر. أحمل انتباهكم إلى مراجعة صغيرة لهذا المولدات عبر الإنترنت.

الخدمات عبر الإنترنت مولد فافيسون - إنشاء فافيسون عبر الإنترنت

سأبدأ بأبسط الخدمات، ثم انتقل تدريجيا إلى مزيد من المتقدمة، حيث يمكنك صنع أيقونات ثابتة ومتحركة من الصفر والتحرير جاهز بالفعل.

عندما تقوم فقط بتشغيل مدونتك أو موقع الويب الخاص بك ولا تزال لا تملك شعارا، فإن الحل الرائع لك سيخدم خدمة Logaster. مع ذلك، يمكنك إنشاء شعار، ثم على أساس هذا الشعار، سيقوم المولد بإنشاء مجموعة من الإصلاحات في اختيارك. الراحة هي أنه سيتم إنشاء الشعار و Phavicon بأسلوب واحد، لذلك سيظهر موقعك أكثر احترافية.

مولدات فواسون بسيطة

للحصول على بداية، العديد من المواقع التي يمكنك فيها بسهولة إنشاء رمز للموقع، وتحويل أي صورة إلى ملف Favicon.ico، دون تحرير.

www.favicongenerator.com - ربما أكثر خدمة الحد الأدنى. لا شيء غير ضروري - اختار الصورة، انقر فوق "إنشاء فافيسون! "وتنزيل الرمز المنشأ.

tools.dynamicdrive.com/favicon. - خدمة بسيطة ومفهومة حيث يمكنك صنع فافيسون في ثلاث أحجام. لتنزيل الملفات المستلمة، تحتاج إلى النقر فوق الزر "تنزيل Favicon".

www.cy-pr.com/tools/favicon و www.favicon.co.uk - خدمات مماثلة للواحدة السابقة. في أول واحد، يمكن أن يجعل حجم فاتوريك 16 × 16 و 32 × 32، وفي الدقيقة الثانية 48 × 48 و 64 × 64.

www.genfavicon.com - تتضمن عملية إنشاء رمز بأكملها ثلاث خطوات:

  1. حدد ملف (JPEG، GIF، PNG) على جهاز الكمبيوتر الخاص بك أو ببساطة تسجيل صور URL وانقر فوق " تحميل الصور“;
  2. حدد الحجم (16 × 16، 32 × 32، 48 × 48، 64 × 64 أو 128 × 128) والنمط المطلوب للنمط، إذا كنا نريد إنشاء جزء فقط من الصورة بالنقر فوق " الالتقاط والصورة“;
  3. نحن ننظر إلى النتيجة، وإذا دعاوى كل شيء، قم بتنزيل الملف.

إنشاء فافيسون متحرك للمولدات عبر الإنترنت

الآن دعونا نرى العديد من الخدمات حيث يمكنك إجراء Favonons الرسوم المتحركة، بالإضافة إلى إضافة نص على اللاتينية، والتي ستقوم بالتمرير مع الرمز في شكل خط قيد التشغيل. صحيح، الرسوم المتحركة غير مدعومة من قبل جميع المتصفحات.

www.favicon.by - الخدمة باللغة الروسية. كل ما هو مطلوب، حدد الملف، أدخل النص الموجود على اللاتينية (إذا لزم الأمر) وانقر فوق الزر "إنشاء Favicon". أدناه يمكنك أن ترى النتيجة وتحميل أرشيف الملفات.

www.favicon.com.mx - الخدمة، مماثلة تماما للواحدة السابقة، فقط باللغة الإنجليزية.

حيث لجعل Favon من الصفر - محررين عبر الإنترنت Favicon

antivavicon.com - هذه الخدمة، لسبب ما، مع المضادة للفن، مثيرة للاهتمام، مما يتيح لك إنشاء ملف favicon.ico نفسه، ولكن ليس في شكل صورة، ولكن نص على خلفية اللون. كل ما هو مطلوب هو إدخال الحروف المناسبة واختيار الألوان. بالمناسبة، فعلت فافون هنا. اعتقدت بعد ذلك، والآن اعتدت عليه.

favicon-Generator.org - هنا، باستثناء المحول، هناك أيضا محرر الأيقونة. بالإضافة إلى ذلك، يمكنك تنزيل FAVON الذي تم إنشاؤه إلى المعرض العام، حيث يمكنه تنزيل مستخدمي الموقع الآخر بحرية.

favicon.ru - مولد الروسي الشهير عبر الإنترنت، حيث يمكنك إنشاء Favona من الصور ورسمها. أيضا هنا يمكنك طلب إنشاء أخصائي فافيسون مقابل 20 دولارا. أتساءل، شخص ما يجعل الأوامر هناك؟

www.favicon.cc هو مولد شعبية آخر مماثلة للآخر السابق. ميزة مثيرة للاهتمام لهذه الخدمة هي أنه هنا يمكنك إنشاء رسوم متحركة للإطار لمدة تصل إلى 20 ثانية.

شاهد Favicon Animated وتنزيله في نافذة المعاينة.

www.degraeve.com/favicon هو مولد فافيسون آخر عبر الإنترنت. هذا المحرر، مثل السابق، يسمح لك بإجراء أيقونات خلفية شفافة.

ربما هذا يكفي لهذا اليوم، على الرغم من أن هذه ليست جميع الخدمات عبر الإنترنت. ولكن حتى هذه تكفي تماما لإنشاء فافون جميل لموقعك أو مدونتك وتكون ملحوظة في نتائج البحث.

ومع ذلك، فإن أيقونات مولد أخرى عبر الإنترنت لموقع اعتدت أن أتابعها. تستحق هذه الخدمة منشورا منفصلا، حيث سأخبرك بكيفية جعل Favicon iPhone و iPod Touch و iPad متصفحات ولا تزال تركز على تثبيت الرموز المتحركة على الموقع. بالإضافة إلى ذلك، سيقدمك إلى خدمة Favicon Validator، حيث يمكنك التحقق ومعرفة جميع أيقونات Favicon.ico، إذا كان هذا الملف يحتوي على أكثر من صورة واحدة .. حتى الآن!

مرحبا، أصدقاء! تم تثبيته مؤخرا على أحد المدونات فافونكا ويعتقد أنه لا يزال لدي أي مقالة حول هذا الموضوع. فلماذا لا تكتب؟ أفهم أن الموضوع جلب والعديد من الناس جميعا يعرفون كل هذا. كثير، ولكن ليس كل شيء، إذا كنت تعتقد إحصائيات WordStat.yandex.ru (انظر لقطة الشاشة أدناه). لقد فعلنا جميعا Favicon لأول مرة وفتشت هذه المعلومات. لذلك دع مشربي المواقع المبتدئين يجدونها على مدونتي. علاوة على ذلك، قمت بإنشائها بالتحديد لهذا الغرض. نعم، وحركة مرور إضافية من محركات البحث في هذا الطلب لن تؤذيني. إذا هيا بنا.

ما هو favicon.ico.

بالنسبة للمبتدئين، دعونا نقرر ما هو Favon ولماذا نحتاج إليها. هذا ما هو Wikipedia () مسؤولة عن هذه الأسئلة.

من الأسهل بالنسبة لي أن تظهر من شرح الكلمات. في لقطة الشاشة أدناه، أظهرت كيف يتم عرض Favonki في Google Chrome. موقف مماثل في متصفحات أخرى.

عموما، فافون للموقع - هذا أيقونة خاصة أو صورة من 16 × 16 بكسل بتنسيق ICO. عادة ما يسمى مثل هذا الملف favicon.ico. ويقع في مجلد الجذر للموقع. أحجام أخرى ممكنة أيضا (24 × 24 و 32 × 32 و 48 × 48 وما إلى ذلك) وتنسيقات (JPEG و BMP و PNG و GIF). وفقا لذلك، يسمح لك بتنسيق PNG بإجراء أيقونة على خلفية شفافة، GIF - Animated.

لماذا تحتاج فافونكا

ملف ICO Favicon مهم جدا للموقع. وليس فقط لأن هذه الصورة تجعل من السهل العثور على مورد الويب المطلوب بين العدد الكبير من إشارات المرجعية للمتصفح. الرقاقة الرئيسية والاستفادة في آخر.

والحقيقة هي أن ياندكس يظهر favona في نتائج البحث لكل موقع مثبت عليه. Favicon فريد وجميل يجذب الانتباه ويسمح لموردك بالتصفح بين المنافسين، وبالتالي جعل انقر فوقه وجمع حركة مرور البحث. بالإضافة إلى ذلك، تساهم FAVON لا تنسى في التعرف على الموقع على الإنترنت كعلامة تجارية. توافق على ذلك، أولا وقبل كل شيء، أريد النقر فوق الرابط مع الصورة.

تجدر الإشارة إلى أن ياندكس لا يوصي بأن تحتوي الصورة على شفترية، والرسوم المتحركة مدعومة فقط في متصفح Firefox. يجب أن يفهم أيضا أنه بزيادة حجم الصورة، يزيد وزن الملف والحمل على الاستضافة. لذلك، من الأفضل استخدام FAVON لأي موقع (WordPress، Joomla، Dle، إلخ) بتنسيق.ico مع حجم 16 بكسل.

لتثبيت مثل هذا الرمز على الموقع، يجب أن يكون لديك أولا. هناك العديد من الخيارات هنا:

  1. تحميل Favon الجاهزة؛
  2. اجعل Favicon.ico بمساعدة Photoshop أو مولدات خاصة عبر الإنترنت.

الطريقة الأولى أبسط بكثير، لكنها تقلل من احتمال التفرد. ومع ذلك، اعتبرها.

حيث لتحميل favicon.ico. مجموعات جاهزة من فافونوف للموقع

من أجل تنزيل Favon للموقع، يكفي إدخال مثل هذا المحرك أو مشابه في محرك البحث. صدقوني، لن يكون لديك نقص في النتائج. سأقدم أدناه عنوان العديد من الموارد حيث يمكنك تنزيل الصور الجاهزة للحصول على Favon. على بعضهم، هناك فرصة لإنشاء الرموز الخاصة بهم بمساعدة المولدات.

أيقونات المعارض (Favicon.ico) للموقع:

  • www.iconj.com/gallery.php - مجموعة كبيرة من الصور والمولدات عبر الإنترنت؛
  • www.audit4web.ru/info/favicon/ - هنا أكثر من 15000 قطعة؛
  • www.favicon.cc/؟action\u003dicon_list&order_by_rating\u003d1. - مولد ومعرض الرموز المتحركة والثابتة؛
  • www.favicon.co.uk/gallery.php - مولد فافيسون وكتالوج فافونوك للموقع؛
  • يعد thefavicongallery.com معرضا آخر للصور.

ولكن ربما، أفضل مكان يمكنك تنزيل الرموز المختلفة والشعارات لموقعك، فهو Findicons.com.

مراجعة صغيرة لهذه الخدمة:

يتم تقديم الصور بتنسيقات وأحجام مختلفة. للعثور على وتنزيل Favicon.ico على موقع الويب findicons.com، تحتاج إلى تحديد صورة وانقر فوق الزر "المزيد". في النافذة التي تفتح، انقر فوق الخط بحجم الأحجام.

نأمل أن نفهم.

خدمة رائعة أخرى مع البحث على الرموز www.iconsearch.ru.

كل شيء بسيط هنا. ندخل الموضوع في شريط البحث، الذي سنبحث عنه للحصول على صورة أو استخدام سحابة العلامة. من الممكن اختيار حجم وخلفية اللون (أبيض وشفاف أسود).

لتنزيل Favicon المحدد، انقر فوق رمز تنسيق PNG أو ICO. بالنقر فوق نقش "المزيد"، يمكنك رؤية هذا الرمز في أحجام أخرى وما زالت الرموز من هذه المجموعة.

في هذا، سأنتهي، أو حتى لو اتضح Mnogabukaf حول ذلك كيفية تنزيل Favicon ICO للموقعوبعد ولكن ما زال الأمر ستحكي، وعلى مدونة ووردبراس. الآن في المرة القادمة، لا تفوت. حتى!