IMG.DIY / إضافات / الصورة إلى SVG

الصورة إلى SVG

حوّل شعارًا مسطّحًا أو أيقونة أو رسمة خطية إلى SVG قابل للتحجيم — يُقتفى محليًا داخل متصفحك.

الصورة إلى SVG visual example
الخصوصية أولاً: لا يتم رفع أي شيء.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

الصورة إلى SVG: 1 · Choose input
1 · Choose input
الصورة إلى SVG: 2 · Adjust and process
2 · Adjust and process
الصورة إلى SVG: 3 · Download result
3 · Download result

لديك شعار أو أيقونة موجودة فقط كصورة PNG صغيرة، وتحتاجها حادة بأي حجم؟ تقتفي هذه الأداة الصورة إلى SVG — متجه مكوّن من أشكال ومسارات يتحجّم إلى أي حجم دون أن يصير ضبابيًا. اختر نمطًا من المسطّح إلى المفصّل، ونزّل ملف SVG.

يجري الاقتفاء داخل متصفحك بمحرّك imagetracer، فلا يُرفَع أي شيء. وكن صريحًا مع الحدود: يتألّق في الشعارات المسطّحة والأيقونات والفن الخطي. أما الصور الفوتوغرافية فتُقتفى أيضًا لكنها تنتج ملفات ضخمة متكتّلة — للصور تريد صيغة نقطية، لا SVG.

طريقة الاستخدام

  1. أضف صورةأفلِت شعار أو أيقونة أو رسمة PNG أو JPG.
  2. اختر نمطًامسطّح/شعار، أو مفصّل، أو مُبوستَر، أو أبيض وأسود — تتحدّث المعاينة حيًا.
  3. نزّل SVGاحفظ المتجه، جاهزًا للتحجيم إلى أي حجم.

تتبع هذه الأداة صورة نقطية — PNG أو JPG — إلى SVG متّجه، مباشرةً في متصفحك. تقرأ الصورة عن Canvas على جهازك وتستخدم محرك imagetracer للعثور على الأشكال داخلها، راسمةً مسارات متّجهة حول كل منطقة لون. الغاية من بلوغ ذلك أن SVG مصنوع من هندسة، لا بكسلات، فيبقى حادًّا تمامًا سواء أكان favicon أم لوحة إعلانات، بينما يشوّش PNG لحظة تكبيره. أفلِت صورة، اختر نمطًا مسبقًا، قارن معاينة قبل/بعد، ونزّل SVG.

إنها بارعة حقًّا مع المدخلات المسطحة نظيفة الحواف: الشعارات، والأيقونات، والرسوم التوضيحية البسيطة، وفن الخطوط، والخط اليدوي. لتلك لوحة ألوان صغيرة وحواف محدّدة، وهو بالضبط ما يقرأه المتتبّع جيدًا، فتحصل على SVG أنيق قابل للتحرير من حفنة أشكال. توجّه الإعدادات المسبقة النتيجة — يبقي «مسطح/شعار» الألوان منخفضة، و«مفصّل» يسمح بأكثر، و«مُدرَّج» يقسّم الصورة إلى ألوان مسطحة جريئة، و«أبيض وأسود» يختزلها إلى درجتين. كل شيء يجري محليًّا: لا يُرفع شيء، ولا حساب، وتظل تعمل دون اتصال بمجرد تحميلها. هذا تتبّع حقيقي، لا إعادة رسم بالذكاء الاصطناعي — يتبع بكسلاتك بدلًا من اختراع صورة أنظف.

فيمَ يستخدمها الناس

حوّل شعار PNG مسطحًا إلى SVG يبقى حادًّا من favicon إلى لوحة إعلانات

حوّل أيقونة بسيطة أو رسم فن خطوط إلى متّجه لتعيد تلوينه لاحقًا

تتبّع خطًّا يدويًّا أو مخطط توقيع إلى شكل متّجه قابل للتحرير

تتبّع علامة من لونين أو ثلاثة للطباعة، حيث تهم الحواف الحادة عند أي حجم

أدخِل رسمًا توضيحيًّا إلى SVG ليتقيّس بنظافة على الشاشات عالية الدقة

أعِد بناء شعار صغير مشوّش كمسارات متّجهة تنظّفها في محرّر

الفرق بين صورة لشكل والشكل نفسه

