ابزار رایگان آنلاین پیکسل‌آرت

ویرایشگر پیکسلی فاویکون

یک favicon شفاف و دقیق را پیکسل به پیکسل بکشید – از ۱۶×۱۶ تا ۶۴×۶۴ – یا تصویر واردشده را بهینه کنید، سپس با یک کلیک آن را به یک بستهٔ کامل favicon تبدیل کنید.

ابزار: مداد پیکسل: – اندازه: 16 × 16
میان‌برهای صفحه‌کلید و نکات
  • 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‌های پیکسل‌آرت واضح

  • از دو تا چهار رنگ استفاده کنید – سایه‌های زیاد در اندازه‌های کوچک به نویز تبدیل می‌شوند.
  • یک پیکسل حاشیه بگذارید یا کل مربع را پر کنید؛ از شکل‌هایی که فقط به بعضی لبه‌ها می‌رسند پرهیز کنید.
  • خطوط افقی و عمودی را ترجیح دهید؛ خطوط مورب در زاویهٔ ۴۵ درجه بهترین نتیجه را دارند.
  • برای آیکون‌های متقارن از حالت قرینه و برای بخش‌های شفاف از رنگ شفاف استفاده کنید.
  • اگر آیکون شما جزئیات زیادی دارد، در ۳۲×۳۲ یا ۴۸×۴۸ بکشید – اندازه‌های بزرگ‌تر در صفحه‌نمایش‌های با وضوح بالا استفاده می‌شوند.