تبدیل ICO به SVG Icon ↔ Scalable Vector Graphics رایگان آنلاین امن

چرا مردم ICO را به SVG تبدیل می‌کنند

فایل ICO یک آیکون است: تصویری کوچک، یا بهتر بگوییم بسته‌ای از تصویرهای کوچک با اندازه‌های گوناگون، که در زبانهٔ مرورگر، روی میانبر، در گوشهٔ پنجره یا در فهرست فایل‌ها دیده می‌شود. بسیاری از وب‌سایت‌ها و برنامه‌های قدیمی از نشان خود فقط یک آیکون دارند: طرح اصلی گم شده، طراح رفته و فاوآیکون تنها نسخهٔ باقی‌ماندهٔ لوگو است. SVG نوع مقابل است: طرحی که با شکل‌ها توصیف می‌شود، به هر اندازه‌ای بزرگ می‌شود و هر زمان بخواهید می‌توان رنگش را عوض کرد. به همین دلیل مردم ICO را به SVG تبدیل می‌کنند: آیکونی کوچک دارند و طرحی می‌خواهند که بتوانند در اندازهٔ بزرگ‌تر به کار ببرند، تغییرش دهند یا در یک طراحی مدرن بگذارند.

مهم است دربارهٔ آنچه چنین تبدیلی می‌تواند و نمی‌تواند انجام دهد صادق باشیم. تبدیل دوبارهٔ پیکسل‌ها به شکل‌ها بازیابی طرح اصلی نیست، چون آن طرح از بین رفته است. این یک حدس است که با نگاه به جایی که لکه‌های رنگ تخت تمام می‌شوند زده می‌شود. با این حال آیکون‌ها همان نوع تصویری هستند که این حدس به‌ویژه برایشان مناسب است، چون از ابتدا با رنگ تخت کشیده شده‌اند. این صفحه دو انتخاب پیش پای شما می‌گذارد و پیش از آنکه وقت بگذارید می‌گوید هرکدام چه هزینه‌ای دارد: می‌توانید با ردیابی بگذارید آیکون به شکل‌ها تبدیل شود، یا تصویر را دقیقاً همان‌طور که بود، درون یک SVG بسته‌بندی‌شده نگه دارید.

این صفحه ICO را در مرورگر شما به SVG تبدیل می‌کند. آیکون شما به هیچ سروری بارگذاری نمی‌شود، که برای نشان‌ها و طرح‌هایی که هنوز عمومی نشده‌اند اهمیت دارد. در ادامه می‌بینید ردیابی چگونه کار می‌کند، کدام اندازهٔ آیکون خوانده می‌شود، چه چیزی حفظ می‌شود و از تصویری این‌قدر کوچک چه انتظاری باید داشت.

تبدیل چگونه کار می‌کند

دو انتخاب برای سرنوشت تصویر

شما انتخاب می‌کنید با تصویر چه شود: به شکل‌ها تبدیل شود یا دقیقاً همان‌طور که بود بماند. گزینهٔ اول ردیابی است. آیکون تحلیل می‌شود، لکه‌های تک‌رنگ پیدا می‌شوند و مرزهایشان به صورت شکل‌هایی نوشته می‌شود که با رنگ‌های درخواستی شما پر شده‌اند. گزینهٔ دوم بسته‌بندی است: تصویر بدون تغییر درون یک فایل SVG قرار می‌گیرد، پس فایل از بیرون SVG است و از درون همان پیکسل‌ها را دارد.

کدام اندازه خوانده می‌شود

یک فایل .ico چند اندازه را در خود دارد و مرورگر یکی از آن‌ها را، معمولاً بزرگ‌ترین را، تحویل می‌دهد. بقیه خوانده نمی‌شوند. اگر آیکون شما نسخه‌های 16، 32، 48 و 256 پیکسلی داشته باشد، معمولاً نسخهٔ 256 پیکسلی همان تصویری است که ردیابی می‌شود. حتی بزرگ‌ترین نسخه هم کوچک است، اغلب 48 یا 256 پیکسل، پس چیز زیادی برای ردیابی نیست.

