خدمات ایجاد فاویکون یک راه جهانی برای ایجاد فاویکون. مزایای استفاده از فاویکون

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

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

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

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

فاویکونیک تصویر با فرمت های ICO، JPEG، PNG، BMP و GIF است که می تواند اندازه های مختلفی داشته باشد که از 16x16 پیکسل شروع می شود. نمادی دقیقاً با این اندازه باید برای نمایه سازی توسط ربات Yandex در سایت بارگذاری شود.

اندازه های دیگر نقش ثانویه دارند و در جستجوی Yandex نمایش داده نمی شوند، اما برای نمایش در مرورگرها، به عنوان مثال، در iPhone یا iPad استفاده می شوند. اگر می خواهید سایت شما در نتایج جستجو برجسته باشد، قانون زیر را به خاطر بسپارید.

اگر چندین فاویکون با اندازه های مختلف وجود دارد، مسیر تصویر 16x16 پیکسل باید ابتدا در کد صفحه قرار گیرد، زیرا ربات فاویکون Yandex فقط اولین آدرس را می خواند.

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

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

خدمات تولید کننده فاویکون آنلاین - ایجاد آنلاین فاویکون

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

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

ژنراتورهای ساده فاویکون

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

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

tools.dynamicdrive.com/favicon- یک سرویس ساده و قابل درک که در آن می توانید یک فاویکون در سه اندازه بسازید. برای دانلود فایل های دریافتی، باید بر روی دکمه «دانلود FavIcon» در زیر آنها کلیک کنید.

www.cy-pr.com/tools/favicon و www.favicon.co.uk خدمات مشابه قبلی هستند. در اولی می توانید اندازه فاویکون را 16x16 و 32x32 و در دومی علاوه بر آن 48x48 و 64x64 را ایجاد کنید.

www.genfavicon.com - کل فرآیند ایجاد یک نماد شامل سه مرحله است:

1. یک فایل (JPEG، GIF، PNG) را در رایانه انتخاب کنید یا به سادگی URL تصویر را وارد کنید و روی " کلیک کنید. آپلود تصویر“;
2. اندازه (16×16، 32×32، 48×48، 64×64 یا 128×128) و ناحیه مورد نظر تصویر را انتخاب کنید اگر می‌خواهیم تنها بخشی از تصویر را با کلیک کردن بر روی آن ایجاد کنیم. گرفتن و تصویر“;
3. ما به نتیجه نگاه می کنیم و اگر همه چیز مناسب است، فایل را دانلود می کنیم.

ایجاد یک فاویکون متحرک برای یک وب سایت در ژنراتورهای آنلاین

اکنون بیایید به چندین سرویس نگاه کنیم که در آنها می توانید فاویکون های متحرک بسازید و همچنین متن لاتین را اضافه کنید که همراه با نماد تیک تیک اسکرول می شود. انیمیشن واقعی توسط همه مرورگرها پشتیبانی نمی شود.

www.favicon.by - سرویس به زبان روسی. تنها چیزی که لازم است این است که یک فایل را انتخاب کنید، متن را به زبان لاتین وارد کنید (در صورت لزوم) و روی دکمه "ایجاد فاویکون" کلیک کنید. در زیر می توانید نتیجه را مشاهده کنید و آرشیو را به همراه فایل ها دانلود کنید.

www.favicon.com.mx یک سرویس کاملاً مشابه با قبلی است، فقط به زبان انگلیسی.

کجا از ابتدا یک فاویکون بسازیم - ویرایشگرهای فاویکون آنلاین

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

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

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

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

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

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

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

و با این حال، من یک سازنده آیکون آنلاین دیگر را برای سایت ذخیره کردم تا بعداً. این سرویس مستحق یک پست جداگانه است، جایی که من به شما خواهم گفت که چگونه یک فاویکون برای مرورگرهای iPhone، iPod Touch و iPad بسازید و روی نصب آیکون های متحرک در سایت تمرکز کنید. در ضمن سرویس Favicon Validator رو بهتون معرفی میکنم که اگه این فایل بیش از یک تصویر داشته باشه می تونید تمام آیکون های favicon.ico رو چک کنید و ببینید.. خداحافظ همگی!

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

ویرایشگر آیکون X

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

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

