Favicon - (از زبان انگلیسی آیکون مورد علاقه "آیکون به مورد علاقه") - آیکون وب سایت 16x16px یا 32x32px، که توسط مرورگر در نوار آدرس یا در کنار برگه ذخیره شده نمایش داده می شود. به طور سنتی، نام و فرمت آیکون از favicon.ico استفاده می کند.

خدمات ما قادر به تبدیل تصویر انتخاب شده (تا 175 کیلوبایت) به آیکون آیکون سایت (16x16px یا 32x32px اندازه) است. پس از نسل شما فقط نیاز به دانلود favicon.ico به کاتالوگ دلخواه میزبانی سایت.

هیچ آیکون خطا نیست بهینه سازی فنی این منبع، آگاهی از نام تجاری را کاهش می دهد، بخش های جستجوی CTR را کاهش می دهد، جستجو برای یک منبع وب در بوک مارک های مرورگر و دیگران را بدتر می کند.

Yandex دارای یک ربات ویژه است که به طور جداگانه فوون از همه سایت ها را نشان می دهد. فرکانس اضافه کردن آیکون های جدید در جستجو از حدود دو هفته تا یک ماه است.

از کجا دانلود کنید تا بتوانید آنلاین باشید؟

برای نمایش favicon.ico ایجاد شده در فرم آیکون سایت، شما باید آن را به دایرکتوری ریشه سایت (یا در هر دایرکتوری) آپلود کنید و مسیر مطلق یا نسبی آن را در کد قالب سایت ()، نمونه مشخص کنید کد:

چرا مسیر Favonka را نشان می دهد؟

هنگام استفاده از یک نماد سایت در کل سایت، اگر favicon.ico در پوشه ریشه باشد، نمی توانید مسیر آن را مشخص کنید - مرورگرهای خودشان آن را پیدا خواهند کرد و آن را به شکل آیکون سایت می برند. منابع بزرگ یا منحصر به فرد از آیکون های مختلف سایت به هر یک از دسته های خود استفاده می کنند. برای انجام این کار، در قالب های مربوطه، آنها راهی برای favicon.ico متفاوت هستند.

موضوع مقاله امروز این است که چگونه Favicon Online را برای یک سایت یا وبلاگ در وردپرس بسازید. اگر به دلایلی، نمی دانید که این فایل هنوز مورد نیاز است، توصیه می کنم مقاله را که قبلا نوشته شده توسط من در این موضوع نوشته شده است:

به طور کلی، این تصویر کمی باید هر سایت باشد.

چگونه برای ایجاد favicon.ico برای سایت

بنابراین، در حال حاضر من سعی خواهم کرد که به کجا، از و چگونه Favicon را بگویید. اما برای شروع، شما باید بدانید که چه اندازه باید Favon برای سایت باید باشد؟

favicon - این یک تصویر در فرمت های ICO، JPEG، PNG، BMP و GIF است که می تواند اندازه های مختلفی داشته باشد، با شروع 16 × 16 پیکسل. آیکون این اندازه باید به سایت برای نمایه سازی ربات Yandex به سایت دانلود شود.

اندازه های دیگر دارای نقش ثانویه هستند و در نمایش داده نمی شوند جستجو Yandex، و خدمت به نمایش در مرورگرها مانند iPhone یا iPad. اگر می خواهید سایت خود را در نتایج جستجو برجسته کنید، قانون زیر را به یاد داشته باشید.

در مورد چند بلوک ثابت از اندازه های مختلف، در کد صفحه، ابتدا باید مسیر را به تصویر از 16x16 PX تنظیم کنید، زیرا ربات PHAVA Yandex تنها اولین آدرس را می خواند.

ساده ترین راه برای رسم Favicon در فتوشاپ یا هر ویرایشگر گرافیکی دیگر. شما می توانید آن را حتی ساده تر انجام دهید و یک تصویر یا عکس در حال حاضر آماده را انجام دهید و به سادگی آن را به فرمت و اندازه مورد نیاز تبدیل کنید. از آنجا که چنین آیکون بسیار کوچک است، جزئیات کوچک تصویر بر روی آن بد خواهد بود. بنابراین، بهتر است که Favicon خود را به همان اندازه که ممکن است، اما در عین حال، جذاب و منحصر به فرد است. پس از همه، این یک کارت کسب و کار از منابع وب شما است.

