تحويل ICO إلى SVG Icon ↔ Scalable Vector Graphics مجاناً عبر الإنترنت آمن
أفلِت ملف ICO وخذ ملف SVG. أنت تقرّر مصير الصور: أتصير أشكالاً أم تبقى كما جاءت تماماً — وثمن كل اختيار مكتوب أدناه، قبل أن تنفق عليه وقتك.
حوِّل ملفك
أفلِت هنا ملف ICO، أو اختر واحداً.
ملفك لا يغادر هذا الجهاز. كل شيء يعمل داخل متصفحك.
لا رفع لأي ملف
بمَ يختلف المتجه
ملف SVG ليس صورة؛ بل هو جملةُ تعليماتٍ لرسم صورة: دائرةٌ نصف قطرها كذا هنا، وخطٌّ من هنا إلى هناك، وهذا الشكل ممتلئٌ بذلك اللون. وقد صار معياراً للوِب سنة 2001، ولأنه يحفظ الرسم لا النتيجة، فإن الملف نفسه الذي يرسم أيقونةً من ستة عشر بكسلاً يمكن أن تُطبَع منه لوحةُ إعلانٍ كبيرة. أما PNG أو JPEG فيحفظ العكس: شبكةً جاهزة من نقاطٍ ملوَّنة، بلا أي ذاكرةٍ لما رسمها. وهذا اللاتناظر هو الذي يقرر كل شيءٍ في هذه الصفحة. فالذهاب من المتجه إلى النقطي ليس إلا رسمَ التعليمات بالمقاس المختار؛ أما العكس فهو التتبّع — برنامجٌ ينظر في شبكة نقاطٍ ويخمّن أي الأشكال قد أنتجها.
أين تصادفها
الشعاراتُ والأيقوناتُ والخرائطُ والرسومُ التوضيحية والبيانية تعيش بصيغة SVG، لأنها يجب أن تبقى مقروءةً بأي مقاس، وكثيراً ما يلزم تغيير ألوانها. ومنها تُصنَع أيقوناتُ المواقع وأيقوناتُ التطبيقات. وأما الاتجاه العكسي فللحظة التي يجب أن يصير فيها المتجهُ صورةً مسطحة: برنامجُ بريدٍ لا يعرض SVG، ومعاينةٌ في شبكةٍ اجتماعية، ومستندٌ سيطبعه من برمجياتُه أقدم من برمجياتك، ونموذجُ رفعٍ لا يقبل إلا الصور الفوتوغرافية.
أسئلة متكررة
تتبّعتُ صورةً فوتوغرافية فجاءت النتيجة فظيعة. لماذا؟
لأن التتبّع لم يُقصَد به يوماً الصورُ الفوتوغرافية. فهو يعمل بأن يجد مناطق متقاربة اللون ويرسم حول كل واحدةٍ حدّاً، وهذا يناسب الرسم المسطح — شعاراً أو قالباً أو رسماً بالخطوط — ويتعثر في الصورة الفوتوغرافية، حيث تذوب كل منطقةٍ في التي تليها شيئاً فشيئاً. فيضطر المتتبّع إلى اختراع حدٍّ حيث لا حدّ، فيخرج إما لطخاتٌ كالملصقات من مساحاتٍ مسطحة، وإما ملفٌّ فيه عشرات الآلاف من الأشكال الدقيقة. أما الصور الفوتوغرافية فأبقِها نقطية.
لماذا يبدو ملف SVG عندي مختلفاً في برنامجٍ آخر؟
الخطوط في الغالب. فملف SVG الذي فيه نصٌّ يستدعي خطاً باسمه ويفترض أن الجهاز الذي يفتحه يملكه؛ فإن لم يملكه وُضع غيره وانزاح الترتيب. والعلاج أن تحوّل النص إلى مخططاتٍ قبل التصدير، فيصير كل حرفٍ شكلاً ويبدو الملف واحداً في كل مكان — بثمنٍ هو أن النص لم يعد قابلاً للتحرير ولا للتحديد. والمؤثرات المتقدمة كالمرشّحات وأنماط المزج هي المصدر المعتاد الآخر للاختلاف.
أيفقد الملف شيئاً من جودته؟
ذلك بحسب ما يسع الصيغتين أن تحملاه. فالتحويل بين صيغتين تحفظان الشيء نفسه — من PNG إلى BMP، ومن WAV إلى FLAC — لا يفقد شيئاً. أما التحويل إلى صيغةٍ تطرح المعلومات توفيراً للمساحة، كـJPEG أو MP3، فيفقد قليلاً في كل مرة، والعودة لا تردّ ما ذهب. وحيث يوجد خيار، تميل هذه الصفحة إلى حفظ الجودة الأصلية لا إلى إخراج أصغر ملف.
هل يُرفَع ملفي إلى مكانٍ ما؟
لا. يجري التحويل داخل متصفحك، على جهازك أنت؛ فالملف لا يغادره قط، وليس هنا خادمٌ أصلاً يستقبله. ولهذا كان الذي يحدّ الملفَّ الكبير ذاكرتَك أنت لا عمليةَ رفع، ولهذا لا يمكن لشيءٍ تحوّله أن يظهر في سجلات أحد — ولا في سجلاتنا. أما أدوات الصوت والصورة فتجلب محرّك التحويل من هذا الموقع في أول استعمال — نحو ثلاثين ميغابايت، مرةً واحدة؛ وبعدها يبقى العمل كلّه على جهازك.
لماذا يحوّل الناس 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 بكسل، فليس هناك الكثير لتتبعه. وإذا بدت النتيجة خشنة فالجواب مصدر أكبر لا إعداد مختلف.