ضد فاویکون

اندازه استاندارد فاویکون (16x16) البته برای متن بسیار کوچک است. با این حال، Antifavicon به شما امکان می دهد دو خط متن را در این فضای کوچک قرار دهید. فونت استفاده شده مطمئنا خیلی داغ نیست، اما چه کاری می توانید انجام دهید :).

محدودیت های تعیین شده، البته، غل و زنجیر هستند. با این حال، پس از مشاهده چند نمونه، می توانید به چیز بسیار جالبی برسید.

فاویکونیست

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

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

یک عنصر بسیار مهم طراحی وبلاگ فاویکون است، یک تصویر کوچک (16x16 پیکسل). اندازه های کوچک - اما اثر بزرگ! این مقاله در مورد نحوه ایجاد یک فاویکون (favicon.ico) برای یک وب سایت آنلاین با استفاده از خدمات ویژه است. در مورد اینکه این نماد فاویکون چیست، چه کاربردی دارد، چه عملکردهایی دارد، چگونه آن را به وبلاگ اضافه کنید و آن را به صورت آنلاین ایجاد کنید، بیشتر خواهید آموخت. شما همچنین خواهید فهمید که کجاست دانلود مجموعه ای از فاویکون های آماده برای سایت.

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

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

Favicon مخفف دو کلمه (eng. FAVorites ICON) است که به عنوان نماد (تصویر بسیار کوچک) برای "مورد علاقه" ترجمه می شود. موارد دلخواه- این نام نشانک ها در مرورگر اینترنت اکسپلورر است. فاویکون به شکل زیر است:

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

بنابراین فاویکون یک تصویر کوچک 16x16 پیکسل با پسوند ico. (پسوند آیکون) است. زیرا این نماد محبوبیت زیادی به دست آورده است، تقریباً هر سایتی آن را دارد و این دلیل دیگری برای ایجاد فاویکون برای یک سایت آنلاین است. مهم نیست که از چه نوع میزبانی استفاده می کنید، وبلاگ شما با چه موتوری کار می کند - در هر صورت، می توانید به صورت آنلاین ایجاد کنید و سپس یک فاویکون نصب کنید یا یک فاویکون آماده برای سایت دانلود کنید. به لطف مولدهای آیکون مدرن، ایجاد آنها زمان زیادی نمی برد - یک یا دو دقیقه، و کار شما تمام شد.

هنوز فاویکون ندارید؟ زود درستش کن

این تصویر کوچک برای چه استفاده می شود؟ اولاً، فاویکون برای یک وب سایت مانند یک لوگو برای یک شرکت تجاری است، راهی برای متمایز شدن از جمعیت است. بازدیدکنندگان با دیدن تصویر فاویکون سایت شما را می شناسند. در مرحله دوم، Yandex همچنین از تصاویر فاویکون استفاده می کند و آنها را در کنار نتایج جستجو نشان می دهد، که به سایت های دارای فاویکون اجازه می دهد در پس زمینه دیگران بهتر به نظر برسند. و این بدان معنی است که کاربران بیشتر به سایت شما می روند، زیرا نماد آنها را "فریب" می کند. به عبارت دیگر، این تصویر کوچک به شما کمک خواهد کرد. در اینجا به نظر می رسد:

خوب، حالا می خواهید یاد بگیرید که چگونه یک فاویکون بسازید؟ در ادامه بخوانید و می‌توانید از میان مجموعه‌های متعدد، یک فاویکون برای سایت خود انتخاب کنید.

به هر حال، موتور جستجوی Yandex حتی یک ربات ویژه دارد که این نمادها را فهرست کرده و آنها را در پایگاه داده موتور جستجو آپلود می کند. پس از ایجاد یک فاویکون و نصب آن در سایت، Yandex آن را پس از مدتی (معمولاً بیش از یک ماه) ایندکس می کند و شروع به نمایش آن در نتایج جستجو می کند. هر زمان که بخواهید می توانید بررسی کنید که آیا مینی آرم شما در پایگاه داده موتور جستجو وجود دارد یا خیر. شما می توانید این کار را به یکی از 3 روش انجام دهید:

