Favicon
اسلاید 1: Faviconکیانوش کیانیkianooshkiani@yahoo.com
اسلاید 2: Favicon چیست ؟اگر دقت کرده باشید ، هر سایتی رو که باز می کنید گوشه تب سایت یک آیکون کوچک هست که به عنوان favicon سایت یا وبلاگ شناخته می شود مثل شکل زیر.Favicon
اسلاید 3: تاریخچه مختصری از Favicon برای اولین بار در IE 5 امکان استفاده از Favicon در دسترس کاربران قرار گرفت. در واقع Favicon یک آیکون 16 پیکسلی در کنار آدرس URL وب سایت است که در هنگام Bookmark شدن یا اضافه شدن آدرس سایت مورد نظر در مرورگر این آیکون نیز در کنار آدرس در نوار Bookmark ذخیره میشود تا در هنگام پیدا کردن آدرس سایت در پنجره Bookmark این کار راحت تر صورت بگیرد و نوعی تابلو اعلان ساده و مختصر برای معرفی و ماندگار شدن آدرس سایت در ذهن مخاطبین به شمار میرود. به دلیل جذابیت بیش از حد این ایده در زمانی کوتاه در اکثر مرورگرهای دیگر نیز پشتیبانی از این ویژگی جدید صورت گرفت.
اسلاید 4: برای ایجاد FAVICON به چه مواردی نیاز داریم؟ یکی از محبوبترین فرمت ها برای ساخت آیکون FAV برای وب سایت استفاده از آیکون با پسوند PNG است. البته دقت داشته باشید که فرمت اصلی برای این منظور فرمت ICO است. اگر شما بتوانید تصویر مورد نظر خود را برای ایجاد Favicon در فرمت GIF هم پیدا کنید مناسب خواهد بود. دقت داشته باشید سایز استاندارد Fav تنها 16 پیکسل است و بنابراین تصویر یا آیکون پایه شما نباید چندان پیچیدگی زیادی داشته باشد. بهتر است آیکون شما تا حد امکان ساده باشد تا پس از ساخته شدن Favicon قابل تشخیص باشد. اگر آیکون پایه شما دارای پیچیدگی زیادی باشد خروجی شما یک فایل غیر قابل درک خواهد بود. پس تا حد امکان از تصاویر و آیکون ها ساده استفاده کنید.
اسلاید 5: فرمت و سایز favicon معمولا فرمت favicon ها ico می باشد اما می شود از فرمت های دیگر مثل png و بقیه هم استفاده کرد اما توصیه بر این است که از ico استفاده کنید. در مورد سایز هم بیشتر ۱۶ * ۱۶ پیکسل سایز استاندارد است .
اسلاید 6: ساخت آنلاین favicon شاید این سوال باشه که با چه برنامه ای باید این کار را انجام داد؟! اکثرا با فتوشاپ امتحان می کنند اما فتوشاپ فرمت ico رو ساپورت نمی کنه . برنامه های زیادی وجود دارد اما راحت ترین راه استفاده از سایت های آنلاین ساخت favicon است که بدون درد سر می تونید از امکانات آن استفاده کنید و مثلا عکس یا متن دلخواهتان را در سایت آپلود کنید … سایز را هم انتخاب کنید و بعد آیکون آماده را دانلود کنید.
اسلاید 7: ساخت favicon از طریق سایت favicon.ccپس از ورود به سایت بر روی دکمه import image را کلیک می کنیم
اسلاید 8: پس از باز شدن پنجره عکس آرم را با فرمت PNG انتخاب می کنیم و آنرا upload میکنیم
اسلاید 9: پس از Upload تصویر در قسمت preview رفته و Favicon ساخته شده را دانلود می کنیم .
اسلاید 10: کد قرار دادن favicon باید کدهای زیر را قبل از <head/> داخل سایت قرار بدهید.<link rel=shortcut icon type=image/x-icon href=.../myicon.ico /> دقت کنید که کد بالا برای favicon ها با فرمت ico است اما اگر فرمت دیگه ای دارید مثل png باید از کد زیر استفاده کنید ( اما ما همچنان ico را توصیه می کنیم ( همینطور در کد بالا و کد پایین باید بجای myicon.ico/… باید آدرس محل آپلودآیکن را قرار دهید.<link rel=icon type=image/png href=.../myicon.png />
اسلاید 11: معرفی ۱۳ ابزار آنلاین برای ساخت Favicon iConvertIcons این سایت که یکی از بهترین سایت ها در زمینه ی سایت Favicon است قابلیت تبدیل تصاویر به آیکون را دارا می باشد؛ آیکون هایی که این سایت می سازد در اندازه های مختلف و با کیفیت فوق العاده بالایی در اختیار شما قرار می گیرند. همچنین می توانید آیکون را مناسب با سیستم عامل های مختلف مثل لینوکس، ویندوز و مکینتاش ذخیره کنید. Favicon.ccاین سایت که یکی از معروف ترین سایت ها در زمینه ی ساخت favicon است علاوه بر این که یک فضای پیکسلی در اختیار شما قرار می دهد تا تصویر خود را رسم کنید امکان تبدیل تصاویر به آیکون را نیز فراهم کرده است.FaviconEditor این سایت نیز امکان رسم آیکون یا تبدیل تصاویر به آیکون را به نحوی متفاوت در اختیار شما قرار می دهد.
اسلاید 12: ادامه ... Online Fav-Icon Creator این سایت برخلاف ظاهر ساده ای که دارد از امکانات خوبی برخوردار است و با استفاده از آن به راحتی می توانید favicon مورد نظرتان را رسم کنید. Favicon Generator Tool این سایت به شما اجازه می دهد تا تصویر موردنظرتان را با فرمت png , gif , jpg حداقل با حجم ۱۰۰ کیلوبایت آپلود کرده و سپس آن را به favicon تبدیل کنید. Favicon Editor علاوه بر امکاناتی که سایت های قبلی در اختیار شما قرار می دهند این سایت یک گالری از Favicon های زیبا دارد و شما می توانید از بین این آیکون ها یکی را انتخاب کنید. Convertico این سایت قابلیت تبدیل تصاویر png به ico و بالعکس به صورت سریع را در اختیار شما قرار می دهد. برای این کار نیاز به نصب هیچ نرم افزار خاصی ندارید ، تنها کافیست این کار را با ۳ کلیک انجام دهید.
اسلاید 13: ادامه ... Favicons Drawer این سایت هم امکان آپلود تصویر و رسم favicon را در اختیار شما قرار می دهد. این سایت مشابه IconFu یک گالری دارد که می توانید Favicon دلخواهتان را از آن انتخاب کنید.Favikon این سایت به شما امکان می دهد تا تصویر مورد نظرتان را با فرمت png, jpg , gif و حداکثر حجم ۵ مگابایت آپلود کنید و اگر اندازه ی آن بیش از حد مجاز باشد آن را ویرایش کنید.
اسلاید 14: ادامه ...FaviconR این سایت مانند سایت Favicon Generator Tool عمل تبدیل تصاویر با فرمت های png, jpg, gif به Favicon را انجام می دهد با این تفاوت که حداکثر حجم تصاویر ۱۵۰ کیلوبایت است. Iconfu این سایت یکی از حرفه ای ترین سایت ها برای رسم favicon است به صورتی که امکانات زیادی برای این کار در اختیار شما قرار می دهد. علاوه بر این می توانید favicon خود را از بین ۱۲ هزار آیکونی که در این سایت وجود دارد انتخاب کنید. Favicon Maker این سایت ساده ترین سایت برای ساخت favicon است و امکانات کمی در اختیار شما قرار می دهد.GenFavicon برای ساخت favicon در این سایت باید ابتدا تصویر مورد نظرتان را آپلود کنید سپس اندازه ی دلخواهتان را انتخاب کنید تا بتوانید آن را ویرایش و بعد ذخیره کنید.
اسلاید 15: با سپاس از همراهیتان
نقد و بررسی ها
هیچ نظری برای این پاورپوینت نوشته نشده است.