چرا آیکون‌ها خوب ردیابی می‌شوند

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

چه چیزی حفظ می‌شود

شفافیت

شفافیت حفظ می‌شود. آیکون‌ها تقریباً همیشه زمینهٔ شفاف دارند و این زمینه در SVG هم خالی می‌ماند، پس شکل روی هر رنگی می‌نشیند.

رنگ تخت و شفاف

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

تناسب‌ها و اندازه

ردیابی تناسب‌های طرح و اندازهٔ پیکسلی خودش را در عرض و ارتفاع SVG نگه می‌دارد. چون نتیجه برداری است، از آنجا به هر اندازه‌ای بزرگ می‌شود.

پیش از تبدیل ICO به SVG چه باید بدانید

چیز زیادی برای ردیابی نیست

حتی بزرگ‌ترین اندازه در یک آیکون کوچک است، اغلب 48 یا 256 پیکسل، پس چیز زیادی برای ردیابی نیست. هر چیزی که در اصل خطی تک‌پیکسلی بود به شکلی تبدیل می‌شود که به همان اندازه که پهناست نامطمئن هم هست. این عیب ردیابی نیست: در شانزده پیکسل هیچ‌وقت به اندازهٔ کافی چیزی آنجا نبود. اگر نتیجه خشن به نظر می‌رسد، راه‌حل منبعی بزرگ‌تر است، نه تنظیمی دیگر.

فقط یک اندازه خوانده می‌شود

نمی‌توانید از میان اندازه‌های درون فایل انتخاب کنید. اگر بزرگ‌ترین نسخه کیفیت پایینی داشته باشد، ردیابی هم همین‌طور خواهد بود. اگر PNG جداگانه‌ای از لوگو در اندازهٔ بزرگ‌تر دارید، PNG به SVG نتیجهٔ بهتری می‌دهد.

ردیابی حدس است، نه بازیابی

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

چگونه اینجا ICO را به SVG تبدیل کنیم

آیکون خود را اضافه کنید

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

ردیابی یا نگه‌داشتن و رنگ‌ها را انتخاب کنید

تصمیم بگیرید آیکون به شکل‌ها تبدیل شود یا همان‌طور که بود بماند. اگر ردیابی می‌کنید، تعداد رنگ‌ها را تنظیم کنید؛ برای یک آیکون معمولاً عددی کوچک درست است.

تبدیل کنید و مقایسه کنید

دکمه را بزنید و SVG را دانلود کنید. آن را در مرورگر باز کنید و بزرگ‌نمایی کنید. ردیابی خوب صاف می‌ماند. آن را با آیکون مقایسه کنید و اگر درست نبود، رنگ‌ها را تغییر دهید و دوباره امتحان کنید.

نگاهی دقیق‌تر به ICO و SVG

یک بسته و یک طرح

ICO ظرفی است که چند تصویر کوچک درونش جا دارد، هرکدام با اندازه‌ای ثابت، تا سیستم بتواند آن را که با جای نمایش آیکون جور است انتخاب کند. SVG یک طرح واحد است که در هر اندازه‌ای رندر می‌شود. تبدیل ICO به SVG یعنی یکی از آن تصویرهای کوچک را برداشتن و طرح پشت آن را خواستن. جهت عکس، یعنی SVG به ICO، دقیق است؛ این جهت یک برآورد است.

چرا نتیجه ممکن است با آیکون فرق کند

آیکون‌های کوچک اغلب دستی و پیکسل به پیکسل طراحی می‌شوند تا در اندازهٔ خود خوب به نظر برسند. ردیابی آن پیکسل‌ها را به شکل‌های نرم تبدیل می‌کند. گوشه‌ها ممکن است کمی گرد شوند و جزئیات ظریف ضخیم‌تر. SVG پرتره‌ای وفادار از تصویر است، اما نسخهٔ برابر با قصد طراح نیست.