• سایت خود را در کادر جستجوی Yandex تایپ کنید و خواهید دید که آیا فاویکون در کنار آن وجود دارد یا خیر.
• لینک http://favicon.yandex.net/favicon/ را در مرورگر تایپ کنید site.ru، جایی که site.ru را با آدرس سایت خود جایگزین کنید. اگر فاوا ایندکس شده باشد، می توانید آن را ببینید.
• به پنل Yandex.Webmaster بروید، فاویکون نیز در آنجا نمایش داده می شود.

و اکنون بیایید دریابیم که از کجا می توانید فاویکون را برای سایت دانلود کنید.

2. مولدها و مجموعه های فاویکون آنلاین

اکنون می دانیم که فاویکون چیست و چرا یک سایت به آن نیاز دارد. به یاد داشته باشید که اندازه آن در پیکسل باید کاملاً برابر با 16 در 16 باشد و پسوند باید فقط .ico باشد. حالا بیایید نحوه ساخت چنین مینی آرم را یاد بگیریم:

1. فاوای آماده را از گالری دانلود کنید.
2. خود را با یک تولید کننده فاویکون ایجاد کنید.
3. از تصویر تمام شده بسازید (دوباره با استفاده از مولد فاویکون)

2.1 مجموعه ها و گالری های فاویکون

1. http://www.thefavicongallery.com/ - اگرچه مجموعه کوچکی است اما مفید است. در اینجا نمادهایی در موضوعات مختلف پیدا خواهید کرد. در مجموع حدود 300 مورد از آنها وجود دارد. به منظور دانلود نماد فاویکون مورد علاقه خود برای سایت، روی آن کلیک راست کرده و آن را در رایانه خود ذخیره کنید.
2. http://www.iconj.com/favicon-gallery-page1.html یکی دیگر از مجموعه فاویکون های سایت است که شامل بیش از 3000 تصویر کوچک است. می توانید مورد علاقه خود را در دو فرمت (ico یا gif) ذخیره کنید. اما یک اشکال وجود دارد: شما فقط می توانید 30 نماد را در یک زمان مشاهده کنید، برای دیدن بعدی، باید به یک صفحه جدید بروید.
3. http://www.favicon.cc/?action=icon_list&order_by_rating=1 - به لطف این گالری، لازم نیست فاویکون خود را به صورت آنلاین ایجاد کنید. فقط تصویری را که دوست دارید انتخاب و دانلود کنید. باز هم، 20 فاویکون را می توان در یک زمان مشاهده کرد که روند انتخاب را کند می کند.
4. http://www.favicon.co.uk/gallery.php - این سایت به شما امکان می دهد نه تنها یک فاویکون برای سایت بسازید، بلکه گزینه های آماده را نیز دانلود کنید. شما می توانید 144 نماد را در یک زمان مشاهده کنید که بسیار راحت تر از دو گزینه قبلی است. مورد علاقه در موضوعات مختلف.
5. http://favicon-generator.org/gallery/ - البته مجموعه ای کوچک اما مفید از 84 فاویکون. هر کدام را انتخاب کنید

2.2 نحوه ساخت فاویکون برای یک وب سایت از ابتدا

البته می توانید یک فاوای آماده را برای سایت خود دانلود کنید، اما خیلی بهتر است خودتان آن را با دستان خود بسازید. در این مورد به اصطلاح Favicon Generators (fav generators) به ما کمک می کند که به شما امکان می دهد تصاویر کوچک زیبایی را به صورت آنلاین ایجاد کنید.

2.2.1 Logaster.ru

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

می توانید فایل های فاویکون را با فرمت های ICO یا PNG دانلود کنید.
می توانید در مورد نحوه ایجاد فاویکون با استفاده از Logaster بیشتر بخوانید.

این سرویس علاوه بر فاویکون، لوگو، کارت ویزیت، پاکت نامه و سربرگ نیز ایجاد می کند.

2.2.2 Favicon.cc - تولید کننده فاویکون

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

فضای کاری به رنگ آبی در صفحه بالا نشان داده شده است - در اینجا شما مستقیماً یک فاویکون برای سایت ایجاد می کنید. درست در زیر می‌توانید ببینید که فاوا در مقیاس اصلی (که با رنگ مشکی برجسته شده است) چگونه به نظر می‌رسد.

