ابزارها95

چیزی عالی بسازید

تولیدکننده فاوآیکون / ICO.

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

تبلیغات
فضای کاری تصویر شما
روی دستگاه شما
یا اینجا بکشید و رها کنید
PNG, JPG, JPEG, WEBP, GIF
برای شروع، تصویر خود را انتخاب کنید.تصویر
تبلیغات
وبلاگ چگونه یک فاوآیکون بسازیم خواندن راهنما

یک فاوآیکون بسازید که در هر اندازه‌ای واضح بماند

یک لوگو، تصویر یا مونوگرام کوتاه را به فاوآیکون وب‌سایت تبدیل کنید. پیش‌نمایش تب‌های روشن و تیره مرورگر را ببینید، کادربندی را اصلاح کنید و یک ICO چنداندازه یا یک فایل ZIP آماده وب شامل آیکون‌ها و فایل‌های نصب را دانلود کنید.

یک نشان واضح به آیکون مرورگر، بوک‌مارک و وب‌سایت موبایل تبدیل می‌شود.
آموزش ویدیویی سریع How to create a favicon and website icon package Choose an image, preview browser icons, set the website package and download all icon files in one ZIP. روایت انگلیسی مشاهده ویدیو

How to create a favicon and website icon package

ویژگی‌ها و کنترل‌ها

با یک تصویر یا حروف اول نام خود شروع کنید

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

ورودی تصویر و متن

بخش تصویر، PNG، JPG، JPEG، WebP یا GIF را می‌پذیرد. بخش متن، همان ویرایشگر را با حروف آماده برای استایل‌دهی باز می‌کند. «ایجاد از» به شما امکان می‌دهد بین تصویر آپلودشده و مونوگرام جابجا شوید. برای واضح‌ترین نتیجه در 16 پیکسل، از یک یا دو کاراکتر ساده استفاده کنید. ورودی GIF از یک فریم ثابت استفاده می‌کند؛ نتیجه متحرک نیست.

آیکون را در جایی که ظاهر می‌شود قضاوت کنید

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

پیش‌نمایش‌های اندازه واقعی

ویرایشگر یک پیش‌نمایش تب مرورگر 16 پیکسلی، آیکون‌های جداگانه 16، 32 و 48 پیکسلی و یک پیش‌نمایش Apple Touch را نشان می‌دهد. آیکون‌های کوچک جزئیاتی را آشکار می‌کنند که هنگام کوچک شدن لوگوی بزرگ ناپدید می‌شوند. منبع را ساده کنید یا فضای اطراف آن را افزایش دهید تا کوچکترین پیش‌نمایش قابل تشخیص باشد. تصویر Apple Touch کوچکتر از اندازه 180 پیکسلی خروجی آن نمایش داده می‌شود.

به اثر هنری خود یک شبح واضح بدهید

یک مربع گرد، مربع یا دایره انتخاب کنید و فضای اطراف محتوا را تنظیم کنید.

تناسب، فاصله‌گذاری و شفافیت

گزینه «نمایش کل تصویر» تمام لبه‌های منبع را داخل آیکون نگه می‌دارد. «پر کردن آیکون» ناحیه موجود را می‌پوشاند و ممکن است لبه‌ها را برش دهد. «فضای اطراف محتوا» فاصله را از 0 تا 35 درصد تنظیم می‌کند. پس‌زمینه را انتخاب کنید یا «پس‌زمینه شفاف» را فعال کنید. پیکسل‌های شفاف خارج از شبح گرد یا دایره‌ای، شفاف باقی می‌مانند. این کار پس‌زمینه ماتی که از قبل در تصویر آپلودشده شما وجود دارد را حذف نمی‌کند.

یک مونوگرام متمایز بسازید

حروف، فونت و رنگ‌های متضاد را تنظیم کنید.

استایل‌دهی متن

متن / مونوگرام تا سه کاراکتر را با استایل‌های Modern sans، Classic serif و Monospace موجود پشتیبانی می‌کند. در مرورگرهای دسکتاپ پشتیبانی‌شده، «استفاده از فونت‌های سیستم» را انتخاب کنید و اجازه دسترسی به فونت را بدهید تا لیست فونت با خانواده‌های نصب‌شده روی دستگاه شما پر شود. یک خانواده را برای به‌روزرسانی پیش‌نمایش زنده انتخاب کنید، یا از فلش‌های قبلی و بعدی برای مقایسه فونت‌های مجاور استفاده کنید. نام فونت‌ها و فایل‌ها آپلود نمی‌شوند. متن به‌طور خودکار با فضای موجود متناسب می‌شود. پس از تغییر فونت یا رنگ، کوچکترین اندازه‌های آیکون را پیش‌نمایش کنید.