چه زمانی از ردیابی پرهیز کنیم

اگر آیکون عکسی در مقیاس کوچک است، مثل یک آواتار، آن را ردیابی نکنید. تصویر را همان‌طور که بود نگه دارید. ردیابی برای نشان‌هایی است که از رنگ تخت ساخته شده‌اند.

موقعیت‌های رایج با جزئیات

لوگوی گم‌شده‌ای که به صورت فاوآیکون باقی مانده

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

آیکون‌های برنامه

آیکون‌هایی که از نرم‌افزارهای قدیمی بیرون کشیده شده‌اند ممکن است تنها اثر هنری باقی‌مانده باشند. یک SVG ردیابی‌شده به شما امکان می‌دهد آن‌ها را در مستندات و در اندازه‌ای که دیده شوند دوباره به کار ببرید.

مدرن‌سازی یک طراحی

وقتی سایت یا برنامه‌ای بازطراحی می‌شود، آیکون قدیمی اغلب باید در اندازه‌های مدرن دوباره کشیده شود. SVG ردیابی‌شده به طراح نقطهٔ شروعی می‌دهد که با نشان موجود جور است.

وب‌سایت‌هایی که SVG می‌خواهند

برخی پلتفرم‌ها برای لوگو فقط SVG می‌پذیرند. اگر برای پلتفرم کافی است تصویر نگه داشته شود، آیکون را می‌توان بسته‌بندی کرد. اگر باید برداری واقعی باشد، آن را ردیابی کنید.

توصیه‌های عملی پیش از تبدیل ICO به SVG

دنبال منبع بزرگ‌تر بگردید

پیش از تبدیل ICO به SVG بررسی کنید آیا نسخهٔ بزرگ‌تری از نشان وجود دارد: یک PNG در سایت، یک بستهٔ برند، یک سند قدیمی. منبع بزرگ‌تر ردیابی بسیار بهتری می‌دهد.

از رنگ‌های کم استفاده کنید

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

بدانید بعد چه خواهید کرد

آیکون ردیابی‌شده نقطهٔ شروع است. چند دقیقه در برنامهٔ طراحی برای مرتب کردن شکل‌ها، نرم کردن منحنی‌ها و نام‌گذاری لایه‌ها در نظر بگیرید.

ICO را نگه دارید

ICO منبع است. اگر ردیابی خوب نبود، آن را لازم خواهید داشت تا با تنظیم‌های دیگر دوباره امتحان کنید.

گرفتن بهترین ردیابی هنگام تبدیل ICO به SVG

رنگ‌هایی را که انتظار دارید بشمارید

پیش از تبدیل ICO به SVG به آیکون نگاه کنید و رنگ‌هایش را بشمارید. آیکونی با برگ سبز روی مربع سفید دو یا سه رنگ می‌خواهد. درخواست همین تعداد شکل‌های تمیزی می‌دهد که با طراحی جور است.

مراقب لبه‌ها باشید

مرز میان دو رنگ در یک آیکون کوچک خطی نرم از سایه‌های میانی است، چون تصویر هنگام کشیده شدن هموار شده است. ردیابی باید تصمیم بگیرد لبه در کجای آن خط نرم قرار دارد. وسط را انتخاب می‌کند، که تقریباً همیشه درست است.

به زمینه فکر کنید

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

پرسش‌هایی که مردم پیش از تبدیل می‌پرسند

آیا برداری اصلی‌ام را پس می‌گیرم؟

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

چرا نتیجه خشن است؟

چون آیکون کوچک است، اغلب 48 یا 256 پیکسل، و چیز زیادی برای ردیابی نیست. راه‌حل منبعی بزرگ‌تر است، نه تنظیمی دیگر.

کدام اندازه درون ICO استفاده می‌شود؟

مرورگر یکی از آن‌ها را، معمولاً بزرگ‌ترین را، تحویل می‌دهد. بقیه خوانده نمی‌شوند.

آیا شفافیت می‌ماند؟