کار با این ژنراتور به قدری ساده است که بعید است در مورد نحوه ساخت نماد فاویکون برای یک وب سایت سؤالی داشته باشید. به طور کلی، در این سایت می توانید کل کلکسیون های فاویکون را به صورت آنلاین ایجاد کنید، و سپس، به عنوان مثال، آنها را بفروشید.

هر مربع در فضای کاری یک پیکسل است. باید آن را با رنگ دلخواه رنگ آمیزی کنید. می توانید رنگی را در پالت واقع در سمت راست فضای کاری انتخاب کنید. می‌توانید با فشار دادن کلید چپ روی یک پیکسل نقاشی کنید و با فشار دادن کلید سمت راست، سایه‌ها را پاک کنید.

تصویر را می توان جابجا کرد و در فضای کاری جابجا کرد که برای آن از آیتم استفاده کنید حرکت.

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

2.2.3. ژنراتور Amichurin.Appspot.com

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

افسوس، من مجموعه های آماده فاویکون را در این سایت پیدا نکردم که بتوان آن را برای سایت دانلود کرد، بنابراین از آن فقط به عنوان یک تولید کننده استفاده کنید.

2.2.4 ژنراتور Favicon-Generator.org

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

2.3 فاویکون از تصویر تمام شده

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

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

2.3.1 سرویس Favicon.ru

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

می توانید یک تصویر یا عکس (پایه) مانند این اضافه کنید:

• روی دکمه " کلیک کنید " انتخاب فایل» و عکس مورد نظر را آپلود کنید.
• آدرس url تصویر را در فیلد سفید وارد کنید (اگر فایل در رایانه شما ذخیره نشده است، بلکه در اینترنت ذخیره شده است، این کار را انجام دهید).

پس از اضافه شدن تصویر، روی "کلیک کنید" ايجاد كردنفاویکونicoو کمی صبر کنید، ژنراتور یک نماد ایجاد می کند. سپس تصویر را در رایانه خود دانلود کنید. ضمنا این سایت علاوه بر مولد، مجموعه بزرگی از ico فاویکون را نیز برای سایت شما دارد.

2.3.2 سرویس Favicon.cc

ژنراتور مشابه، اما با عملکرد قوی تر. برای ایجاد فاوا از یک تصویر تمام شده، ابتدا به تب "Import Image" بروید.

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

• ابعاد را حفظ کنید - وقتی نسبت ابعاد کاهش می یابد، تصاویر ثابت می مانند
• نماد کوچک شدن به مربع - دو طرف تصویر مربع خواهد شد (تصویر ممکن است تحریف شود).

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

3. چگونه یک فاویکون به وبلاگ وردپرس اضافه کنیم

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

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

favicon.ico در دو مرحله اضافه می شود.

گام یک

اول از همه، شما باید در قالب خود خط کدی را که وظیفه نمایش فاویکون را بر عهده دارد، پیدا کنید. فایل Header (header.php) را برای ویرایش باز کنید و این خط (یا مشابه) را پیدا کنید:

اگر چیزی مشابه و حاوی کلمه favicon.ico نیست، کافی است این دو خط را در جایی بین تگ ها اضافه کنید. و.

مرحله دو

حال باید خود فاویکون را به هاست خود یعنی به پوشه ریشه سایت اضافه کنید (در غیر این صورت نمایش داده نمی شود). به هاست بروید و فاوا را در ریشه سایت آپلود کنید (نام فایل الزامی است favicon.ico، ابعاد مورد نیاز است 16×16 پیکسل).
این همه چیز است، به زودی فاویکون توسط موتورهای جستجو نمایه می شود و در نتایج Yandex خودنمایی می کند. و سایت شما فاویکون مخصوص به خود را خواهد داشت.

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

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

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

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

فاویکون چیست و چرا به آن نیاز است

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

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

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

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

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

ایجاد طرح فاویکون

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

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

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

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

پیکسل سازی فاویکون

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

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

اندازه فاویکون

با توجه به یک نماد 64x64، من نمادهای 32x32، 24x24، و 16x16 پیکسل را به همین ترتیب ایجاد می کنم. هر کدام از آنها هدف خاص خود را دارند:

