تحويل SVG إلى PNG وJPG وWebP وPDF مجانًا
حوّل SVG إلى PNG أو JPG أو WebP أو PDF، واختر دقة التصدير وعدّل الألوان والخلفية، ثم حمّل النتيجة مباشرة من متصفحك.
رفع ملف SVG
حوّله إلى PNG أو JPG أو WebP أو PDF
اسحب ملف SVG إلى هنا أو استخدم زر الرفع.
حوّل SVG إلى PNG أو JPG أو WebP أو PDF، واختر دقة التصدير وعدّل الألوان والخلفية، ثم حمّل النتيجة مباشرة من متصفحك.
حوّله إلى PNG أو JPG أو WebP أو PDF
اسحب ملف SVG إلى هنا أو استخدم زر الرفع.
هل لديك شعار أو أيقونة أو رسمة بصيغة SVG وتريد استخدامها في مستند أو محرر صور أو موقع لا يقبل هذه الصيغة؟ تتيح لك أداة تحويل SVG من Imagesmint تحويل الملف إلى صورة مناسبة لاستخدامك دون الحاجة إلى إعادة رسم التصميم من البداية. ارفع الملف، واضبط خيارات الإخراج، وعاين النتيجة، ثم نزّلها بالصيغة التي تحتاج إليها.
على الرغم من أن اسم الأداة هو SVG إلى PNG، فهي تدعم أيضًا التصدير بصيغ JPG وWebP وPDF. كما يمكنك اختيار مقياس الإخراج، وتغيير لون الخلفية، وتعديل بعض ألوان SVG المكتشفة، وتقليل المساحات الفارغة، وتحسين كود SVG قبل تحويله إلى صورة.
SVG اختصار لـ Scalable Vector Graphics، وهي صيغة رسومات متجهية تصف التصميم باستخدام المسارات والأشكال والنصوص وتعليمات الرسم. وعلى خلاف صور PNG وJPG التقليدية، يمكن تكبير الرسومات المتجهية وعرضها بأحجام مختلفة دون ظهور التكسّر نفسه الذي قد تلاحظه عند تكبير صورة نقطية صغيرة.
تُستخدم SVG بكثرة في الشعارات والأيقونات والرسوم التوضيحية ومخططات المواقع. لكن بعض البرامج ونماذج رفع الملفات والمستندات والمنصات لا تتعامل معها بالطريقة نفسها التي تتعامل بها مع PNG أو JPG أو WebP. لذلك قد تحتاج إلى تحويلها إلى إحدى هذه الصيغ لاستخدام التصميم في المكان المطلوب.
تسمى هذه العملية تحويل الرسم المتجهي إلى صورة نقطية. حيث تُرسم عناصر SVG على شكل بكسلات وفق الأبعاد التي تختارها. ولهذا فإن ملف PNG أو JPG أو WebP الناتج لا يحتفظ ببنية SVG المتجهية التي تسمح بتغيير الحجم دون الاعتماد على عدد محدد من البكسلات.
تُعد PNG خيارًا مناسبًا للشعارات وأيقونات الواجهات والرسوم التي تحتاج إلى حواف واضحة أو أجزاء شفافة. وتستطيع الأداة الحفاظ على شفافية الخلفية عند اختيار PNG وتحديد الخلفية الشفافة. وهذا مفيد إذا أردت وضع شعار فوق قسم ملوّن في موقعك أو داخل عرض تقديمي أو فوق صورة أخرى.
مع ذلك، قد تكون ملفات PNG كبيرة نسبيًا عندما تكون أبعادها مرتفعة. إذا كان هدفك الأساسي تقليل حجم الصورة لاستخدامها على الويب، يمكنك بعد التصدير استخدام أداة تحويل PNG إلى WebP.
تصلح JPG عندما يتطلب الموقع أو التطبيق أو المستند صورة بصيغة JPEG. لكن JPG لا تدعم الشفافية مثل PNG. وفي التنفيذ الحالي للأداة، تُرسم الصورة على خلفية بيضاء عند اختيار JPG، لذلك لن تبقى المناطق الشفافة في ملف SVG شفافة في الملف الناتج.
اختر JPG عندما تكون الخلفية البيضاء مقبولة وتحتاج المنصة إلى هذه الصيغة تحديدًا. أما إذا كنت تريد شعارًا يظهر فوق خلفيات مختلفة دون مستطيل أبيض خلفه، فغالبًا ستكون PNG الخيار الأفضل.
WebP صيغة صور مصممة للاستخدام على الويب. ويمكن أن تكون خيارًا مفيدًا عندما تريد عرض رسمة على موقع مع الحفاظ على حجم ملف معقول. ويعتمد الحجم النهائي على طبيعة التصميم وأبعاده والشفافية وطريقة الترميز التي يدعمها المتصفح.
اختر WebP إذا كانت المنصة التي ستستخدم فيها الصورة تدعم هذه الصيغة. وإذا أردت تحويل صورة PNG موجودة لديك إلى WebP، يمكنك استخدام أداة تحويل PNG إلى WebP.
يتيح خيار PDF إنشاء مستند PDF يحتوي على الرسمة بعد تحويلها إلى صورة. وقد يفيد ذلك عندما تريد استخدام التصميم ضمن مستند بدلًا من حفظه كملف صورة منفصل.
في التنفيذ الحالي للأداة، تُدرج الرسمة داخل PDF على هيئة صورة JPEG بخلفية بيضاء. لذلك فإن ملف PDF الناتج ليس ملفًا متجهيًا يحتفظ بمسارات SVG الأصلية، كما أنه لا يحافظ على الشفافية. وإذا كنت تريد إنشاء ملف PDF من صورة واحدة أو عدة صور موجودة، يمكنك أيضًا استخدام أداة تحويل الصور إلى PDF.
يحدد مقياس الإخراج عدد البكسلات التي تنشئها الأداة مقارنةً بالأبعاد التي اكتشفتها في ملف SVG. وتوفر الواجهة أربعة اختيارات: 1× و2× و4× و8×.
رفع المقياس لا يضيف تفاصيل متجهية جديدة إلى التصميم الأصلي، بل يعيد رسم العناصر نفسها بعدد أكبر من البكسلات. ولهذا قد يكبر حجم الملف الناتج ويحتاج إلى ذاكرة ومعالجة أكبر.
يضع كود التحويل حدًا أقصى يبلغ 10,000 بكسل لكل من العرض والارتفاع. إذا تجاوز أحد البعدين هذا الحد بعد تطبيق المقياس المحدد، فلن تتم عملية الرسم بذلك الإعداد. عند التعامل مع تصميم كبير جدًا، جرّب مقياسًا أقل.
تتيح لك خيارات الخلفية اختيار اللون الذي يظهر خلف الرسمة. يمكنك استخدام منتقي الألوان، أو كتابة رمز اللون بصيغة Hex، أو الاختيار من الألوان الجاهزة. وتساعدك هذه الخيارات على مواءمة الصورة مع ألوان موقع أو مستند أو عرض تقديمي.
عند التصدير بصيغة PNG أو WebP، يمكنك أيضًا اختيار خلفية شفافة. وهذا يسمح بوضع الرسمة فوق لون أو صورة أخرى دون ظهور خلفية معتمة حولها.
أما JPG وPDF فيتم إنشاؤهما بخلفية بيضاء في التنفيذ الحالي للأداة؛ لذلك لا تعتمد عليهما إذا كنت تحتاج إلى الاحتفاظ بالشفافية. في هذه الحالة، اختر PNG أو WebP مع تحديد الخلفية الشفافة.
تحتوي بعض ملفات SVG على قيم ألوان صريحة تُستخدم في تعبئة الأشكال أو رسم الحدود أو تحديد ألوان التدرجات. يحاول قسم ألوان SVG اكتشاف بعض القيم الشائعة بصيغ Hex وRGB وRGBA، ثم يعرض أدوات لتعديل الألوان التي عثر عليها.
يمكنك اختيار لون مكتشف وتحديد لون بديل لتغيير القيم المطابقة داخل التصميم قبل تحويله. وقد يساعد ذلك عند تعديل لون شعار أو أيقونة لتتناسب مع ألوان موقعك أو مشروعك.
لكن اكتشاف الألوان لا يشمل بالضرورة كل ملفات SVG. فقد لا تظهر الألوان المكتوبة بأسماء مباشرة أو المحددة عبر متغيرات CSS أو الأنماط المعقدة أو بعض التركيبات المتقدمة. راجع المعاينة بعد التعديل، خصوصًا إذا كان الملف يستخدم تدرجات لونية أو فلاتر أو تأثيرات خاصة.
يستخدم خيار Clean & Minify مكتبة SVGO لتحسين كود SVG قبل تحويله إلى صورة. ويمكن للتحسين حذف بعض التعليمات غير الضرورية أو تبسيط أجزاء من الملف، مما قد يقلل حجم الكود. كما تعرض الأداة معلومات عن مقدار التوفير عندما تتمكن من حسابه.
لكن تقليل حجم ملف SVG الأصلي لا يعني بالضرورة أن صورة PNG أو JPG الناتجة ستكون أصغر. فحجم الصورة النهائية يعتمد أيضًا على الأبعاد والصيغة والمحتوى المرئي. لذلك من الأفضل مراجعة المعاينة بعد التحسين، لأن بعض الرسومات المعقدة قد يظهر بشكل مختلف بعد تعديل بنية الكود.
تحدد الخاصية viewBox نظام الإحداثيات والمنطقة المرئية التي يستخدمها المتصفح لعرض الرسم المتجهي. وتوفر الأداة خيار إزالة هذه الخاصية، لكن لا ينبغي اعتبار إزالتها تحسينًا ضروريًا في كل الحالات. فقد يؤثر ذلك على طريقة تحجيم الرسم أو كيفية ملاءمته لمساحة العرض، خصوصًا إذا كان الملف يعتمد عليها.
اترك هذا الخيار مغلقًا ما لم يكن لديك سبب واضح لإزالة viewBox. إذا لاحظت أن الرسم أصبح أكبر أو أصغر بشكل غير متوقع، أو ظهرت أجزاء مقصوصة، فأعد الإعداد السابق وحاول التحويل مرة أخرى.
يحاول خيار Auto-Crop تعديل viewBox ليتوافق مع حدود الرسم الظاهرة، بهدف تقليل الفراغات المحيطة به. وقد يكون ذلك مفيدًا عندما يظهر شعار أو رمز صغيرًا داخل مساحة فارغة كبيرة.
تعتمد نتيجة القص التلقائي على بنية ملف SVG وطريقة قياس المتصفح لعناصره. إذا كان التصميم يحتوي على ظلال أو فلاتر أو أقنعة أو تأثيرات تتجاوز حدود المسارات، فتحقق من النتيجة بعناية. عطّل القص التلقائي إذا لاحظت اقتطاع جزء من الرسم أو تغيّر المسافات بطريقة غير مناسبة.
إذا كنت تحتاج إلى أكثر من نسخة من الشعار أو الأيقونة، فقد يوفر لك خيار ZIP الوقت. تنشئ الأداة نسخًا بصيغتي PNG وJPG بمقاييس 1× و2× و4× و8×، بالإضافة إلى ملف SVG الذي تمت معالجته. وقد تُستبعد بعض النسخ إذا تجاوزت أبعادها حد التحويل المسموح.
من المهم معرفة أن ملف ZIP يتضمن حاليًا نسخ PNG وJPG وملف SVG المعالج، ولا يتضمن نسخ WebP أو PDF حتى لو اخترت إحدى هاتين الصيغتين في المحرر الرئيسي. إذا كنت تحتاج إلى WebP أو PDF، فنزّل هذه الصيغة بشكل منفصل باستخدام زر التحميل الرئيسي.
تعتمد عملية التحويل والرسم في هذه الأداة على JavaScript وCanvas API داخل المتصفح. تتم قراءة ملف SVG ومعالجته محليًا بدل إرسال محتوى الصورة إلى خادم مخصص للتحويل بواسطة كود المعالجة المعروض. ومع ذلك، تقوم الصفحة بتحميل مكتبات JavaScript مساعدة من شبكة توزيع محتوى خارجية.
نعم. اختر JPG من قسم صيغة الإخراج قبل التنزيل. ستستخدم النتيجة خلفية بيضاء، ولذلك لن تبقى المناطق الشفافة في ملف SVG شفافة في الصورة الناتجة.
نعم. اختر WebP من صيغ الإخراج، ثم نزّل الصورة لاستخدامها في المواقع والمشاريع التي تدعم هذه الصيغة.
نعم، بشرط ألا يتجاوز العرض أو الارتفاع الناتج 10,000 بكسل. إذا تجاوز أحد البعدين الحد المسموح، فاختر مقياسًا أقل.
قد يعتمد الملف على خطوط أو صور خارجية، أو فلاتر معقدة، أو خصائص لا يعرضها المتصفح بالطريقة نفسها. جرّب استخدام ملف مكتفٍ بذاته، وتعطيل Auto-Crop أو التحسين، ثم راجع المعاينة مجددًا.
لا. يتضمن ملف ZIP نسخ PNG وJPG بمقاييس متعددة، بالإضافة إلى ملف SVG المعالج. أما WebP وPDF فيجب تنزيلهما بشكل منفصل.
اختر PNG أو WebP، ثم حدد الخلفية الشفافة. أما JPG وPDF اللذان تنشئهما هذه الأداة فيستخدمان خلفية بيضاء.
تمنحك أداة تحويل SVG من Imagesmint خيارات للتحكم في صيغة الإخراج والأبعاد والألوان والخلفية دون الحاجة إلى برنامج تصميم مكتبي. اضبط الخيارات وفق استخدامك، وافحص المعاينة، ثم نزّل الملف المناسب لمشروعك.