اگر شما نشانه بزرگی از فتوشاپ نیستید، مهم نیست، بسیاری از ژنراتورهای آزاد برای ایجاد Favicon برای سایت وجود دارد. بعضی از آنها فقط می توانند تصاویر را به فرمت ICO تبدیل کنند، دیگران امکان ویرایش یا ایجاد یک فیکس را از ابتدا می کنند. من توجه شما را به بررسی کوچکی از این ژنراتورهای آنلاین می رسانم.

خدمات آنلاین ژنراتور Favicon - ایجاد Favicon آنلاین

من خودم را شروع خواهم کرد خدمات سادهو سپس به تدریج به پیشرفته تر بروید، جایی که می توانید آیکون های استاتیک و متحرک را از ابتدا و آماده سازی آماده کنید.

هنگامی که شما فقط وبلاگ یا وب سایت شرکت خود را اجرا می کنید و هنوز یک لوگو ندارید، یک راه حل شگفت انگیز برای خدمات Logaster خدمت خواهید کرد. با آن، شما می توانید یک لوگو ایجاد کنید، و سپس بر اساس این لوگو، ژنراتور مجموعه ای از رفع را در انتخاب شما ایجاد می کند. راحتی این است که لوگو و Phavicon در یک سبک ایجاد می شود، بنابراین سایت شما حرفه ای تر خواهد شد.

ژنراتورهای Phawacon ساده

برای شروع، چندین سایت که در آن شما به راحتی می توانید آیکون را برای سایت ایجاد کنید، هر تصویر را به فایل favicon.ico تبدیل کنید، بدون ویرایش.

www.favicongenerator.com - شاید بیشترین خدمات مینیمالیستی. هیچ چیز اضافی - تصویر را انتخاب کرد، روی "تولید Favicon کلیک کنید! "نماد ایجاد شده را دانلود کرد.

tools.dynamicdrive.com/Favicon. - ساده I. خدمات قابل فهمجایی که می توانید Favicon را در سه اندازه ایجاد کنید. برای دانلود فایل های دریافت شده، شما باید روی دکمه "دانلود Favicon" کلیک کنید.

www.cy-pr.com/tools/favicon و www.favicon.co.uk - خدمات مشابه با قبلی. در ابتدا می توانید اندازه فانی 16 × 16 و 32 × 32، و در دومین 48 × 48 و 64 × 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

antifavicon.com - این سرویس، به دلایلی، با Anti-Art، جالب است، که به شما اجازه می دهد فایل favicon.ico خود را ایجاد کنید، اما نه به شکل یک تصویر، بلکه به عنوان متن در پس زمینه رنگ. همه چیز مورد نیاز است برای وارد کردن حروف مناسب و رنگ ها را انتخاب کنید. به هر حال، من فوونم را اینجا انجام دادم من فکر کردم پس redid، و در حال حاضر من به آن استفاده می شود.

favicon-generator.org - در اینجا، به جز مبدل، همچنین یک سردبیر آیکون وجود دارد. علاوه بر این، شما می توانید Favon ایجاد شده را به گالری عمومی دانلود کنید، جایی که می توانید آزادانه سایر کاربران سایت را دانلود کنید.

favicon.ru - محبوب روسی آنلاین ژنراتور، که در آن شما می توانید Favona از تصاویر ایجاد کنید و آنها را قرعه کشی کنید. همچنین در اینجا شما می توانید ایجاد متخصصان Favicon را برای 20 دلار سفارش دهید. من تعجب می کنم، کسی سفارشات را انجام می دهد؟

www.favicon.cc یکی دیگر از ژنراتور محبوب مشابه قبلی است. یکی از ویژگی های جالب این سرویس این است که در اینجا شما می توانید انیمیشن قاب را تا 20 ثانیه ایجاد کنید.

مشاهده Favicon متحرک و دانلود آن را در پنجره پیش نمایش.

www.degraeve.com/favicon یکی دیگر از ژنراتور Favicon آنلاین است. این سردبیر، مانند قبلی، به شما اجازه می دهد تا پس زمینه شفاف آیکون ها