- 64x64 - "لیست خواندن" در سافاری و ویندوز
- 24x24 - سایت های پین شده در IE9.
– 32×32 – برای صفحه نمایش با وضوح بالا.
– ۱۶×۱۶ – معمولاً در مرورگرهایی مانند IE، Safari، Chrome و غیره استفاده می شود.

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

فرمت های فاویکون

در گذشته، زمانی که فقط فایل‌های فرمت ICO ویندوز پشتیبانی می‌شد، می‌توانستیم با ذخیره یک فاویکون ۱۶×۱۶ به‌عنوان GIF و دادن پسوند ico به آن در زمان صرفه‌جویی کنیم. این رویکرد بی عیب و نقص عمل کرد! اما اکنون این روش ضروری نیست زیرا ابزارهای ایجاد فایل های ICO را می توان به راحتی در اینترنت پیدا کرد. علاوه بر این، و اکنون برای فاویکون ها استفاده می شود، اما تنها دو مورد زیر رایج ترین هستند.

ICO

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

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

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

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

فاویکون آنلاین ایجاد کنید - ابزارها و خدمات آنلاین

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

Logotizer

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

نحوه ایجاد فاویکون با Logotizer Online Generator

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

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

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

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

رنگ، اندازه، موقعیت اشکال را تغییر دهید! در یک کلام، آزمایش، خوب، سرویس این امکان را به شما می دهد.

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

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

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

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

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

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

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

در کل سرویس دهی خوبه ساده، راحت، هیچ چیز بیشتر.

RealFaviconGenerator.net

یک تولید کننده فاویکون ساده تر است که به شما امکان می دهد برای هر پلتفرمی فاویکون ایجاد کنید. علاوه بر این، می توانید فاویکون را روی منبع آزمایش کنید. URL سایت خود را وارد کنید و خواهید دید که فاویکون شما در هر مرورگر و سیستم عاملی چگونه به نظر می رسد. Real Favicon Generator همچنین به شما می گوید که چگونه عیوب را برطرف کنید و فاویکون خود را حتی بهتر کنید.

favicon.by

favicon.byیکی دیگر از مولدهای فاویکون رایگان و آسان برای تبدیل فایل های PNG، JPG و GIF به فرمت ico. یک تصویر را از رایانه خود آپلود کنید، اندازه (16x16px یا 32x32px) را انتخاب کنید و روی دکمه "ایجاد" کلیک کنید. برای ذخیره فاویکون دریافتی در سایت خود، دستورالعمل ها را دنبال کنید.

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

نحوه افزودن فاویکون به وب سایت

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

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

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

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

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

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

/favicon.ico” />

این کدها به مرورگرها اجازه می دهند فاویکون های شما را پیدا کنند.
بنابراین، شما فاویکون خود را نصب کرده اید!

نحوه افزودن فاویکون در وردپرس و سایر پلتفرم ها

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

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

4. یک فاویکون را از رایانه خود آپلود کنید.

5. صفحه را ذخیره و رفرش کنید.

نحوه ایجاد فاویکون های پیچیده تر

این مقاله راه‌های ساده و سریعی را برای ایجاد فاویکون‌هایی که تقریباً با هر مرورگر و سیستم عاملی سازگار است، پوشش می‌دهد. اما وقتی صحبت از طراحی و توسعه وب می شود، هیچ محدودیتی برای کمال وجود ندارد. اگر می‌خواهید یاد بگیرید که چگونه فاویکون‌های پیشرفته‌تر، نمادهای لمسی صفحه اصلی iOS، نمادهای رابط Windows Metro، نمادهای Google TV و موارد دیگر را بسازید، توصیه می‌کنم این آموزش‌ها را ببینید: برگه تقلب فاویکون. این شامل اطلاعات کامل در مورد موضوع و منابع خوب ارائه شده است. این یک گزینه عالی برای آن دسته از طراحان و توسعه دهندگان (از جمله خودم) است که دائماً به دنبال گسترش دانش خود هستند.

با Favico.js می توانید فاویکون های اعداد پویا ایجاد کنید.

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

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

نحوه ایجاد یک فاویکون وب سایت - نکات و خدماتبه روز رسانی: 7 فوریه 2018 توسط: مدیر

روز بخیر، دوستان!

