ویرایشگر پیکسلی فاویکون
یک favicon شفاف و دقیق را پیکسل به پیکسل بکشید – از ۱۶×۱۶ تا ۶۴×۶۴ – یا تصویر واردشده را بهینه کنید، سپس با یک کلیک آن را به یک بستهٔ کامل favicon تبدیل کنید.
میانبرهای صفحهکلید و نکات
- Bمداد
- Eپاککن
- Gسطل رنگ
- Iقطرهچکان رنگ
- Lخط
- Rمستطیل
- Oبیضی
- Mجابهجایی تصویر (چرخشی)
- Xجابجایی رنگ اصلی و فرعی
- #/روشن/خاموش کردن شبکه
- Ctrl+Zبازگردانی
- Ctrl+YCtrl+Shift+Zانجام دوباره
- +-0بزرگنمایی، کوچکنمایی، متناسبسازی
- Shiftخطوط مستقیم، مربعها و دایرههای کامل
- ←→جابجایی تصویر (ابزار انتقال)
- Escلغو شکل فعلی
کلیک راست با رنگ فرعی نقاشی میکند. در صفحههای لمسی، انگشت دوم خط فعلی را لغو میکند.
چگونه یک favicon خوب ۱۶×۱۶ بکشیم
favicon معمولاً فقط در اندازهٔ ۱۶ یا ۳۲ پیکسل نمایش داده میشود، بنابراین تکتک پیکسلها مهماند. کشیدن دستی روی شبکهٔ پیکسلی لبههای واضح و کنترل کامل به شما میدهد؛ چیزی که لوگوی کوچکشده بهصورت خودکار بهندرت به آن میرسد.
با بوم ۱۶×۱۶ شروع کنید و طرح را ساده نگه دارید: یک حرف درشت، یک نماد ساده یا شاخصترین بخش لوگوی شما. از کنتراست قوی استفاده کنید تا آیکون در تبهای روشن و تیرهٔ مرورگر خوانا بماند، و هنگام طراحی پیشنمایشهای زنده را بررسی کنید.
وقتی از نتیجه راضی بودید، روی «ساخت favicon از این طرح» کلیک کنید. مولد، پیکسلها را واضح نگه میدارد و از نقاشی شما favicon.ico، آیکونهای PNG، آیکونهای Apple touch و آیکونهای Android میسازد.
نکاتی برای faviconهای پیکسلآرت واضح
- از دو تا چهار رنگ استفاده کنید – سایههای زیاد در اندازههای کوچک به نویز تبدیل میشوند.
- یک پیکسل حاشیه بگذارید یا کل مربع را پر کنید؛ از شکلهایی که فقط به بعضی لبهها میرسند پرهیز کنید.
- خطوط افقی و عمودی را ترجیح دهید؛ خطوط مورب در زاویهٔ ۴۵ درجه بهترین نتیجه را دارند.
- برای آیکونهای متقارن از حالت قرینه و برای بخشهای شفاف از رنگ شفاف استفاده کنید.
- اگر آیکون شما جزئیات زیادی دارد، در ۳۲×۳۲ یا ۴۸×۴۸ بکشید – اندازههای بزرگتر در صفحهنمایشهای با وضوح بالا استفاده میشوند.