تبدیل SVG به ICO (فاوآیکون)

نه — این سایت دقیقاً برای همین ساخته شده. تبدیل به‌طور کامل داخل مرورگر شما و با WebAssembly انجام می‌شود؛ فایل‌ها دستگاه شما را ترک نمی‌کنند و هیچ سروری در این میان دخالتی ندارد. بعد از باز شدن صفحه، ابزار حتی بدون اتصال به اینترنت هم کار می‌کند، و تنها محدودیت اندازهٔ فایل‌ها حافظهٔ دستگاه شماست.

چون هر اندازه کشیده می‌شود نه مقیاس: بردار درشت رستر می‌شود و تا هر نوشته کوچک می‌شود، پس آیکون 16 پیکسل تا جایی که هندسه اجازه دهد واضح است. منبع‌های رستری به دقت اصلی خودشان محدودند — بردارها کل مسئله را دور می‌زنند.

هندسه جان سالم به در می‌برد، جزئیات نه. خطوط نازک، متن ریز و پیچ‌وتاب‌های ظریف در 16 پیکسل با هر منبع بی‌نقصی آب می‌شوند. شکل‌های ساده و پرکنتراست خوب خوانده می‌شوند — بسیاری از سیستم‌های طراحی یک نسخهٔ ساده‌شدهٔ «فقط نشان» را دقیقاً برای همین حالت نگه می‌دارند.

هر دو را انجام دهید — این بهترین رویّهٔ امروز است. مرورگرهای امروزی <link rel="icon" type="image/svg+xml"> را می‌پذیرند و حتی سبک‌های تم تاریک داخل SVG را محترم می‌شمارند؛ و .ico از این ابزار سافاری (که هنوز فاوآیکون‌های SVG را نادیده می‌گیرد)، خزنده‌ها و همهٔ مصرف‌کننده‌های موروثی /favicon.ico را می‌پوشاند.

یک PNG‏ 256 پیکسلی از راه تبدیل PNG به ICO نود و پنج درصد نتیجه را می‌دهد — کوچک‌شدن از یک رستر درشت خیلی چیزها را می‌بخشد. بردار باز هم در 16 پیکسل می‌برد، جایی که کشیدن از هندسه ضخامت خطی را نگه می‌دارد که دوباره‌نمونه‌برداری میانگین می‌گیرد. و اگر لوگو به‌هرحال در SVG زندگی می‌کند، تبدیل از سرچشمه فقط تمیزتر است.

روی جزئیاتی که جایی برای رفتن ندارند: خطوط موریرگی زیر 32 پیکسل ناپدید می‌شوند، متن به بافت بدل می‌شود. اگر لوگو به ساده‌سازی نیاز دارد، در بردار ساده کنید — خطوط را ضخیم کنید، زیرنویس را بردارید — نه اینکه به بخشش کوچک‌شدن امید ببندید. و وارسی کنید که SVG یک viewBox اعلام کند: فایل‌های بی‌اندازه در یک اندازهٔ پیش‌فرض کشیده می‌شوند که ممکن است غافلگیرتان کند.