شاید این به اندازه کافی برای امروز باشد، هرچند این همه خدمات آنلاین نیست. اما حتی این ها کاملا به اندازه کافی برای ایجاد یک فوند زیبا برای سایت یا وبلاگ شما هستند و در نتایج جستجو قابل توجه است.

و در عین حال، یکی دیگر از آیکون های ژنراتور آنلاین برای سایت من مورد استفاده قرار گرفتم. این سرویس سزاوار یک پست جداگانه است، جایی که من به شما می گویم که چگونه Favicon را برای آیفون بسازید آی پاد لمسی. و مرورگرهای اپل و من جزئیات بیشتری در نصب آیکون های متحرک در سایت خواهم داشت. علاوه بر این، شما را به سرویس معتبر Favicon معرفی می کند، جایی که می توانید تمام آیکون های favicon.ico را بررسی کنید و ببینید، اگر این فایل شامل بیش از یک تصویر باشد. تا کنون!

بخشی جدایی ناپذیر از وب سایت های مدرن، آیکون Favicon است که به شما اجازه می دهد تا به سرعت یک یا چند منبع را در فهرست برگه مرورگر شناسایی کنید. همچنین دشوار است برنامه کامپیوتری بدون برچسب منحصر به فرد خود. در عین حال، سایت ها و نرم افزار ها در این مورد ترکیب آیتم کاملا واضح نیستند - هر دو از آیکون ها در فرمت ICO استفاده می کنند.

این تصاویر کوچک را می توان به دلیل ایجاد کرد برنامه های ویژهبنابراین با کمک خدمات آنلاین. به هر حال، این آخرین اهدافی است که محبوبیت بسیار بیشتری دارند و ما در این مقاله تعدادی از منابع را با شما در نظر خواهیم گرفت.

کار با گرافیک محبوب ترین دسته خدمات وب نیست، با این حال، از لحاظ تولید آیکون ها، قطعا از آن انتخاب شده است. با توجه به اصل عملیات، چنین منابع را می توان به کسانی که در آن شما خود را قرعه کشی یک تصویر، و سایت هایی که به شما اجازه می دهد تا یک تصویر در حال حاضر آماده در ICO را تبدیل کنید. اما اغلب تمام آیکون های ژنراتور هر دو را ارائه می دهند.

روش 1: ویرایشگر X-ICON

این سرویس راه حل کاربردی ترین برای ایجاد یک تصویر ICO است. برنامه وب به شما امکان می دهد آیکون را به صورت دستی به صورت دستی یا استفاده از تصویر به پایان برسانید. مزیت اصلی این ابزار توانایی صادرات یک تصویر با رزولوشن تا 64 × 64 است.

بنابراین، اگر شما نیاز به ایجاد یک مجموعه کامل از آیکون های اندازه یک بعدی - هیچ چیز بهتر از ویرایشگر X-icon برای این اهداف شما پیدا نمی کنید.

روش 2: favicon.ru

در صورت لزوم، برای تولید آیکون Favicon با وضوح 16 × 16 برای یک وب سایت، یک ابزار عالی نیز می تواند به عنوان یک سرویس آنلاین روسی آنلاین Favicon.Ru خدمت کند. همانطور که در مورد راه حل قبلی، در اینجا شما می توانید به طور مستقل آیکون را قرعه کشی، نقاشی هر پیکسل به طور جداگانه و ایجاد favicon از تصویر به پایان رسید.

به عنوان یک نتیجه، یک فایل فرمت ICO که تصویری از 16 × 16 پیکسل را نشان می دهد بر روی کامپیوتر شما ذخیره می شود. این سرویس مناسب برای کسانی است که فقط باید تصویر را به یک آیکون کوچک تبدیل کنند. با این حال، و برای نشان دادن فانتزی در favicon.ru در همه ممنوع نیست.

روش 3: favicon.cc

شبیه به یکی از قبلی به عنوان نام و در اصل عملیات، اما حتی یک آیکون پیشرفته تر ژنراتور. علاوه بر ایجاد تصاویر متعارف 16 × 16، سرویس باعث می شود تا Favicon.ico متحرک را برای سایت خود بکشید. علاوه بر این، منبع شامل هزاران آیکون سفارشی برای دانلود رایگان است.