بله. زمینهٔ شفاف خالی می‌ماند.

آیا آیکونم بارگذاری می‌شود؟

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

آیا می‌توانم به ICO برگردم؟

بله. SVG به ICO شکل‌ها را در شش اندازه می‌کشد و در یک فایل جمع می‌کند.

انتخاب هوشمندانه هنگام تبدیل ICO به SVG

ردیابی یا نگه‌داشتن؟

آیکون‌های تخت را ردیابی کنید. هر چیزی را که شبیه عکس است نگه دارید. اگر مطمئن نیستید، ردیابی را امتحان کنید و نتیجه را کنار اصل ببینید.

نقطه‌های شروع دیگر

اگر PNG از نشان دارید، PNG به SVG از پیکسل‌های بیشتری شروع می‌کند. اگر JPG دارید، JPG به SVG به همین شکل کار می‌کند، هرچند باید به نویز فشرده‌سازی توجه کرد.

آنچه با آن شروع کردید نگه دارید

ICO را کنار SVG نگه دارید. آن‌ها چیزهای متفاوتی هستند و هرکدام کاربردی دارد.

گرفتن نتیجهٔ خوب پس از تبدیل

در برنامهٔ طراحی بازش کنید

به شکل‌ها و رنگ‌ها نگاه کنید. لکه‌های سرگردان را حذف کنید، شکل‌هایی را که باید یکی باشند ادغام کنید و منحنی‌هایی را که ناهموار درآمده‌اند نرم کنید.

در چند اندازه بررسی کنید

بزرگ‌نمایی و کوچک‌نمایی کنید. ردیابی خوب شکلش را در هر اندازه حفظ می‌کند.

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

برای نشان یک برند، از ردیابی به عنوان راهنما استفاده کنید و آن را تمیز دوباره بکشید. یک ساعت کار فایلی می‌دهد که سال‌ها می‌توانید از آن استفاده کنید.

بهره‌برداری کامل از آیکون ردیابی‌شده

جایی استفاده کنید که مقیاس اهمیت دارد

مزیت بزرگ نتیجه این است که مقیاس‌پذیر است. از آن برای پوستر، تابلو، آرم دوختنی یا برچسب استفاده کنید و از اینکه لازم نیست دنبال فایل بزرگ‌تری بگردید لذت ببرید. هر وقت دوباره تصویر پیکسلی خواستید، ابزار SVG به PNG شکل‌ها را در هر اندازه‌ای که انتخاب کنید می‌کشد.

به‌آسانی رنگ را عوض کنید

چون هر ناحیه شکلی با رنگ پر است، تغییر رنگ یعنی انتخاب شکل و برگزیدن رنگی دیگر. اغلب دلیل اصلی تبدیل ICO به SVG همین است: آیکونی با رنگ نامناسب، یا نسخه‌ای که باید روی زمینهٔ تیره کار کند.

مجموعهٔ اندازه‌ها را دوباره بسازید

وقتی SVG تمیزی دارید، می‌توانید با SVG به ICO فایل‌های آیکون را در هر اندازه‌ای که لازم دارید بسازید، از جمله یک فاوآیکون جدید. فایل جدید هر اندازه را تازه از روی شکل‌ها می‌کشد، که از نسخه‌های بزرگ‌شدهٔ قدیمی تیزتر است.

با کار دیگران محتاط باشید

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

تنظیم‌هایی را که دوست داشتید نگه دارید

وقتی تعداد رنگی را یافتید که برای نوع خاصی از آیکون خوب کار می‌کند، آن را یادداشت کنید. دفعهٔ بعد که ICO را برای نشانی مشابه به SVG تبدیل می‌کنید، از تنظیمی شروع می‌کنید که می‌دانید شکل‌های تمیز می‌دهد.

حریم خصوصی و نحوهٔ کار

چرا تبدیل محلی برای آثار هنری اهمیت دارد

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

وقتی می‌روید چه می‌شود

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

اگر مشکلی پیش آمد