مدت زیادی فکر کردم که مقاله بعدی را در مورد چه چیزی بنویسم و ​​یک موضوع بسیار ساده از نظر فنی به ذهنم خطور کرد، اما مهمتر از بقیه نیست.

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

من هر آنچه را که در مورد این نماد می دانم به شما خواهم گفت. چه تأثیری دارد، بهترین روش ایجاد آن و غیره.

قبل از شروع به بحث در مورد این موضوعات، می خواهم موضوع را روشن کنم: "فاویکون چیست و کجا می توانید آن را ببینید؟".

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

در اینجا نماد من در برگه مرورگر به نظر می رسد.

و در اینجا نحوه نمایش همان نماد در نتایج موتور جستجوی Yandex است.

هنگامی که می دانید این چه نوع حیوانی است، می توانید تمام مسائل مربوط به مطالب امروز را در نظر بگیرید.

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

چرا به فاویکون نیاز دارید

سعی می کنم همه چیز را در قالب یک چک لیست توضیح دهم. اتفاقا من یک اینفوگرافیک ساده در این زمینه آماده کردم.

• ارتقاء و آگاهی برند.

بر کسی پوشیده نیست که وظیفه هر سایتی این است که برند (نام) خود را تا حدودی تبلیغ کند. اگر یک وبلاگ شخصی را در نظر بگیریم ، این لحظه تقریباً مهمترین است ، زیرا ما خود را به عنوان یک شخص تشکیل می دهیم و نظر خود را به توده های خاصی منتقل می کنیم.

نمایش فاویکون در نتایج جستجوی Yandex مسئول ارتقاء برند است. هر چه فاویکون شما بیشتر دیده شود، افراد بیشتری روی آن کلیک می کنند، زیرا این نشان می دهد که اطلاعات شما ارزشمند است و به احتمال زیاد مورد تقاضا است.

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

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

• افزایش تعداد کلیک ها از موضوع، و بر این اساس، افزایش ترافیک.

فاویکون چه ارتباطی با تعداد کلیک های سایت شما دارد؟ واقعیت این است که یک نکته بسیار مهم در ارزیابی اولیه سایت شما توسط یک بازدیدکننده، تجزیه و تحلیل ظاهر قطعه شما در نتایج موتور جستجو است. فقط با استفاده از فیویکون یکی از مهمترین آنها را افزایش می دهید - CTR (نرخ کلیک) در نتایج جستجو.

شما می توانید هر طور که دوست دارید متفاوت باشید - یک عنوان و توضیحات جذاب بسازید. یک توضیح گسترده در شماره و غیره ایجاد کنید. اما اگر اصلاً فاویکون ندارید یا کیفیت پایینی دارد، همه اینها اهمیت کمتری دارد.

در اینجا نیز اولین عامل موثر بر ارتقای برند نقش دارد. هرچه نماد شما خنک‌تر باشد، کلیک‌های بیشتری به سایت می‌رسد و برند موفق‌تر تبلیغ می‌شود.

• افزایش تبدیل سایت

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

هر جزئیات در تبدیل به حساب می آید. حتی ترتیب کلمات و طول آنها. فاویکون نیز از این قاعده مستثنی نیست. هرچه بهتر و بهتر نوع فعالیت سایت یا شرکت را توصیف کند، درصد بیشتری به تبدیل کلی می دهد.

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

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

خوب، اکنون زمان شروع فرآیند ایجاد و نصب این آیکون است. بیایید با خلقت شروع کنیم.

نحوه ایجاد فاویکون

اکنون در مورد ایجاد فاویکون از نظر 2 امتیاز صحبت خواهیم کرد:

1. ایجاد خود طرح و دکوراسیون؛
2. ایجاد خود آیکون

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

بله، زیرا در تبدیل تأثیر می گذارد و نه تنها در برگه، بلکه در صفحه سایت نیز نمایش داده می شود. این اولین نکته هنگام ایجاد فاویکون است. نماد باید آرم شما را داشته باشد، که کاملاً در همه جا خواهد بود. و این یک فرآیند بسیار مسئولانه است، زیرا می توانید با استفاده از یک لوگوی با کیفیت پایین و بر این اساس، یک فاویکون بدتر انجام دهید.