ملف PNG أو JPG شبكة بكسلات. كبّره فوق حجمه الأصلي فتظهر الشبكة: تتحوّل الحوافّ إلى درجات سُلَّم، ويصبح شعار حادّ ناعمًا، ولا شيء يستطيع المتصفح فعله لأن التفصيل لم يكن هناك قط. الـ SVG يخزّن شيئًا آخر تمامًا — الهندسة الفعلية. الدائرة موصوفة كدائرة، والمنحنى كمسار، والتعبئة كلون. ولأن الأشكال رياضيات لا بكسلات، تُعاد رسمها حادّة بأي حجم. لهذا شعار تخطّط لوضعه على بطاقة عمل، ولوحة إعلانية، وfavicon، يريد فعلًا أن يكون SVG: ملف واحد، بلا ضبابية، بكل مقياس.

تحوّل هذه الأداة صورة نقطية إلى ذلك النوع من الملفات المتّجهة، وتفعل كل ذلك في متصفحك. تختار PNG أو JPG، فتتبع الأشكال بمحرِّك imagetracer، وتحصل على SVG. تُقرأ الصورة عن canvas على جهازك — لا يُرفع أي شيء، لا حساب، وبمجرد تحميل الصفحة تواصل العمل مع إيقاف الشبكة. الصورة التي تُفلِتها لا تغادر جهازك أبدًا.

فيمَ هي جيدة فعلًا

يتألّق التتبّع حين يكون المدخل مسطّحًا حادّ الحوافّ: شعار، أو أيقونة، أو رسم بسيط، أو فنّ خطّي، أو قطعة خطّ يدوي. لهذه عدد صغير من الألوان الصلبة وحدود واضحة، وهو بالضبط ما يقرؤه المتتبِّع جيدًا. يجد كل منطقة لون، ويرسم مسارًا حولها، والنتيجة SVG أنيق بحفنة أشكال — ملف صغير، حوافّ حادّة، سهل التحرير بعدها.

توجّه الإعدادات الجاهزة كيف يقرأ المتتبِّع صورتك. Flat / logo يُبقي عدد الألوان منخفضًا والأشكال بسيطة، أفضل لعلامة بلونين أو ثلاثة. Detailed يسمح بألوان أكثر ومسارات أدقّ لرسوم تحمل فروقًا أكثر. Posterized يطوي الصورة إلى شرائط مسطّحة جريئة، مظهر ملصق رسومي. Black & white يقلّص كل شيء إلى نغمتين، مثالي للفنّ الخطّي والأختام والظلال. ألوان أقلّ تعني ملفًا أصغر أنظف؛ وألوان أكثر تلتقط الدقّة لكنها تضيف مسارات ووزنًا. يستحقّ تجربة إعدادين على الصورة ذاتها والمقارنة — تُظهر معاينة قبل/بعد الأصل والتتبّع جنبًا إلى جنب فتحكم قبل التنزيل.

التحفّظ الصادق بشأن الصور

الصورة الفوتوغرافية ستُتبَّع، لكنك على الأرجح لا تريد ذلك. للصورة آلاف الألوان المختلفة قليلًا ولا حوافّ حادّة — على المتتبِّع تقريب كل ذلك ببقع مسطّحة متراكمة متداخلة من اللون. الـ SVG الذي يخرج ضخم (غالبًا أكبر بكثير من JPG الأصلي)، ويبدو ملطَّخًا ومُبقَّعًا لا فوتوغرافيًا، وتحريره بائس. لأي شيء متّصل النغمة — أشخاص، مناظر، تصوير منتجات — الصيغة النقطية هي الجواب الصحيح، وهناك أدوات ضغط ومحوِّلات لذلك. SVG للأشكال، لا للصور. لن تمنعك هذه الأداة من تتبّع صورة، لكن المعاينة ستجعل المشكلة واضحة.

أمر آخر يستحقّ الوضوح: هذا تتبّع حقيقي. يقرأ البكسلات التي أعطيته ويرسم مسارات متّجهة تتبعها. ليس ذكاءً اصطناعيًا يعيد رسم أو "تنظيف" شعارك إلى شيء جديد. إن كان المصدر ضبابيًا، أو منخفض الدقّة، أو صاخبًا، يرث التتبّع ذلك — مدخل نظيف حادّ قليل الألوان يمنح نتيجة نظيفة، والفوضوي يمنح مسارات فوضوية.

أعد التلوين والتحرير بعد التتبّع

