تبدیل ICO به SVG
آیکون ویندوز یا فاوآیکون را برای ابزارهایی که فقط SVG میپذیرند در یک فایل .svg قرار دهید. پیکسل‌های آیکون همچنان پیکسل می‌مانند؛ به همین دلیل این صفحه نشان میدهد چگونه مسیرهای واقعی وکتور یا به‌سادگی یک PNG بزرگ‌تر به دست آورید.
مبدل عکس
یا فایل‌های JPG, JPEG, JPE … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایل‌ها روی سرورهای ما پردازش می‌شوند و پس از 30 دقیقه حذف می‌شوند.
85 عکسها را از نظر بصری مشابه اصل نگه میدارد. فقط وقتی فایل کوچکتر می‌خواهید آن را کمتر کنید.
JPG، BMP و EPS شفافیت ندارند. پیکسل‌های شفاف با این رنگ پر می‌شوند.
رنگ هگز پشت پیکسل‌های شفاف، مثلاً #FFFFFF.
این قالب فقط یک تصویر را نگه میدارد. اگر می‌خواهید انیمیشن حفظ شود خروجی GIF یا WebP را انتخاب کنید.
آیکون چنداندازه‌ای چند وضوح را در یک فایل دارد؛ مرورگرها و سیستمعاملها همان را که لازم دارند برمیدارند.
ابعاد اصلی را نگه دارید یا یک ضلع را وارد کنید تا نسبت تصویر حفظ شود.
پیکسل برای ضلعی که در بالا انتخاب کردید.
درصدی از ابعاد اصلی.
sRGB برای صفحه نمایش و وب مناسب است. برای چاپ حالت اصلی را نگه دارید؛ سیاه‌وسفید رنگ را حذف میکند.
فقط فراداده است؛ 0 مقدار اصلی را نگه میدارد. چاپگرها و برخی درگاه‌ها این عدد را می‌خوانند؛ ابعاد پیکسلی را تغییر نمی‌دهد.
نحوه استفاده از این ابزار
- 1
فایل .ico را بارگذاری کنید
فایل favicon.ico یک وبسایت یا آیکون یک برنامهٔ ویندوز. تا ۲۰ فایل در هر دسته.
- 2
روی «تبدیل به SVG» بزنید
بزرگترین تصویر ذخیره‌شده در ICO همراه با شفافیت سالم آن داخل یک سند SVG قرار میگیرد.
- 3
تصمیم بگیرید در گام بعد چه نیاز دارید
SVG را همان‌طور که هست استفاده کنید، برای گرفتن مسیرهای مقیاس‌پذیر آن را ردیابی کنید، یا اگر فقط خود تصویر را می‌خواستید یک PNG استخراج کنید.
آیا تبدیل ICO به SVG آیکون را مقیاس‌پذیر میکند؟
خیر. ICO فقط بیتمپ دارد، پس SVG بزرگترین آن‌ها را با پیکسلها و شفافیت در خود می‌گذارد. برای آیکونی که در هر اندازه واضح بماند آن را ردیابی کنید؛ برای فایل تصویری بزرگ‌تر یک PNG استخراج کنید.
SVG بسته‌بندی‌شده
بزرگترین بیتمپ ICO داخل یک فایل .svg.
- دقیقاً مثل آیکون دیده میشود
- شفافیت حفظ میشود
- با بزرگ‌کردن تار میشود
SVG ردیابی‌شده
لبهها با تبدیل عکس به SVG به مسیرهای وکتور تبدیل می‌شوند.
- در هر اندازه مقیاس‌پذیر است
- رنگ‌ها و شکلهای قابل‌ویرایش
- جزئیات ریز ممکن است ساده شوند
PNG از ICO
بزرگترین تصویر آیکون که بهصورت PNG ذخیره میشود.
- همه‌جا باز میشود
- بدون افت کیفیت و شفاف
- اندازهٔ پیکسلی ثابت
تبدیل ICO به SVG: پوششی دور پیکسلها، نه وکتور
فرمت ICO به ویندوز 1.0 در سال 1985 برمی‌گردد و وقتی Internet Explorer 5 در سال 1999 شروع به جست‌وجوی /favicon.ico کرد، فرمت فاویکون شد. یک فایل چند بیتمپ مربع نگه میدارد تا ویندوز و مرورگرها اندازهٔ مناسب را انتخاب کنند: 16 px برای تب مرورگر، 32 یا 48 px برای نوار وظیفه و دسکتاپ، و از Windows Vista به بعد، تصاویر 256 px با داده‌های PNG فشرده. در این ساختار هیچ مسیر، منحنی یا رنگ پرکننده‌ای وجود ندارد.
SVG که از سال 2001 استاندارد W3C است، هر دو نوع محتوا را میتواند نگه دارد: شکلهای وکتور و بیت‌مپ‌های جاسازیشده. هنگام تبدیل ICO تنها خروجی صادقانه نوع دوم است. SVG عرض و ارتفاع آیکون و یک عنصر تصویر با پیکسلها میگیرد، پس در مرورگر، Figma یا اسلاید دقیقاً مثل ICO نمایش داده میشود. اگر زوم کنید همان پیکسلها را می‌بینید، چون چیزی دوباره ترسیم نشده است.
اندازههای آیکون درون ICO و اهمیت بزرگترین آن‌ها
16 × 16 px
فاویکون تب مرورگر
برای ردیابی خوب بسیار کوچک است
32 × 32 px
تب با تراکم بالا، نوار وظیفه
حداکثر اندازهٔ رایج favicon.ico
48 × 48 px
آیکون دسکتاپ (ویندوز)
در بیشتر آیکون‌های برنامه‌ها وجود دارد
256 × 256 px
نمای آیکون‌های بزرگبهترین منبع برای ردیابی یا PNG
ICO
آیکون ویندوز (ICO)
ICO فرمت آیکون مایکروسافت است که برای آیکون برنامههای ویندوز و favicon وب‌سایت‌ها به کار می‌رود. یک فایل ico. میتواند چند تصویر با اندازههای مختلف مانند 16×16، 32×32، 48×48 و 256×256 پیکسل داشته باشد تا سیستم مناسب‌ترین را برگزیند. هر تصویر میتواند بهصورت بیتمپ یا داده PNG ذخیره شود و از شفافیت کامل آلفا پشتیبانی میکند. ICO برای عکس یا تصاویر بزرگ ساخته نشده است. مرورگرها، ویندوز و بیشتر ویرایشگرهای آیکون آن را می‌خوانند.
- فشرده‌سازی
- بدون اتلاف
- شفافیت
- بله
- انیمیشن
- خیر
- سال معرفی
- Microsoft
SVG
گرافیک برداری مقیاس‌پذیر
SVG یک فرمت برداری مبتنی بر XML است که W3C در سال 2001 استانداردسازی کرد. به‌جای پیکسل، شکل‌ها، مسیرها و متن را توصیف میکند؛ بنابراین در هر اندازه‌ای شفاف می‌ماند و برای لوگو و آیکن معمولاً بسیار کم‌حجم است. از شفافیت، استایل CSS، اسکریپت و انیمیشن پشتیبانی میکند و همه مرورگرها آن را بهصورت بومی نمایش می‌دهند. SVG برای عکس مناسب نیست و تصاویر پیچیده ممکن است کند رندر شوند. Illustrator، Inkscape، Figma و مرورگرها می‌توانند آن را باز و ویرایش کنند.
- فشرده‌سازی
- –
- شفافیت
- بله
- انیمیشن
- بله
- سال معرفی
- 2001 · W3C
وقتی ابزار طراحی، کتابخانهٔ آیکون یا قالب وبسایت SVG می‌خواهد و تنها نسخهٔ لوگو یک فاویکون یا آیکون ویندوز است، کاربران «تبدیل ICO به SVG» را جست‌وجو می‌کنند؛ معمولاً این گام اول رسیدن به یک وکتور ردیابی‌شده است.
وکتور کردن آیکون به مسیرهای واقعی SVG
اگر هدف لوگویی مقیاس‌پذیر است، SVG بسته‌بندی‌شده در بهترین حالت یک گام میانی است. آیکون را از مبدل عکس به SVG بگذرانید: لبه‌های رنگی را دنبال میکند و بهصورت مسیرهایی می‌نویسد که میتوانید تغییر اندازه، تغییر رنگ و برش بدهید. نتیجه به اندازهٔ منبع بستگی دارد، پس تصویر 256 px از آیکون یک برنامه خیلی بهتر از فاویکون 16 px ردیابی میشود. راهنمای ما دربارهٔ تبدیل PNG به SVG توضیح میدهد چند رنگ نگه دارید و منحنیها را چگونه نرم کنید.
اگر فقط می‌خواهید آیکون را در سند یا ویرایشگر استفاده کنید، SVG را کنار بگذارید و بزرگترین تصویر را با ICO به PNG بهصورت PNG بگیرید. برای مسیر برعکس، از لوگوی وکتور به فاویکون چنداندازه‌ای، SVG به ICO را به کار ببرید.
پرسش‌های تبدیل ICO به SVG
آیا فایل ICO میتواند به SVG وکتور واقعی تبدیل شود؟
فقط با تبدیل نه. ICO چیزی جز بیتمپ ندارد، از 16 × 16 تا 256 × 256 px، پس شکلی برای انتقال وجود ندارد. مسیرهای واقعی باید از روی پیکسلها ردیابی شوند و مبدل عکس به SVG همین کار را میکند.
کدامیک از اندازههای درون فایل .ico در SVG قرار میگیرد؟
بزرگترین تصویر، چون جزئیات بیشتری دارد. favicon.ico معمولی حداکثر 32 یا 48 px است، ولی آیکون برنامههای ویندوز معمولاً نسخهٔ 256 px هم دارد.
آیا SVG حاصل بهعنوان فاوآیکون وبسایت کار میکند؟
Chrome و Firefox فاویکون SVG را میپذیرند، اما SVGای که فقط یک بیتمپ 32 px دارد نسبت به ICO اولیه سودی ندارد. فاویکون SVG وقتی ارزش دارد که مسیرهای واقعی داشته باشد و روی نمایشگرهای با تراکم بالا واضح بماند.
چرا وکتور کردن فاوآیکون شکلهای لکهمانند میدهد؟
آیکون 32 px فقط 1,024 پیکسل دارد و ردیابی منحنیها را از روی لبهها حدس میزند. هرچه پیکسل کمتر باشد، حدس خشنتر است. برای طرحهای تمیز، تصویر 256 px آیکون ویندوز را ردیابی کنید یا لوگوی اصلی را پیدا کنید.
آیا پسزمینهٔ شفاف آیکون حفظ میشود؟
بله. تصاویر ICO کانال آلفا دارند و SVG آن را نگه میدارد، پس آیکون روی هر پسزمینهای که صفحه یا ابزار طراحی بدهد قرار میگیرد.
آیا میتوانم بعداً رنگ آیکون را در Inkscape یا Figma تغییر دهم؟
نه شکلبهشکل، چون SVG فقط یک تصویر جاسازیشده دارد. میتوانید فیلتر یا لایهٔ روی آن را بهصورت کلی اعمال کنید؛ برای رنگ هر شکل، اول آن را ردیابی کنید.
- تبدیل ICO به PNGفایل‌های .ico را با حفظ پسزمینهٔ شفاف به PNG تبدیل کنید. بزرگترین تصویر آیکون استخراج میشود تا فاوآیکون و آیکون ویندوز واضح بمانند.
- تبدیل SVG به ICOتبدیل SVG به ICO با رندر همهٔ اندازهها از 16 تا 256 px از روی وکتور و حفظ شفافیت. ساخت favicon.ico یا آیکون ویندوز از فایل لوگو.
- تبدیل PNG به SVG رایگانتبدیل رایگان PNG به SVG بدون ثبتنام: لوگو، آیکون و طرح خطی را به مسیرهای مقیاس‌پذیر تبدیل کنید. حالت رنگی، خاکستری یا سیاه‌وسفید و تعداد رنگ را انتخاب کنید.
- تبدیل ICO به JPGآیکونها و فاوآیکونهای .ico را برای گزارش، اسلاید، ایمیل و فرمهای بارگذاری به JPG تبدیل کنید. بزرگترین فریم استفاده و شفافیت با سفید یا رنگ دلخواه پر میشود.
- تبدیل PNG به ICOتبدیل آنلاین PNG به ICO: یک فایل .ico با همهٔ سایزها از 16 تا 256 px و حفظ شفافیت. برای فاوآیکون و میانبر ویندوز. رایگان و بدون ثبتنام.