ساخت فاوآیکون
یک تصویر ساده را به یک آیکون صفحه وب سایت (Favicon) و بسته آیکون وب سایت تبدیل کنید. مطمئن شوید که طراحی در اندازه های کوچک قابل تشخیص باقی می ماند، فایل ها را دانلود کنید و نمونه نصب شامل را دنبال کنید.
قبل از اینکه شروع کنید
- واردات
- یک تصویر JPG، PNG یا WebP استاتیک.
- خروجی
- یک ZIP با ICO، آیکون های PNG، یک مانیفست و مثال HTML.
ابزار شارژ...
چگونه از این ابزار استفاده کنیم
- یک تصویر JPG، PNG یا WebP استاتیک را انتخاب کنید.
- کاشت به یک مربع یا اضافه کردن پدینگ و بررسی پیش نمایش آیکون.
- ZIP را دانلود کنید و مسیرهای نمونه را به وب سایت خود تنظیم کنید.
نتیجه را درک کنید
یک آیکون صفحه وب سایت (Favicon) اغلب در اندازه بسیار کوچک ظاهر می شود. یک نماد یا حروف روشن معمولا بهتر از آثار هنری دقیق یا متن کوچک کار می کند. فایل های تولید شده هنوز نیاز به بارگذاری و ارجاع توسط وب سایت شما دارند.
چرا آیکون صفحه وب سایت من (Favicon) به نظر می رسد خیره کننده یا بیش از حد کوچک است؟
یک کلمه گسترده یا عکس جزئی می تواند در یک برگه مرورگر کوچک غیر قابل خواندن باشد. با یک نماد مربع ساده شروع کنید و پیش نمایش های واقعی 16 پیکسل و 32 پیکسل را بررسی کنید. Padding منبع کامل را حفظ می کند اما می تواند یک لوگو گسترده را بسیار کوچک ترک کند؛ حفر مربع آیکون را پر می کند و می تواند لبه های آن را قطع کند. هر دو گزینه را قبل از نصب نتایج بررسی کنید.
کدام وبسایت را باید به وبسایت خود اضافه کنم؟
ZIP شامل favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt به عنوان مثال لینک ها. ابتدا فایل را استخراج کنید؛ بارگذاری ZIP به تنهایی آیکون را نصب نمی کند. راه های مثال فرض می کنند که فایل ها در ریشه وب سایت قرار دارند. این مسیرها را برای پوشه دیگری تنظیم کنید، یا از تنظیمات آیکون سایت پلتفرم خود استفاده کنید، سپس صفحه منتشر شده و ذخیره سازی آن را بررسی کنید.
یک نمونه را امتحان کنید
یک نمونه اصلی را امتحان کنید تا جریان کار پشتیبانی شده را بررسی کنید. یک نمونه موفق تضمین هر ورودی نیست.
نمونه تصویر اصلی ↓اگر نتیجه آن چیزی نیست که انتظارش را داشتید
این سایت هنوز هم آیکون قدیمی را نشان می دهد.
فایلهای تولید کننده آنها را نصب نمی کند. URL های آیکون و برچسب صفحه را بررسی کنید، سپس سایت را پاک کنید و یک جلسه مرورگر تازه را امتحان کنید. مرورگر و آیکون های نتایج جستجو می توانند در زمان های مختلف به روز شوند.
بعدی ابزار مفید: تبدیل SVG به PNG →محدودیت های مهم
- فقط وارد کردن تصویر؛ تبدیل یک SVG به PNG اول.
- این ابزار تنظیمات وب سایت شما را تغییر نمی دهد.
- پس از نصب آیکون ها، وب سایت خود را بررسی کنید، زیرا رفتار کچینگ و پلتفرم ممکن است متفاوت باشد.
- حداکثر 10 MB 12 میلیون پیکسل خروجی شامل ICO، آیکون های PNG، یک Webmanifest و مثال HTML در یک ZIP است.
پرسش های مکرر
آیا این وب سایت را با آیکون صفحه (Favicon) در سایت من نصب می کند؟
نه . فایل ها و یک مثال را آماده می کند. فایل ها را بارگذاری کنید و مسیرها یا تنظیمات وب سایت خود را به روز کنید.
آیا این بسته وب سایت من را به یک PWA تبدیل می کند؟
نه . فایل های آیکون و یک Webmanifest پایه تنها بخشی از تنظیمات یک برنامه وب هستند.
چرا برای خواندن آلبوم من در 16 پیکسل سخت است؟
جزئیات خوب ممکن است در این اندازه ناپدید شوند. سعی کنید یک نماد ساده تر، شکل قوی تر یا فضای بیشتری در اطراف علامت داشته باشید.
راهنمای مرتبط
پرسش یا اصلاح؟ mrkcal@mrkcal.com