اگر رابط کاربری انگلیسی زبان شما را ناراحت نکند، پس هیچ استدلالی به نفع کار با سرویس قبلی وجود ندارد. علاوه بر این واقعیت که favicon.cc می تواند آیکون های متحرک را تولید کند، منبع همچنین به درستی شفافیت تصاویر وارداتی را به رسمیت می شناسد، که متأسفانه آنالوگ روسی زبان است، متاسفانه محروم است.

روش 4: favicon.by

گزینه دیگری از ژنراتور آیکون Favicon برای سایت ها. ممکن است آیکون ها را از ابتدا یا بر اساس یک تصویر خاص ایجاد کنید. از تفاوت ها، امکان تأکید بر عملکرد واردات تصاویر از منابع وب شخص ثالث و یک رابط کاربری نسبتا شیک و مختصر وجود دارد.

به طور کلی، هیچ گونه تفاوت در کار با خدماتی که قبلا در این مقاله در نظر گرفته شده است، وجود ندارد، با این حال، با تبدیل تصاویر در ICO، Favicon.by منابع به طور قابل توجهی بهتر، و آن را بسیار آسان به اطلاع.

روش 5: تبدیل آنلاین

این احتمال وجود دارد که شما قبلا این سایت را به عنوان یک مبدل فایل آنلاین تقریبا Omnivorious می دانید. اما همه نمی دانند که این یکی از بهترین ابزار برای تبدیل هر گونه تصاویر در ICO است. در خروج شما می توانید آیکون ها را با رزولوشن تا 256 × 256 پیکسل دریافت کنید.

همانطور که می بینید، ایجاد کنید آیکون ICO با کمک سایت تبدیل آنلاین، کاملا ساده است و به معنای واقعی کلمه برای چند کلیک ماوس انجام می شود.

در درس امروز، من به شما خواهم گفت آیکون Favicon (فوون) بهت نشون میدم چگونگی ساخت favicon.ico برای سایت (یا برای یک وبلاگ، اینجا بدون تفاوت) و نشان می دهد که چگونه می توانید چسباندن فوون.

مطمئنا، بسیاری هنوز هم نمی دانند که "معجزه" من می گویم. به سادگی، Favicon (Favon) یک تصویر (آیکون) است، که در مرورگر قبل از آدرس سایت است. من به وضوح نشان می دهم favicon از وبلاگ من:

این آیکون نوعی لوگو وبلاگ شماست. بنابراین، به ایجاد یک favikon، لازم است با مسئولیت کامل درمان شود. به یاد داشته باشید، او می تواند وبلاگ شما را در میان دیگران برجسته کند.

طرح درس:

1. ایجاد favicon از ابتدا.
2. ایجاد Favonki است. تصویر آماده.
3. خدمات S. آیکون های آماده برای سایت
4. پیوستن آیکون دریافت شده به سایت.

نحوه ایجاد Favicon (Favon) از ابتدا

یک سرویس بسیار راحت وجود دارد. این آدرس favicon.cc است. این سرویس برای ساخت Favonok به نظر می رسد این است:

به قرعه کشی Favicon کافی است که یک رنگ را انتخاب کنید و فقط قرعه کشی کنید. اگر چیزی را برداشتید، جایی اشتباه کردید، برای حذف قطعه تصویر، ابزار شفاف (چک) و "Poke" را روی پیکسل ها ("مربع") انتخاب کنید که باید حذف کنید:

من Favonka زیر را جلب کردم:

بیشتر از همه در favicon.cc من این واقعیت را دوست داشتم که شما بلافاصله می توانید نتیجه کار خود را در اندازه اصلی ببینید. برای انجام این کار، شما باید کمی پایین در بخش previw پایین بروید:

یا شما می توانید در مرورگر (اپرا، فایرفاکس، اینترنت اکسپلورر. و غیره) مشاهده نتیجه:

ایجاد favicon (favon) از تصویر به پایان رسید

فرض کنید شما نمی خواهید یک آیکون را از ابتدا برای سایت خود ایجاد کنید، اما می خواهید آن را از تصویر آماده کنید. در این مورد، سرویس برای شما مناسب برای ایجاد favicon.ru مناسب خواهد بود.