لأن المُخرَج SVG عادي مصنوع من مسارات وتعبئات مسمّاة، فلست عالقًا مع الألوان التي أنتجها التتبّع. افتح الملف في محرِّر متّجهات — Illustrator، أو Inkscape، أو Figma، أو حتى محرِّر نصّ — وتستطيع إعادة تلوين منطقة كاملة بتغيير تعبئة واحدة، أو دفع مسار، أو حذف شكل شارد التقطه المتتبِّع، أو ضبط الألوان على HEX علامتك بالضبط. تلك الميزة الحقيقية لجلب شعار إلى صيغة متّجهة: يتوقّف عن كونه صورة ثابتة ويصبح كائنًا قابلًا للتحرير تملكه، بأي حجم، بلا ضبابية.

لماذا IMG.DIY

نقطية ← متجهية

يحوّل PNG/JPG إلى مسارات SVG قابلة للتحجيم.

إعدادات نمط مسبقة

مسطّح، مفصّل، مُبوستَر، أو أبيض وأسود.

يتحجّم بنظافة

حاد بأي حجم، بخلاف الصورة النقطية الممطّطة.

خاص

يُقتفى محليًا — ولا يُرفَع أبدًا.

الأسئلة الشائعة

ما الصور التي تعمل أفضل ما يكون؟
الشعارات المسطّحة والأيقونات والرسوم البسيطة والفن الخطي. الألوان الأقل والحواف النظيفة تعطي ملفات SVG نظيفة ومدمجة.
لماذا تصنع صورتي الفوتوغرافية ملف SVG ضخمًا؟
الصور الفوتوغرافية تحوي آلاف المناطق اللونية الدقيقة، فيخلق الاقتفاء عددًا هائلًا من المسارات. SVG هي الصيغة الخاطئة للصور — أبقِ تلك بصيغة JPG/PNG.
هل يمكنني إعادة تلوين SVG لاحقًا؟
نعم. الناتج مسارات SVG قياسية، فيمكنك فتحه في محرّر متجهات وتغيير التعبئة والأحجام والألوان.
هل تُرفَع صورتي؟
لا. يجري الاقتفاء بالكامل داخل متصفحك؛ والصورة لا تغادر جهازك أبدًا.
أي نوع صورة يعطي أفضل تتبّع؟
شيء مسطح نظيف الحواف بعدد صغير من الألوان الصلبة — شعار، أو أيقونة، أو رسم توضيحي بسيط، أو فن خطوط. يعثر المتتبّع على كل كتلة لون ويرسم مسارًا محكمًا حولها، فمصدر حاد عالي الدقة بألوان قليلة يعطي SVG صغيرًا حادًّا. أما التدرّجات الناعمة والتفاصيل المزدحمة فتربكه وتضيف فوضى.
لماذا يصنع تتبّع صورة فوتوغرافية ملفًّا ضخمًا هكذا؟
للصورة الفوتوغرافية آلاف الألوان المختلفة بدقّة وبلا حواف حادة، فيتعيّن على المتتبّع تقريبها كلها بكتل متراكمة متداخلة من لون مسطح. يُنتج ذلك SVG أكبر بكثير من JPG الأصلي، يبدو ملطّخًا لا فوتوغرافيًّا. للصور الفوتوغرافية، أبقِ صيغة نقطية واضغطها — SVG للأشكال، لا للتدرّج المتصل.
هل يمكنني تغيير الألوان بعد التتبّع؟
نعم. الناتج SVG عادي مصنوع من مسارات وتعبئات مسمّاة، فافتحه في محرّر متّجهات كـ Illustrator أو Inkscape أو Figma وغيّر لون منطقة كاملة بتحرير تعبئة واحدة. يمكنك ضبط قيم hex الدقيقة لعلامتك، أو حذف أشكال شاردة التقطها التتبّع، أو دفع المسارات — التتبّع نقطة انطلاق، لا نتيجة مقفلة.
هل تُرفع صورتي إلى أي مكان؟
لا. يجري التتبّع كله في متصفحك — تُقرأ الصورة عن Canvas على جهازك ولا تغادره أبدًا. لا حساب ولا خادم، وبمجرد تحميل الصفحة تعمل مع إطفاء الشبكة، وهو أمر يستحق العناء لشعار تفضّل ألا ترسله لأحد.

أدوات ذات صلة

أدلة ونصائح