تحويل SVG إلى PNG Scalable Vector Graphics ↔ Portable Network Graphics مجاناً عبر الإنترنت آمن
ملف SVG ليس صورة، بل تعليمات لرسم واحدة. تُنفَّذ هنا مرة واحدة، بالمقاس الذي تختاره، ويُحفظ الناتج بصيغة PNG. يجري الرسم في حيّز معزول لا يستطيع شيء في الملف أن يُنفَّذ داخله، ولا يُرفع شيء.
حوِّل ملفك
أفلت ملف SVG هنا، أو اختر واحداً.
ملفك لا يغادر هذا الجهاز. كل شيء يعمل داخل متصفحك.
لا رفع لأي ملف
بمَ يختلف المتجه
ملف SVG ليس صورة؛ بل هو جملةُ تعليماتٍ لرسم صورة: دائرةٌ نصف قطرها كذا هنا، وخطٌّ من هنا إلى هناك، وهذا الشكل ممتلئٌ بذلك اللون. وقد صار معياراً للوِب سنة 2001، ولأنه يحفظ الرسم لا النتيجة، فإن الملف نفسه الذي يرسم أيقونةً من ستة عشر بكسلاً يمكن أن تُطبَع منه لوحةُ إعلانٍ كبيرة. أما PNG أو JPEG فيحفظ العكس: شبكةً جاهزة من نقاطٍ ملوَّنة، بلا أي ذاكرةٍ لما رسمها. وهذا اللاتناظر هو الذي يقرر كل شيءٍ في هذه الصفحة. فالذهاب من المتجه إلى النقطي ليس إلا رسمَ التعليمات بالمقاس المختار؛ أما العكس فهو التتبّع — برنامجٌ ينظر في شبكة نقاطٍ ويخمّن أي الأشكال قد أنتجها.
أين تصادفها
الشعاراتُ والأيقوناتُ والخرائطُ والرسومُ التوضيحية والبيانية تعيش بصيغة SVG، لأنها يجب أن تبقى مقروءةً بأي مقاس، وكثيراً ما يلزم تغيير ألوانها. ومنها تُصنَع أيقوناتُ المواقع وأيقوناتُ التطبيقات. وأما الاتجاه العكسي فللحظة التي يجب أن يصير فيها المتجهُ صورةً مسطحة: برنامجُ بريدٍ لا يعرض SVG، ومعاينةٌ في شبكةٍ اجتماعية، ومستندٌ سيطبعه من برمجياتُه أقدم من برمجياتك، ونموذجُ رفعٍ لا يقبل إلا الصور الفوتوغرافية.
أسئلة متكررة
تتبّعتُ صورةً فوتوغرافية فجاءت النتيجة فظيعة. لماذا؟
لأن التتبّع لم يُقصَد به يوماً الصورُ الفوتوغرافية. فهو يعمل بأن يجد مناطق متقاربة اللون ويرسم حول كل واحدةٍ حدّاً، وهذا يناسب الرسم المسطح — شعاراً أو قالباً أو رسماً بالخطوط — ويتعثر في الصورة الفوتوغرافية، حيث تذوب كل منطقةٍ في التي تليها شيئاً فشيئاً. فيضطر المتتبّع إلى اختراع حدٍّ حيث لا حدّ، فيخرج إما لطخاتٌ كالملصقات من مساحاتٍ مسطحة، وإما ملفٌّ فيه عشرات الآلاف من الأشكال الدقيقة. أما الصور الفوتوغرافية فأبقِها نقطية.
لماذا يبدو ملف SVG عندي مختلفاً في برنامجٍ آخر؟
الخطوط في الغالب. فملف SVG الذي فيه نصٌّ يستدعي خطاً باسمه ويفترض أن الجهاز الذي يفتحه يملكه؛ فإن لم يملكه وُضع غيره وانزاح الترتيب. والعلاج أن تحوّل النص إلى مخططاتٍ قبل التصدير، فيصير كل حرفٍ شكلاً ويبدو الملف واحداً في كل مكان — بثمنٍ هو أن النص لم يعد قابلاً للتحرير ولا للتحديد. والمؤثرات المتقدمة كالمرشّحات وأنماط المزج هي المصدر المعتاد الآخر للاختلاف.
أيفقد الملف شيئاً من جودته؟
ذلك بحسب ما يسع الصيغتين أن تحملاه. فالتحويل بين صيغتين تحفظان الشيء نفسه — من PNG إلى BMP، ومن WAV إلى FLAC — لا يفقد شيئاً. أما التحويل إلى صيغةٍ تطرح المعلومات توفيراً للمساحة، كـJPEG أو MP3، فيفقد قليلاً في كل مرة، والعودة لا تردّ ما ذهب. وحيث يوجد خيار، تميل هذه الصفحة إلى حفظ الجودة الأصلية لا إلى إخراج أصغر ملف.
هل يُرفَع ملفي إلى مكانٍ ما؟
لا. يجري التحويل داخل متصفحك، على جهازك أنت؛ فالملف لا يغادره قط، وليس هنا خادمٌ أصلاً يستقبله. ولهذا كان الذي يحدّ الملفَّ الكبير ذاكرتَك أنت لا عمليةَ رفع، ولهذا لا يمكن لشيءٍ تحوّله أن يظهر في سجلات أحد — ولا في سجلاتنا. أما أدوات الصوت والصورة فتجلب محرّك التحويل من هذا الموقع في أول استعمال — نحو ثلاثين ميغابايت، مرةً واحدة؛ وبعدها يبقى العمل كلّه على جهازك.
لماذا يحوّل الناس SVG إلى PNG
ملف SVG ليس صورة. إنه مجموعة تعليمات لرسم صورة: ارسم دائرة هنا، ومنحنى هناك، واملأ هذا الشكل بذلك اللون، واكتب هذه الكلمة بذلك الخط. ولأنه تعليمات لا بكسلات، يمكن عرض SVG بأي حجم دون أن يصبح ضبابياً، وهذا يجعله الصيغة المفضلة للشعارات والأيقونات والرسوم البيانية والرسوم التوضيحية. لكن قدراً مدهشاً من البرامج لا يستطيع اتباع تلك التعليمات. فبرامج البريد والشبكات الاجتماعية وكثير من نماذج الرفع وأدوات العروض والمحررات الأقدم تريد صورة مصنوعة من بكسلات. ولهذا يحوّل الناس SVG إلى PNG: فلديهم رسم ويحتاجون إليه بالصيغة التي يقبلها كل شيء.
PNG هي الخيار الطبيعي لهذه المهمة. فهي تحفظ كل بكسل تماماً كما رُسم وتحفظ الشفافية، فيبقى الشعار بلا خلفية شعاراً بلا خلفية. وتفهمها كل المتصفحات والمحررات وبرامج المكتب والهواتف. وبالنسبة إلى SVG معظمه لون مسطح وحواف حادة، فإن PNG هي الصيغة التي تعيد إنتاجه بأمانة.
تحوّل هذه الصفحة SVG إلى PNG في متصفحك. تُتَّبع التعليمات في ملفك مرة واحدة، بالحجم الذي تختاره، وتُحفظ النتيجة بصيغة PNG. ويُعرض الرسم في بيئة معزولة لا يمكن لأي شيء في الملف أن يعمل فيها، ولا يُرفع شيء. ستجد في الأسفل كيف يعمل ذلك، وما الذي يُحفظ، وما الحد الوحيد المهم، وكيف تختار الحجم.
كيف يعمل التحويل
تُتَّبع التعليمات مرة واحدة
يُفتح SVG داخل متصفحك، الذي يفعل ما يفعله دائماً بملفات SVG: يتبع تعليمات الرسم ويطلي النتيجة. ثم تُلتقط تلك الصورة المرسومة بالحجم الذي تختاره وتُحفظ بصيغة PNG. وتجري العملية على جهازك، فلا شيء ينتظر ولا شيء يُحذف بعد ذلك.
بيئة معزولة لا يعمل فيها شيء
يمكن لملف SVG، من حيث المبدأ، أن يحتوي على سكربتات وإشارات إلى أشياء أخرى. ولكي لا يكون ذلك خطراً أبداً، يُعرض الرسم في بيئة معزولة لا يمكن لأي شيء في الملف أن يعمل فيها. وتُرسم الأشكال وحدها. وهذا آمن حتى للملفات التي نزّلتها من مكان لا تثق به تماماً.
أنت تختار الحجم
لأن SVG لا بكسلات له، أنت تقرر كم سيكون في PNG. اختر عرضاً، فيتبعه الارتفاع من نسب العمل الفني. والحجم الأكبر يعطي صورة أحدّ وملفاً أثقل.
ما الذي يُحفظ
كل شكل كما رُسم
يُحفظ كل شكل كما رُسم: المنحنيات والتعبئات والخطوط والتراص. وPNG صورة أمينة لما يبدو عليه SVG في متصفح.
نسب العمل الفني نفسه
تُحفظ نسب الرسم، فلا يُمدَّد ولا يُضغط. وإذا كان SVG أعرض مرتين من ارتفاعه، فكذلك PNG.
الشفافية
تُحفظ الشفافية. والمناطق في SVG التي لا تعبئة فيها تبقى شفافة في PNG، وهذا بالضبط ما تريده لشعار أو أيقونة ستوضع على خلفية ملونة.
ما ينبغي أن تعرفه قبل أن تحوّل SVG إلى PNG
PNG حجم واحد إلى الأبد
PNG حجم واحد إلى الأبد، وهذا ما لم يكن عليه SVG. وهذا أهم ما في الصفحة. فإذا اخترت حجماً صغيراً وأردت لاحقاً حجماً كبيراً، فإن تكبير PNG سيجعلها ضبابية. ولذلك اختر أكبر حجم ستحتاج إليه على الإطلاق. فمن الأسهل بكثير تصغير صورة كبيرة من العكس، ويمكنك دائماً الاحتفاظ بـ SVG للاستخدام المستقبلي.
الخطوط والصور من الخارج لا تُحَل
الخطوط والصور التي يسحبها SVG من مكان آخر لا تُحَل في البيئة المعزولة التي يُرسم فيها. فإذا كان النص في رسمك مضبوطاً بخط ويب يحمّله الملف من خادم، فسيعود إلى خط نظام في PNG، وسيتغير مظهر الكتابة. وإذا أشار SVG إلى صورة مخزنة خارج الملف، فستكون تلك الصورة مفقودة. وللحصول على أفضل النتائج استخدم ملفات SVG حُوّلت فيها الخطوط إلى مخططات وضُمّنت الصور.
حجم الملف يعتمد على الصورة
الشعار البسيط يصنع PNG صغيرة جداً. والرسم التوضيحي المفصل بحجم كبير يصنع ثقيلة. فإذا كانت النتيجة أكبر من اللازم لغرضك، فقلّل الحجم أو مرّرها عبر ضغط PNG.
كيف تحوّل SVG إلى PNG هنا
أضف رسمك
أفلت SVG على الصفحة أو اخترْه من جهازك. يُقرأ داخل متصفحك ولا يُرفع.
اختر الحجم
اختر عرض PNG. فكّر في أكبر مكان ستُستخدم فيه الصورة، واختر ذلك الحجم.
حوّل ونزّل
اضغط الزر ونزّل PNG. افتحها، وانظر إلى الحواف والنص، وتحقق من أن المناطق الشفافة ما زالت شفافة.
نظرة أقرب إلى SVG وPNG
متجه ونقطي
SVG صيغة متجهة: تخزن أشكالاً وقواعد رسمها. وPNG صيغة نقطية: تخزن شبكة من النقاط الملونة. ويمكن تحجيم المتجه إلى أي حجم، لأن الأشكال تُعاد رسمها في كل مرة. أما النقطية فلها عدد ثابت من النقاط، وتكبيرها يجعل النقاط أكبر فقط. وتحويل SVG إلى PNG هو الانتقال من القواعد إلى شبكة ثابتة، واختيار الشبكة لك.
لماذا PNG وليس JPG
بالنسبة إلى رسم، PNG هي الجواب الأفضل في الغالب. فهي تُبقي الحواف الحادة نظيفة وتحفظ الشفافية. أما JPG فتلين الألوان المسطحة والحواف وليس فيها شفافية. وإذا كان شيء لا يقبل إلا JPG فاستخدم من SVG إلى JPG؛ وإلا فالتزم بـ PNG.
الدقة والشاشات
تعرض الشاشات الحديثة الصور غالباً بكثافة ضعف أو ثلاثة أضعاف الأقدم. فإذا كانت PNG ستظهر على شاشات كهذه بحجم معين على الصفحة، فاجعلها أعرض مرتين من ذلك الحجم، وستبدو حادة.
حالات شائعة بالتفصيل
شعارات للبريد والشبكات الاجتماعية
كثير من برامج البريد والمنصات الاجتماعية لا يقبل SVG. حوّل SVG إلى PNG بالحجم الذي يطلبونه، فيمر شعارك بخلفيته الشفافة.
صور للمستندات والعروض
تختلف برامج المكتب في مدى جودة تعاملها مع SVG. أما PNG فتعمل دائماً. وإذا كان الرسم سيُعرض بجهاز عرض فاختر حجماً سخياً ليبقى حاداً على شاشة كبيرة.
أيقونات للتطبيقات والمواقع
مجموعة أيقونات مرسومة بصيغة SVG تحتاج غالباً إلى نسخ PNG لأماكن لا تقرأ المتجهات. اصنعها بالأحجام المطلوبة، وأبقِ SVG الأصل.
مخططات ورسوم
الأدوات التي تصدّر المخططات بصيغة SVG تتركك بملف ترفضه بعض الأنظمة. ويمكن وضع PNG للمخطط في تقرير أو صفحة ويب أو رسالة دون عناء.
نصائح عملية قبل أن تحوّل SVG إلى PNG
افحص كيف يبدو SVG في متصفح
افتح SVG في متصفح أولاً. فما تراه هناك هو ما ستُظهره PNG. وإذا كان النص يستخدم خطاً غير موجود على نظامك، فتوقع الاستبدال نفسه في PNG.
حوّل النص إلى مخططات للدقة
إذا كانت الكتابة الدقيقة مهمة، فحوّل النص في برنامج الرسم إلى مخططات قبل أن تحفظ SVG. فتصبح الحروف أشكالاً، ولا حاجة إلى خط لرسمها.
ضمّن الصور
إذا كان SVG يتضمن صوراً، فضمّنها في الملف ولا ترتبط بها. فالبيئة المعزولة لا تستطيع العثور على صورة مرتبطة.
اختر الحجم مع التفكير في المستقبل
فكّر في أين أيضاً قد تُستخدم الصورة. فحجم يكفي لملصق يصلح أيضاً لصفحة ويب. أما حجم صُنع لأيقونة صغيرة فلا فائدة منه في أي مكان آخر.
أسئلة يطرحها الناس قبل التحويل
أي حجم أختار؟
الأكبر الذي ستحتاج إليه. يمكنك دائماً تصغير PNG، لكن لا يمكنك تكبيرها دون ضبابية.
هل ستبقى الشفافية؟
نعم. فالخلفية الشفافة في SVG شفافة في PNG.
لماذا يبدو نصي مختلفاً؟
لأن الخط حُمّل من مكان آخر ولم يُحَل في البيئة المعزولة. وحل محله خط نظام. حوّل النص إلى مخططات في الأصل لتتجنب ذلك.
لماذا الصورة المرتبطة مفقودة؟
الصور المسحوبة من خارج الملف لا تُحَل. ضمّنها في SVG.
هل يُرفع ملفي؟
لا. يعمل التحويل في متصفحك ولا يغادر الملف جهازك أبداً.
هل أستطيع العودة إلى متجه؟
فقط بالتتبع. فـ من PNG إلى SVG يحوّل صورة إلى أشكال، لكنه تخمين لا استرداد. احتفظ بـ SVG الأصلي.
الاختيار بحكمة حين تحوّل SVG إلى PNG
قرّر الوجهة
صفحة الويب تحتاج إلى حجم معتدل. والطباعة تحتاج إلى حجم كبير. والأيقونة تحتاج إلى حجم صغير بسيط. طابق PNG مع المكان.
قارن بالخيارات الأخرى
لـ favicon، يصنع من SVG إلى ICO ملفاً بعدة أحجام في واحد. ولمستند يبقى حاداً عند أي تكبير، يحافظ من SVG إلى PDF على الرسم رسماً.
احتفظ بـ SVG
SVG هو الأصل. ويمكن تحويله إلى أي حجم وأي صيغة متى احتجت. احتفظ به بأمان.
الحصول على نتيجة جيدة بعد التحويل
افحص الحواف
كبّر على المنحنيات والخطوط القطرية. ينبغي أن تكون ناعمة. فإذا بدت مسننة، فقد كان الحجم صغيراً جداً للاستخدام، وحجم أكبر سيساعد.
افحص على خلفية ملونة
ضع PNG على اللون الذي ستظهر عليه. فقد تكشف الحواف الشفافة هدباً خافتاً إذا كان في الأصل ظلال ناعمة، ومن الأفضل أن تكتشف ذلك الآن.
خفّفها عند الحاجة
إذا كان الملف ثقيلاً، فإن ضغط PNG يقلل وزنه دون تغيير ملحوظ في المظهر.
الاستفادة القصوى حين تحوّل SVG إلى PNG
جهّز SVG قبل أن تحوّل SVG إلى PNG
بضع دقائق من العناية في الأصل توفر كثيراً من المتاعب لاحقاً. تأكد من أن للرسم حجماً مناسباً أو مربع عرض، وحوّل النص إلى مخططات، وضمّن أي صور، وأزل الطبقات المخفية التي لا تريد ظهورها. فـ SVG نظيف يعطي PNG نظيفة، ولن تحتاج إلى إجراء التحويل مرتين.
اصنع عدة أحجام في جلسة واحدة
إذا احتجت إلى شعار بعدة عروض مختلفة، فحوّل SVG إلى PNG مرة لكل عرض، وسمِّ الملفات بعرضها. نسخة صغيرة للتذييل ومتوسطة للصفحة وكبيرة للطباعة تغطي معظم الحاجات، وجاهزيتها تعفيك من العودة لكل طلب.
فكّر في الخلفية
لأن PNG تحفظ الشفافية، سيتخذ الشعار لون ما خلفه. فشعار داكن على صفحة داكنة يختفي. افحص PNG على خلفيتين فاتحة وداكنة، وإذا كان الشعار يحتاج إلى نسخة لكل منهما، فاصنع ملفي SVG بلونين مختلفين وحوّل SVG إلى PNG للاثنين.
اجعل الأسماء ذات معنى
استخدم اسماً يقول ما الصورة وما حجمها، مثل logo-1600. وحين تجد الملف بعد سنة في مجلد ممتلئ بالصور، ستعرف فوراً أيها هو.
الخصوصية والمعالجة
لماذا يهم التحويل المحلي للرسوم
قد تكون الشعارات والمخططات والتصاميم سرية قبل نشرها. وكثير من المحوّلات عبر الإنترنت ترفع ملفك إلى خادم وتعالجه وتعيد النتيجة، ولبعض الوقت تعيش نسخة على جهاز لا تتحكم فيه. أما هنا فمتصفحك هو الذي يقوم بالعمل، فيبقى الرسم على جهازك.
ما يحدث عند المغادرة
حين تغلق الصفحة تختفي الصورة المحوّلة من المتصفح، فنزّلها أولاً. ولا يُحتفظ بشيء عن رسمك.
إذا حدث خطأ
الصورة تخرج فارغة
قد يفتقر SVG إلى حجم أو مربع عرض. افتحه في محرر نصوص وتحقق من أن فيه عرضاً وارتفاعاً أو مربع عرض، أو أصلحه في برنامج الرسم.
الصورة مقطوعة
في بعض ملفات SVG عناصر تمتد خارج منطقتها المعلنة. عدّل مربع العرض في الأصل بحيث يتسع كل شيء.
الصفحة تتجمد مع حجم كبير جداً
يعمل كل شيء على جهازك، وصورة ضخمة تحتاج إلى ذاكرة. اختر حجماً أصغر، أو استخدم حاسوباً.
أدوات ذات صلة
تغطي عائلة الأدوات نفسها المهام المجاورة. وللحصول على JPG استخدم من SVG إلى JPG. ولـ favicon أو أيقونة تطبيق فإن من SVG إلى ICO هي الجواب، ولمستند يبقى حاداً عند أي تكبير من SVG إلى PDF. ولتتبع صورة إلى أشكال، تذهب من PNG إلى SVG في الاتجاه الآخر. ومتى حصلت على PNG، تجعلها من PNG إلى WebP أخف للويب، وتصنع من PNG إلى JPG ملفاً صغيراً حين لا تلزم الشفافية.
مثال محلول
لنفترض أن لديك شعار شركتك بصيغة SVG، وشبكة اجتماعية لا تقبل إلا PNG، بعرض 800 بكسل على الأقل. تفلت SVG هنا، وتختار عرض 1600 بكسل، احتياطاً، وتضغط الزر. وبعد لحظة تنزّل PNG بالنسب نفسها وحواف حادة وخلفية شفافة. ترفعها، فيظهر الشعار نظيفاً على أي لون. ويبقى SVG في مجلدك أصلاً.
قائمة تحقق قصيرة
قبل التحويل
افتح SVG في متصفح. وقرّر أكبر حجم تحتاج إليه. وتأكد من أن الخطوط محوّلة إلى مخططات والصور مضمّنة.
أثناء التحويل
ابقَ في الصفحة حتى يجهز الملف.
بعد التحويل
افتح PNG، وافحص الحواف والنص، واختبرها على الخلفية الحقيقية، واحتفظ بـ SVG.
أخطاء شائعة
اختيار حجم صغير جداً
PNG حجم واحد إلى الأبد. وتكبيرها لاحقاً يجعلها ضبابية. اختر بسخاء.
الاعتماد على خطوط وصور مرتبطة
لا تُحَل في البيئة المعزولة. حوّل النص إلى مخططات وضمّن الصور.
التخلص من SVG
احتفظ به. فهو النسخة الوحيدة التي يمكن تحجيمها بلا حد.
رسمك يبقى على جهازك
يجري التحويل محلياً. يقرأ متصفحك رسمك ويرسمه هناك ويعيده بصيغة PNG. ولا يُرفع شيء، فلا تنتهي نسخة على خادم ولا يستطيع أحد آخر رؤيته. وللتصاميم غير المنشورة، هذه هي الطريقة الآمنة لتحويل SVG إلى PNG.
الخلاصة
لتحويل SVG إلى PNG هنا، أفلت الرسم واختر حجماً واضغط الزر. SVG ليس صورة بل تعليمات لرسم صورة، وهنا تُتَّبع تلك التعليمات مرة واحدة، بالحجم الذي تختاره، وتُحفظ النتيجة بصيغة PNG. ويُعرض الرسم في بيئة معزولة لا يمكن لأي شيء في الملف أن يعمل فيها، ولا يُرفع شيء. ويُحفظ كل شكل كما رُسم، بنسب العمل الفني نفسه والشفافية. وPNG حجم واحد إلى الأبد، فاختر الأكبر الذي ستحتاج إليه، لأن تكبيرها بعد ذلك يجعلها ضبابية. والخطوط والصور التي يسحبها SVG من مكان آخر لا تُحَل، فيعود النص المضبوط بخط ويب إلى خط نظام.