تولیدکننده فاوآیکون (Favicon)
یک تصویر PNG، JPG یا SVG را به فایل favicon.ico و تمام ابعاد آیکون مورد نیاز سایت خود در قالب یک فایل ZIP تبدیل کنید.
کل تصویر با قرارگیری در مرکز و ایجاد فاصله در اطراف آن، نمایان باقی میماند.
پسزمینه شفاف برای تبهای مرورگر مناسب است؛ برای آیکونهای صفحه اصلی آیفون، انتخاب رنگ پسزمینه مطمئنتر است.
فاوآیکون و بسته آیکون شما در اینجا ظاهر خواهد شد.
فایلها را در پوشه ریشه سایت خود قرار دهید، سپس این خطوط را به تمام صفحات اضافه کنید.
تصویر شما در مرورگر خودتان به آیکون تبدیل میشود. هیچ فایلی در BroBroGo بارگذاری نخواهد شد.
سوالات متداول
چه فایلهایی در بسته آیکون وجود دارد؟
فایل favicon.ico حاوی نسخههای ۱۶، ۳۲ و ۴۸ پیکسلی، آیکونهای PNG در ابعاد ۱۶، ۳۲، ۱۸۰، ۱۹۲ و ۵۱۲ پیکسل، و یک فایل site.webmanifest که آیکونهای بزرگ را فهرست میکند. اگر از یک فایل SVG شروع کنید، خود فایل برداری نیز گنجانده میشود. همه این موارد در یک فایل ZIP ارائه میشوند.
اندازه تصویر منبع من چقدر باید باشد؟
فرمت SVG ایدهآل است — هر آیکون از روی وکتور ترسیم میشود، بنابراین حتی در ابعاد ۱۶ پیکسل نیز کاملاً واضح باقی میماند. برای فرمتهای PNG یا JPG، بهتر است از ابعاد حداقل ۵۱۲ × ۵۱۲ شروع کنید؛ تصاویر کوچکتر بزرگنمایی شده و ممکن است تار به نظر برسند.
آیا پسزمینه باید شفاف باشد یا رنگی؟
آیکونهای تب مرورگر با پسزمینه شفاف عالی به نظر میرسند. با این حال، صفحات اصلی آیفون و آیپد بخشهای شفاف را مشکی نشان میدهند — اگر احتمال میدهید کاربران سایت شما را به صفحه اصلی خود اضافه کنند، یک رنگ پسزمینه انتخاب کنید.
چه اتفاقی برای تصاویر غیرمربعی میافتد؟
آیکونها مربع هستند، اما تصویر شما هرگز کشیده نمیشود. به طور پیشفرض، تصویر در مرکز قرار گرفته و حاشیهای دور آن ایجاد میشود؛ برای بریدن لبههای اضافی میتوانید حالت را به «پر کردن (برش لبهها)» تغییر دهید.
فایلها باید در کجای سایت من قرار بگیرند؟
آنها را در پوشه ریشه (root) سایت خود بارگذاری کنید تا فایل favicon.ico در مسیر /favicon.ico در دسترس باشد، سپس کدهای تولیدشده را در بخش <head> صفحات خود قرار دهید. مرورگرها به طور خودکار اندازه مناسب را انتخاب میکنند.