خدمات در روسیه، بنابراین شما نباید مشکل داشته باشید. به سادگی یک تصویر را که میخواهید آیکون های سایت خود را ببینید (دکمه Overview) را مشخص کنید، سپس روی «کلیک کنید» ایجاد favicon.ico."، و سپس در حال حاضر" دانلود favicon.ico”.

Favon - این اصطلاح به معنای واقعی کلمه به عنوان "آیکون مورد علاقه" ترجمه شده است - یکی از پیچیده ترین عناصر طراحی مدرن وب است. این یک تصویر کوچک است که در برگه مرورگر واقع شده است خط محلی و مکان های دیگر، و نقش مهمی در شخصی سازی سایت ایفا می کند.

با توجه به فرمت غیر استاندارد و اندازه کوچک، ایجاد یک فوند می تواند با مشکلات، هر دو با نقطه نظر فنی و طراح ارتباط برقرار شود.
نه کمتر وظیفه چالش برانگیز این سازگاری Phavicon را با مرورگرهای مختلف ارائه می دهد.

در این مقاله، شما یاد خواهید گرفت که چگونه Favon را انجام دهید - ما در مورد طراحی مشاوره می دهیم و در مورد خدمات برای ایجاد یک Favicon و نحوه اضافه کردن Favon به سایت می دهیم.

فوون چیست و چرا او نیاز دارد

با وجود این واقعیت که Favon یک هدف گرافیکی بسیار کوچک است، در طراحی سایت و به طور کلی بسیار مهم است.

برای بزرگنمایی تصویر کلیک کنید.

اول, Favon سایت شما را شخصی تر می کند و در یک سبک تنها با سایر عناصر گرافیکی مانند آرم، به کار می رود.

دوم Favono سایت شما را برجسته می کند، در میان سایر منابع وب در لیست نتایج جستجو. سایت بدون این آیکون مینی محو خواهد شد تا رقبا را از دست بدهد. به طور خلاصه، Favon فقط "باید" برای سایت ها داشته باشد.

سوم Favon به کاربر اجازه می دهد تا سایت خود را در کاتالوگ بوک مارک ها یا سایر آیکون های روی دسکتاپ پیدا کند.

ایجاد یک طراحی Favicon

Favon باید ماهیت و نام تجاری را در یک نشانه کوچک از اندازه شکلک منعکس کند. تصمیم خوب این یک نسخه ساده از آرم شرکت خواهد بود، اما توجه داشته باشید: لوگوی کامل با متن و علامت های تجاری مناسب برای این منظور مناسب نیست.

این وب سایت ها از علامت گرافیکی نام تجاری خود استفاده می کنند (یا حداقل چیزی شبیه به آن).

از متن استفاده نکنید

باید از استفاده از متن رها شود، زیرا به دلیل اندازه کوچک کتیبه فوون غیر قابل خواندن خواهد بود. محل در آیکون 1، حداکثر 2 حرف - به عنوان مثال، اول به نام شرکت یا منابع وب شما؛ در این مورد، آنها هنوز هم می توانند متمایز شوند.

Pixelization Favicon

Favonons بسیار کوچک هستند که هر پیکسل در آنها مهم است. اغلب، با کاهش لوگوی کامل، تصویر به دست می آید مبهم است.

این یک قطعه از یک آرم فیس بوک کامل است پس از آن به 32 × 32 کاهش می یابد. آسان است ببینید که تصویر "شناور" در لبه ها. برای جلوگیری از چنین نقص، ویرایش بر روی سطح پیکسل.
هنگام کار با آیکون ها، من ترجیح می دهم از نرم افزار ویرایش استفاده کنم تصاویر شطرنجی (به عنوان مثال، فتوشاپ یا پیکسل کننده). در ابتدا، لوگوی کامل را به 64 × 64 پیکسل کاهش دادم، زیرا این بزرگترین فاوون است که من نیاز دارم. این کار بسیار دردناک است، می تواند یک ساعت کامل، و یا حتی دو، اما نتیجه فقط عالی است.
اگر شما در چنین عملیاتی وقت و مهارت ندارید، بهتر است از آن استفاده کنید سرویس های آنلاین، مانند logotizer.ru.

اندازه Favicon

پس از دریافت یک آیکون با اندازه 64 × 64، من همچنین یک آیکون با اندازه 32 × 32، 24 × 24 و 16 × 16 پیکسل ایجاد کردم. هر یک از آنها مقصد خود را دارد:

