فاوآیکون (Favicon)
فاوآیکون، آیکن کوچک کنار عنوان تب مرورگر است. «فاوآیکون (Favicon)» هویت برندت را نشان می دهد. مثل برچسب روی دفترت در مدرسه. حالا با چند گام ساده جلو می رویم.
چطور فاوآیکون اضافه کنیم؟
اول تصویر ساده و خوانا بساز. سپس فایل را در ریشه یا پوشه images بگذار. در صفحه، بعد از عنوان، این لینک را قرار بده.
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
نکته: فاوآیکون کوچک است؛ طرح باید ساده و کنتراست بالا باشد. مانند لوگوی واضح روی کیف مدرسه.
برای مرور بیشتر درباره تصاویر، صفحه تصاویر را ببین. همچنین می توانی المان Picture را بررسی کنی.
لینک مستقیم به این صفحه: فاوآیکون.
پشتیبانی فرمت های فایل
براساس منبع، مرورگرها فرمت های ICO، PNG، GIF، JPEG و SVG را می پذیرند. بنابراین معمولاً مشکل سازگاری ندارید.
گام های عملی سریع
- یک تصویر ساده و شفاف بساز.
- فایل را در پوشه سایت کپی کن.
- تگ
<link>را در بخش سرصفحه بگذار. - صفحه را رفرش کن و نتیجه را ببین.
جمع بندی سریع
- فاوآیکون هویت برند را نشان می دهد.
- تصویر ساده و پرکنتراست انتخاب کن.
- از
<link rel="icon">استفاده کن. - اغلب فرمت ها پشتیبانی می شوند.