تحويل الكود إلى صورة

حوّل مقتطف كود إلى صورة بإبراز لتركيب الجملة داخل متصفحك، مع أكثر من 20 لغة وسمات وخلفيات مخصّصة وأرقام أسطر وتصدير PNG أو SVG.

جارٍ تحميل الأداة…

تحويل الكود إلى صورة — الصق مقتطفًا، واختر لغته (أو دع الكشف التلقائي يخمّنها)، وصمّم بطاقة كود بأسلوب Carbon بسمة، وخلفية متدرجة أو صلبة أو مخصّصة أو شفافة، وخط أحادي المسافة قابل للضبط، وأرقام أسطر، وعنوان نافذة قابل للتحرير. صدّرها كـ PNG بمقياس 1x–3x أو كـ SVG، أو انسخ الصورة مباشرةً إلى الحافظة. يعمل كل من إبراز تركيب الجملة (Prism) والتقاط الصورة (html-to-image) بالكامل داخل متصفحك، لذا لا يُرفع كودك أبدًا.

ما هي تحويل الكود إلى صورة؟

تحويل الكود إلى صورة أداة مجانية تعمل في المتصفح وتحوّل مقتطف كود إلى صورة قابلة للمشاركة — بطاقة كود أنيقة بإبراز لتركيب الجملة لمقال مدونة أو عرض شرائح أو ملف README أو منشور على وسائل التواصل. تُبرز أكثر من 20 لغة، منها JavaScript وTypeScript وPython وGo وRust وJava وSQL وغيرها، مع كشف تلقائي اختياري يخمّن اللغة من كودك. زيّن البطاقة بواحدة من سبع سمات، أو تدرّج جاهز، أو لون أو تدرّج مخصّص، أو خلفية شفافة، ثم اضبط بدقّة الخط أحادي المسافة وحجم الخط والحشوة وأرقام الأسطر وعنوان النافذة وعرض الإخراج. تُعرض البطاقة مباشرةً أثناء التحرير، ويمكنك تصديرها كـ PNG بمقياس 1x أو 2x أو 3x، أو حفظها كـ SVG، أو نسخها إلى الحافظة.

كيفية استخدام تحويل الكود إلى صورة

  1. الصق كودك أو اكتبه، أو صِل خرج النص من أداة أخرى بمنفذ الإدخال في مساحة العمل.
  2. اختر اللغة المطابقة أو فعّل الكشف التلقائي في الإعدادات ليخمّنها الأداة من كودك.
  3. اختر سمة وخلفية — تدرّج جاهز، أو لون صلب أو تدرّج مخصّص، أو شفافة — في الإعدادات.
  4. اضبط بدقّة حسب ذوقك الخط أحادي المسافة وحجم الخط والحشوة وأرقام الأسطر وعنوان النافذة وعرض الإخراج.
  5. راقب تحديث المعاينة المباشرة أثناء التحرير؛ انقر عليها لتكبيرها في عرض التقريب.
  6. صدّر البطاقة كـ PNG بمقياس 1x–3x، أو نزّلها كـ SVG، أو انسخ الصورة إلى الحافظة.

أمثلة

مقتطف Go مع أرقام أسطر

الصق دالة Go، وفعّل الكشف التلقائي ليُختار لك اللغة، وفعّل أرقام الأسطر، واختر سمة Nord، وصدّر صورة PNG بمقياس 2x لدرس تعليمي.

بطاقة علامة تجارية بتدرّج مخصّص

اضبط الخلفية على تدرّج مخصّص، واختر لوني علامتك التجارية وزاوية، وأضف عنوان نافذة مثل app.tsx، ثم انسخ الصورة مباشرةً إلى الحافظة.

ملف SVG قابل للتحجيم للتوثيق

اختر سمة Snow الفاتحة، واضبط عرض الإخراج، ونزّل ملف SVG لتبقى بطاقة الكود حادّة بأي حجم في توثيقك.

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

ما اللغات التي يمكنه إبرازها؟
أكثر من 20، منها JavaScript وTypeScript وJSX/TSX وHTML وCSS وJSON وPython وBash وJava وC وC++ وC# وGo وRust وRuby وPHP وSQL وYAML وMarkdown وKotlin وSwift وGraphQL. اختر واحدة من القائمة، أو فعّل الكشف التلقائي ليُخمَّن اللغة من كودك.
ماذا يمكنني تصديره، وبأي جودة؟
صدّر صورة PNG بكثافة بكسل 1x أو 2x أو 3x، أو احفظ SVG متجهًا، أو انسخ الصورة مباشرةً إلى الحافظة. اختيار الخلفية الشفافة يجعل صورة PNG تحتفظ بقناة ألفا دون أي خلفية خلف البطاقة.
هل يمكنني تغيير مظهر البطاقة؟
نعم. بدّل بين سبع سمات، واختر تدرّجًا جاهزًا أو لونًا صلبًا أو تدرّجًا مخصّصًا أو خلفية شفافة، واضبط الخط أحادي المسافة وحجم الخط والحشوة وأرقام الأسطر وعنوان النافذة القابل للتحرير وعرض الإخراج.
هل يُرفع كودي إلى أي مكان؟
لا. يعمل كل من إبراز تركيب الجملة (Prism) والتقاط الصورة (html-to-image) بنسبة 100% من جانب العميل داخل متصفحك. لا يُرفع كودك أبدًا ولا يُرسل إلى خوادمنا ولا يُشارك، لذا تبقى حتى المقتطفات الخاصة على جهازك.
لماذا لا تظهر الصورة حتى أنقر على تنزيل في صفحة الأداة؟
في الصفحة المستقلة تُنشأ صورة PNG عند الضغط على تنزيل أو نسخ الصورة أو تنزيل SVG، لذا لا تعيد الكتابة التقاط الصورة مع كل ضغطة مفتاح. وتتحدّث المعاينة المنسّقة مباشرةً أثناء التحرير؛ وفي مساحة العمل تُعاد بناء صورة PNG تلقائيًا لكي تنساب إلى الأداة التالية.

أدوات ذات صلة

أداة فحص تباين الألوان

افحص تباين WCAG 2.1 ودرجة APCA Lc بين لون النص ولون الخلفية، وشاهد شارات AA وAAA و3:1، وطبّق أقرب لون ناجح.

خالط الألوان

امزج لونين بصيغة HEX بنسبة تختارها في فضاء RGB أو Lab، واقرأ اللون الوسطي الناتج كعينة وقيمة HEX قابلة للنسخ.

مولّد درجات الألوان

حوّل لونًا أساسيًا واحدًا بصيغة HEX إلى مقياس OKLCH أو HSL أو RGB بخطوات قابلة للتعديل، وتلميحات تباين WCAG لكل خطوة، وتصدير إلى CSS وTailwind وJSON.

محاكي عمى الألوان

ارفع صورة وعاين كيف تبدو مع عمى الأحمر (بروتانوبيا) أو عمى الأخضر (ديوتيرانوبيا) أو عمى الأزرق (تريتانوبيا) أو عمى الألوان الكامل، ثم نزّل النتيجة المحاكاة.