ردیابی ناهموار به نظر می‌رسد

آیکون کوچک است و جزئیات کمی دارد. دنبال منبعی بزرگ‌تر بگردید یا شکل‌ها را در برنامهٔ طراحی مرتب کنید.

به نظر می‌رسد اندازهٔ اشتباه خوانده شده

فقط یک اندازه تحویل داده می‌شود، معمولاً بزرگ‌ترین. اگر کیفیتش پایین است، منبع بهتری پیدا کنید.

صفحه فایل من را باز نمی‌کند

بررسی کنید که ICO واقعی باشد و PNGی با نام عوض‌شده نباشد. اگر PNG است، به جای آن از PNG به SVG استفاده کنید.

ابزارهای مرتبط

همین خانوادهٔ ابزارها کارهای همسایه را هم پوشش می‌دهد. برای PNG از PNG به SVG و برای JPG از JPG به SVG استفاده کنید. برای برگشت به پیکسل‌ها یا به آیکون، SVG به ICO، SVG به PNG و SVG به JPG شکل‌ها را در اندازه‌ای که انتخاب کنید می‌کشند. صفحهٔ برداری برای چاپ از SVG به PDF به دست می‌آید.

یک مثال عملی

فرض کنید وب‌سایتی به ارث برده‌اید که تنها اثر لوگویش یک فاوآیکون است: برگی سبز روی زمینهٔ شفاف. برگ را برای بنری چاپی لازم دارید. ICO را اینجا رها می‌کنید، ردیابی با دو رنگ را انتخاب می‌کنید و دکمه را می‌زنید. لحظه‌ای بعد SVGای دانلود می‌کنید که در آن برگ شکلی سبز و تمیز است. آن را در برنامهٔ طراحی باز می‌کنید، دو گوشه را نرم می‌کنید و به اندازهٔ بنر می‌رسانید. لبه‌ها تیز می‌مانند. ICO در پوشهٔ شما می‌ماند.

یک فهرست بررسی کوتاه

پیش از تبدیل

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

هنگام تبدیل

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

پس از تبدیل

SVG را باز کنید، بزرگ‌نمایی کنید، با آیکون مقایسه کنید و در برنامهٔ طراحی مرتبش کنید.

اشتباه‌های رایج

انتظار جزئیاتی که هرگز وجود نداشت

در شانزده پیکسل هیچ‌وقت به اندازهٔ کافی چیزی برای یافتن نبود. به امید خطوط ظریف ICO را به SVG تبدیل نکنید.

ردیابی آواتار عکس

عکسی در مقیاس کوچک به پوستری از لکه‌ها تبدیل می‌شود. آن را همان‌طور که بود نگه دارید.

استفاده از رنگ‌های زیاد

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

آیکون شما روی دستگاه شما می‌ماند

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

خلاصه

برای تبدیل ICO به SVG در اینجا، آیکون را رها کنید، انتخاب کنید با آن چه شود و دکمه را بزنید. شما انتخاب می‌کنید: تصویر به شکل‌ها تبدیل شود، یا دقیقاً همان‌طور که بود بماند، و هزینهٔ هر انتخاب در همین صفحه نوشته شده، پیش از آنکه وقت بگذارید. شفافیت حفظ می‌شود، و رنگ تخت و شفافی که آیکون معمولاً از آن ساخته می‌شود هم، که همان نوع تصویری است که تقریباً بی‌نقص ردیابی می‌شود، چون از ابتدا با رنگ تخت کشیده شده است. فایل .ico چند اندازه را در خود دارد و مرورگر یکی از آن‌ها را، معمولاً بزرگ‌ترین را، تحویل می‌دهد؛ بقیه خوانده نمی‌شوند. حتی بزرگ‌ترین هم کوچک است، اغلب 48 یا 256 پیکسل، پس چیز زیادی برای ردیابی نیست. اگر نتیجه خشن به نظر می‌رسد، راه‌حل منبعی بزرگ‌تر است، نه تنظیمی دیگر.