- 64 × 64 - "لیست برای خواندن" در Safari و Windows
- 24 × 24 - سایت های ثابت در IE9.
- 32 × 32 - برای صفحه نمایش با کیفیت بالا.
- 16 × 16 - معمولا در مرورگرها به عنوان یعنی صفری، کروم و غیره استفاده می شود

اما ایجاد Favonov کوچکتر محدود به: اغلب مورد نیاز است ویرایش اضافی در سطح پیکسل. شما همچنین می توانید یک کانال آلفا را اضافه کنید اگر لازم به آن هستید. اگر پیش از این باعث مشکلات شد، در حال حاضر تقریبا تمام مرورگرها از شفافیت در Phaniques پشتیبانی می کنند.

فرمت های Favicon

پیش از این، فقط فایل های فرمت ICO ویندوز پشتیبانی می شوند، ما می توانیم با صرفه جویی در 16 × 16 Phavique در فرمت GIF صرفه جویی کنیم و آن را گسترش دهیم. چنین پذیرش بدون مشکل کار کرد! اما در حال حاضر در این روش هیچ نیازی نیست، زیرا ابزارهایی برای ایجاد فایل های ICO می توانند به راحتی در اینترنت یافت شوند. علاوه بر این، در حال حاضر برای Favonov استفاده می شود، اما شایع ترین دو هنوز هم معمول است.

ICO

مسابقات قهرمانی پالم متعلق به فرمت ICO است. بر خلاف فایل های PNG، فایل های ICO ممکن است رزولوشن متفاوت داشته باشند عمق بیت (برای ویندوز عالی است). مرورگر اینترنت اکسپلورر از رفع اندازه های مختلف استفاده می کند (به عنوان مثال، آیکون های 32 پیکسل برای Windows 7 Taskbar) و به همین ترتیب این مورد فرمت ICO تنها گزینه است.

فایل های PNG با راحتی عالی متمایز هستند، زیرا آنها نیازی به ابزارهای خاصی برای ایجاد آنها ندارند. این فرمت از کانال آلفا پشتیبانی می کند و به شما امکان می دهد فایل های کوچکترین ابعاد را ایجاد کنید. شاید تنها نقص فرمت PNG دروغ در این واقعیت است که آن را پشتیبانی نمی کند مرورگر اینترنت اکسپلورر

گزینه های دیگری وجود دارد:

- GIF و فرمت های متحرک GIF هیچ مزیتی ندارند، علاوه بر سازگاری با مرورگرهای بسیار قدیمی.
– فرمت JPG توصیه نمی شود که حتی اگر تصویر به عنوان یک عکس ارائه شود، توصیه نمی شود. این فرمت فاقد وضوح PNG نیست، و تنها مزیت بیشتر است انتقال صاف بین رنگ ها - Nuance، که به طور کامل بر روی یک تصویر بسیار کوچک آسیب دیده است.
- SVG می تواند یک گزینه عالی باشد مرورگرهای بیشتر Favona از این فرمت را پشتیبانی می کند. تا کنون سازگاری تنها با اپرا وجود دارد.
- همچنین به اصطلاح "Conformat" PNG - APNG (PNG متحرک) وجود دارد که در فایرفاکس و اپرا پشتیبانی می شود. با این حال، صرف نظر از استفاده از آن، مورد توجه قرار گرفته است. Favon متحرک ممکن است توجه را منحرف کند و حتی کاربر را آزار دهد.

ایجاد Favon Online - ابزار و خدمات آنلاین

ما بیشترین انتخاب را انتخاب کردیم خدمات مفیدفرض کنید برای ایجاد Favon آنلاین.

Logotizer

Logotizer یک سرویس جدید، ساده و راحت برای ایجاد FAVON و LOGO برای سایت شما است.
با استفاده از این سازنده آنلاین، می توانید یک فیکس را از ابتدا ایجاد کنید. خدمات بر روی تازه واردان متمرکز شده است، بنابراین برای توسعه طراحی خوب کار نخواهد کرد.

چگونه می توان یک فو را ایجاد کرد ژنراتور آنلاین Logotizer