ICO یا یک بسته کامل وب‌سایت را انتخاب کنید

یک عملیات «شروع»، دانلود انتخاب‌شده را ایجاد می‌کند.

فایل‌ها و اندازه‌ها

فایل ICO چنداندازه شامل تصاویر 16، 24، 32، 48، 64، 128 و 256 پیکسلی در یک فایل favicon.ico است. بسته آیکون وب‌سایت یک فایل ZIP ایجاد می‌کند که شامل آن ICO، آیکون‌های PNG در ابعاد 16، 32 و 48 پیکسل، یک آیکون Apple Touch در ابعاد 180 پیکسل، آیکون‌های اندروید در ابعاد 192 و 512 پیکسل، یک فایل مانیفست وب و INSTALL.txt است. نام وب‌سایت، نام مانیفست را تأمین می‌کند.

نصب آیکون‌ها روی وب‌سایت

فایل ZIP شامل تگ‌های لینک HTML و نام فایل‌های منطبق است.

استفاده از فایل‌های نصب

محتویات بسته را در ریشه سایت آپلود کنید و تگ‌های لینک را از INSTALL.txt در بخش head صفحه کپی کنید. اگر آیکون‌ها را در یک زیرپوشه نگه می‌دارید، مسیرهای HTML و مسیرهای داخل site.webmanifest را به‌روزرسانی کنید. هنگام بررسی به‌روزرسانی، کش فاوآیکون را پاک کنید یا در یک تب جدید تست کنید. مانیفست تولیدشده یک پیکربندی آیکون است، نه یک نصب کامل از یک وب‌اپلیکیشن پیشرو (PWA).

فایل‌ها و پردازش

ورودی
PNG، JPG، JPEG، WebP، GIF یا یک مونوگرام متنی
خروجی
یک ICO چنداندازه، یا یک فایل ZIP از آیکون‌های وب‌سایت و فایل‌های نصب

حداکثر 25 مگابایت برای هر فایل. یک فایل ورودی در هر اجرا.

یک تصویر تا 25 مگابایت، با حداکثر 60 مگاپیکسل و 16,000 پیکسل در هر ضلع. اندازه‌های ICO از 16 تا 256 پیکسل متغیر هستند؛ بزرگترین PNG بسته‌بندی‌شده 512 در 512 پیکسل است.

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

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

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

سوالات متداول

خوب است بدانید.

چند پاسخ قبل از شروع کار.

روی دستگاه شما
آیا می‌توانم بدون آپلود لوگو، فاوآیکون بسازم؟

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

چه اندازه‌هایی داخل فایل ICO هستند؟

فایل ICO شامل هفت فریم مبتنی بر PNG است: 16، 24، 32، 48، 64، 128 و 256 پیکسل مربع. مرورگر فریم مناسب را انتخاب می‌کند.

چه چیزی در فایل ZIP وب‌سایت گنجانده شده است؟

این فایل شامل favicon.ico، شش آیکون PNG برای استفاده در مرورگر، اپل و اندروید، site.webmanifest و INSTALL.txt با تگ‌های لینک HTML است.

آیا فاوآیکون من می‌تواند پس‌زمینه شفاف داشته باشد؟

بله. پس‌زمینه شفاف (Transparent background) را فعال کنید. این کار نواحی شفاف اطراف منبع را حفظ می‌کند؛ پس‌زمینه مات را از عکس حذف نمی‌کند.

آیا تصویر برای تبدیل آپلود می‌شود؟

خیر. این ابزار فایل‌های آیکون را در مرورگر شما تولید و بسته‌بندی می‌کند. فایل‌های دانلودشده را نگه دارید زیرا ویرایشگر فضای ذخیره‌سازی دائمی پروژه نیست.

آیا می‌توانم از فونت‌های نصب‌شده روی کامپیوترم استفاده کنم؟

بله، زمانی که مرورگر شما از دسترسی به فونت‌های محلی پشتیبانی کند. گزینه متن / مونوگرام را انتخاب کنید، استفاده از فونت‌های سیستم (Use system fonts) را انتخاب کرده و به مرورگر اجازه دسترسی بدهید. خانواده‌های فونت موجود شما در لیست فونت ظاهر می‌شوند. اگر اجازه رد شود یا دسترسی به فونت محلی در دسترس نباشد، سبک‌های گنجانده‌شده قابل استفاده باقی می‌مانند.

تبلیغات

زبان38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

زبان خود را انتخاب کنید. آموزش‌های ویدیویی در حال حاضر از روایت انگلیسی استفاده می‌کنند.