بنابراین، اگر حداقل تخیل و مهارت های فتوشاپ خوبی ندارید، در این مورد 2 گزینه وجود دارد:

1. بخار زیاد و خودتان این کار را انجام دهید.
2. به حرفه ای ها مراجعه کنید

یک فرد با تجربه در ایجاد طرح ها می تواند به راحتی آن را برای شما بسازد، اما نه برای کنده خاکستر رایگان. اما کیفیت همه و همه چیز را راضی خواهد کرد. بنابراین، من گزینه 2 را توصیه می کنم.

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

• از کسی کپی نکنید - این فقط برای شما بدتر خواهد بود و رقیب یک مزیت خواهد بود ، زیرا تا حدودی او را تبلیغ خواهید کرد.
• آیکون باید ساده باشد تا در تب مشخص باشد که در آنجا چه چیزی ترسیم شده است. بنابراین، هر چه عناصر کمتر در آن باشد، بهتر است. بسیاری آن را از عکس خود می‌سازند که در این اندازه کاملاً نامرئی است. این اشتباه را تکرار نکنید؛
• فاویکون باید ایده ای از حوزه فعالیت شما بدهد یا نام شما را علامت گذاری کند. اگر حوزه فعالیت است، پس سعی کنید چیز جالبی ارائه دهید. به عنوان مثال، اگر سایت در مورد پول درآوردن است، منطقی است که یک نماد در ویدیوی چند سکه یا اسکناس ایجاد کنید. اما در حال حاضر یک دوجین مرد خردمند وجود دارد، بنابراین شما باید همه چیز را به روش خود شکست دهید. چرا در بالا نوشتم که فانتزی و توانایی بازآفرینی آن در طراحی ضروری است. اگر این یک وبلاگ شخصی است، پس یک گزینه بسیار رایج این است که حرف اول نام یا نام خانوادگی خود را شکست دهید. من دقیقا همین کار را کردم. این ساده ترین راه است.

اکنون می توانید از نقطه نظر فنی به روند ایجاد خود آیکون بروید.

یک نماد ایجاد کنید

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

ما همچنین به یک تصویر کوچک (32x32 یا 16x16 پیکسل) با نماد خود نیاز داریم. در این اندازه است که فاویکون نمایش داده می شود. در تب مرورگر دارای اندازه 16x16 پیکسل است.

ما فرض می کنیم که شما یک تصویر ایجاد کرده اید. می توانید ادامه دهید. برو سرویس اینجا کلیک کنید) و خود را در صفحه ای می یابیم که می توانیم فایل تصویری خود را با هر یک از 2 اندازه بالا انتخاب کنیم.

وقتی آیکونی را انتخاب کردیم، می‌توانیم روی دکمه «ایجاد آیکون» کلیک کنیم، پس از آن سرویس به‌طور خودکار تصویر ما را به یک نماد با فرمت مورد نیاز (ico) تبدیل می‌کند و به آن سایز ۱۶×۱۶ پیکسل می‌دهد.

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

پس از دانلود آیکون، در محل ذخیره فایل با پسوند و فرمت مورد نظر قرار می گیرد. شما می توانید این را تأیید کنید.

نصب فاویکون در سایت

به هیچ وجه سعی نکنید فاویکون را با استفاده از نوعی افزونه به سایت متصل کنید. این یک روش کاملا بی فایده است، زیرا همه چیز با دست انجام می شود در هیچ کجا ساده تر نیست. اطلاعات زیر به شما در این امر کمک می کند.

فرآیند نصب شامل 2 مرحله است:

به هر حال، من همه چیز را با استفاده از مثال نصب برای وبلاگ وردپرس نشان خواهم داد، اما اصل برای همه سایت ها یکسان است.

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

من به گزینه بارگذاری در ریشه سایت بیشتر پایبندم، زیرا وقتی قالب را تغییر می دهید، باید مسیر آیکون را در فایل قالب دوباره بنویسید. من خودم از روی عادت از گزینه دانلود در پوشه با موضوع استفاده می کنم.

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

همانطور که مشاهده می کنید تمام فایل ها و پوشه های قالب وجود دارد و در بین آنها یک آیکون وجود دارد.

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

کد زیر را می گیریم. در آن، فقط نام دامنه خود و نام موضوع را جایگزین کنید.