فضای کاری اصلی در سمت چپ قرار دارد. شما می توانید حق مشاهده کنید که Favon به رسانه های مختلف نگاه می کند - برگه مرورگر، نوار وظیفه کامپیوتر یا صفحه نمایش گوشی های هوشمند. بسیار راحت و واضح است.

در ابتدا، شما باید یک فرم برای Favon را انتخاب کنید. بسیاری از آنها بیش از 50 وجود دارد. ما به شما توصیه می کنیم فرم های ساده و بدون عارض را انتخاب کنید تا بتوانید به راحتی درک و حفظ کنید.

در این مرحله، شما همچنین رنگ فرم را تعریف می کنید که به عنوان پس زمینه favonki می رود، و یک فریم را انتخاب کنید. ببینید چه رنگی در لوگوی شما (در صورت وجود) غالب است، کدام رنگ اصلی در سایت شما است. این در این گاما است که ما به شما توصیه می کنیم طراحی Favicon را ایجاد کنید.

زیر بلوک "فرم" مجموعه ای از ارقام (شخصیت ها) است. آنها خیلی زیاد نیستند، این تاسف است که شما نمی توانید گزینه های خود را بارگیری کنید؛ اما انتخاب هنوز کاملا جالب است.

تغییر رنگ، اندازه، محل ارقام! به طور خلاصه، آزمایش، خوب، خدمات اجازه می دهد تا آن را انجام دهد.

پس از انتخاب این رقم، می توانید متن خود را اضافه کنید. همانطور که قبلا نوشتم، بهتر است از 1 یا 2 حرف استفاده کنید، نه بیشتر.

انتخاب گسترده ای از فونت ها وجود دارد. این قطعا به علاوه. همانطور که در مورد ارقام، شما می توانید رنگ، اندازه، طرح متن را تغییر دهید.

اگر تصمیم بگیرید که نوعی از لایه ای از Favicon به طور موقت با یا نه به طور موقت تداخل یا نه، شما فقط می توانید آن را پنهان کنید.

پس از ایجاد یک فوون، این سرویس برای ذخیره آن پیشنهاد خواهد کرد. ثبت نام یک حساب کاربری (در سال 2017 بدون ثبت نام به هیچ وجه)، و سپس شما می توانید فایل ها را با پرداخت کوچک - 199 روبل دانلود کنید.

هنوز یک دستورالعمل کوچک در سایت وجود دارد، چگونگی اضافه کردن Favon به سایت، بنابراین با اضافه کردن Favicon به سایت شما نباید مشکل داشته باشید. در زیر این مقاله نیز توصیه های مشابهی را ارائه می دهد.

پس از پرداخت، کاربر 10 رفع اندازه های مختلف را در یک بار تحت تمام دستگاه های لازم تا به امروز دریافت می کند (آیکون اپل لمسی، آیکون های مایکروسافت برنامه و دیگران).

Favicon.ico فایل خود چند اندازه است و شامل 4 اندازه آیکون در 1 فایل (16px، 24px، 32px، 64px) است. بر این اساس، اگر یک سایت را اضافه کنید تا مرورگر را نشانه گذاری کنید یا یک داستان را باز کنید - می توانید آیکون های اندازه های مختلف را تماشا کنید، اما آنها به وضوح و بدون تاری نمایش می شوند.

به طور کلی، خدمات خوب است. ساده، راحت، هیچ چیز اضافی.

RealFaviCongEnerator.net.

- این یک ژنراتور ساده تر است که به شما اجازه می دهد تا Favonons را برای هر سیستم عامل ایجاد کنید. علاوه بر این، منابع را می توان توسط فوون آزمایش کرد. URL سایت خود را وارد کنید و خواهید دید که چگونه Favon شما به نظر می رسد در هر مرورگر و در هر یک سیستم عامل. ژنراتور واقعی Favicon نیز به شما این امکان را می دهد که چگونه کاستی ها را رفع کنید و حتی بهتر شوید.

favicon.by

favicon.by- یکی دیگر از ژنراتور Favon رایگان و آسان برای استفاده، که تبدیل می شود فایل های PNG، JPG و GIF در format.ico. تصویر را از رایانه خود بارگذاری کنید، اندازه (16x16px یا 32x32px را انتخاب کنید) و روی دکمه «Create» کلیک کنید. برای ذخیره فوون دریافت شده در وب سایت خود، دستورالعمل ها را دنبال کنید.

همچنین، این سرویس باعث می شود تا لوگو بر روی پیکسل ها را جلب کند، اما صادقانه بودن آن، برای همه نیست. به عنوان مثال، من نمی توانم. در اینجا بسیار مهم است :)

نحوه اضافه کردن Favon به سایت

شما می توانید Favon را به سایت اضافه کنید با ایجاد چندین ویرایش در کد صفحه HTML - سایت سایت.

مرحله 1: فایل "favicon.ico" را به سرور میزبانی خود دانلود کنید.

برای انجام این کار، در این لینک به سرور FTP خود بروید:
ftp: // [ایمیل محافظت شده]
نام کاربری و رمز عبور خود را وارد کنید. آنها را می توان در پانل مدیر شرکت میزبانی خود به دست آورد.
فایل های بارگیری با Favoks در دایرکتوری ریشه. دایرکتوری ریشه معمولا به نام "public_html" یا "www" نامیده می شود.

مرحله 2: Favon را به HTML اضافه کنید.

نگه داشتن سرور سرور FTP باز، دانلود فایل "index.html" یا "header.php".
سپس شما باید کد را آپلود کنید. کد دانلود بستگی به وب سایت شما دارد.
اگر سایت شما در HTML باشد، منطقه سر را در فایل index.html پیدا کنید و کد زیر را وارد کنید:

اگر سایت شما در وردپرس باشد، منطقه سر را در فایل header.php پیدا کنید و کد زیر را وارد کنید:

/favicon.ico "/\u003e

با استفاده از این کدها، مرورگرها قادر خواهند بود FAVO خود را پیدا کنند.
بنابراین، شما Favon خود را نصب کردید!

نحوه اضافه کردن Favon به وردپرس و سایر سیستم عامل ها

اگر منبع شما بر اساس وردپرس یا سایر CMS است، سپس Favon را به سایت اضافه کنید بسیار ساده است. به طور کلی، الگوریتم برای اضافه کردن Favicon برای سیستم عامل های مختلف یکسان خواهد بود.
1. شما باید به کنسول سایت بروید.
2. بخش "طراحی" یا "ظاهر" را پیدا کنید.

3. به بخش "تنظیمات تم" بروید و "Favon" را پیدا کنید.

4. دانلود Favon از کامپیوتر شما.

5. ذخیره و به روز رسانی صفحه.

چگونه برای ایجاد پیچیده تر favona

این مقاله روش های ساده و سریع را برای ایجاد Favonov سازگار با هر مرورگرهای عملی و سیستم عامل ها مورد بحث قرار می دهد. اما زمانی که به طراحی وب و توسعه می آید، هیچ محدودیتی برای کمال وجود ندارد. اگر می خواهید یاد بگیرید که چگونه Favon پیچیده تر، آیکون های خود را برای صفحه نمایش اصلی iOS، آیکون های رابط مترو در ویندوز، آیکون های Google TV و خیلی چیزهای دیگر لمس کنید، توصیه می کنم خودتان را با این مواد آشنا کنید: favicon Cheat Sheet. اطلاعات کامل در مورد موضوع وجود دارد و منابع خوبی داده می شود. این یک گزینه عالی برای طراحان و توسعه دهندگان (از جمله من) است که به طور مداوم به دنبال گسترش دانش خود هستند.

با استفاده از favico.js، شما می توانید به صورت پویا با اعداد ایجاد کنید.

شما همچنین ممکن است نیاز به یک فوون پویا، که دارای نماد رقمی متغیر است. برای ایجاد چنین Favonov، من به شما توصیه می کنم از این سرویس استفاده کنید favico.jsموجود در Github در حالی که اصلاحات پویا با تمام مرورگرها سازگار است. اما برای آن مرورگرها که از آنها حمایت می کنند، این آیکون ها می توانند علاوه بر جالب و مفید باشند.

اگر می خواهید این مقاله را با مشاوره دیگری دوباره پر کنید یا از یک سوال بپرسید، نظرات زیر را ترک کنید!

چگونه برای ایجاد یک فوتی برای یک وب سایت - نکات و خدمات به روز شده: فوریه 7، 2018 توسط نویسنده: مدیر.