تحويل الكود إلى صورة
حوّل مقتطفات الأكواد إلى صور جميلة مع تمييز لغة البرمجة، وهي مثالية للمشاركة على وسائل التواصل الاجتماعي ولتوضيح المدونات التقنية
📝 محرر الأكواد
🎨 معاينة
ما هو «Code to Image»؟
تحويل الكود إلى صورة is a tool that converts code snippets into beautiful images. It syntax-highlights the code you enter and, using a variety of color themes and layout styles, generates high-quality images suitable for sharing on social media (Twitter, LinkedIn) or embedding in tech blog posts.
💡 تتم جميع العمليات محليًّا داخل المتصفح؛ ولا يتم تحميل أي كود إلى أي خادم، لذا يمكنك استخدامه بثقة.
الميزات والفوائد
- 10 مواضيع: من «Hyper» إلى «Ice»، تناسب أنماط العرض المختلفة
- أكثر من 15 لغة برمجة: يدعم تمييز بناء الجملة للغات البرمجة الشائعة مثل JavaScript وPython وHTML وCSS وJava
- خطوط متنوعة ذات مسافة ثابتة بين الأحرف: JetBrains Mono وFira Code وSource Code Pro وغيرها من الخطوط التي يشيع استخدامها بين المطورين
- زينة النوافذ: يحاكي نمط نوافذ الكود في نظام macOS، ويتميز بزر مكون من ثلاث نقاط وشريط عنوان
- إظهار أرقام الأسطر: يمكنك اختيار عرض أرقام الأسطر لتسهيل الرجوع إلى الكود
- إعدادات العلامة المائية: أضف نص علامة مائية مخصصة لحماية المحتوى الأصلي الخاص بك
- تنسيق الكود: قم بتنظيم تباعد الأسطر في الكود بنقرة واحدة لتحسين مظهر الكود
- خيارات تصدير متعددة: يدعم التنزيل بتنسيقات PNG/SVG؛ كما يمكنك النسخ مباشرةً إلى الحافظة
تعليمات الاستخدام
- 1. اكتب الكود أو الصقه في المحرر الموجود على اليسار
- 2. حدد معلمات التصميم مثل السمة واللغة والخط
- 3. تتيح لك المعاينة في الوقت الفعلي الموجودة على اليمين إجراء التعديلات حسب الحاجة.
- 4. انقر على «تنزيل PNG» أو «نسخ إلى الحافظة» للتصدير
طريقة الاستخدام
- 1. الصق الكود واختر اللغة
- 2. اضبط السمة وحجم الخط والهوامش
- 3. صدّر صورة PNG
مثال
10 أسطر JS + سمة Dracula → صورة PNG بعرض 800px
أسئلة شائعة
ما اللغات المدعومة؟
أكثر من 15 لغة شائعة منها JS/TS/Python/Java/Go/Rust/SQL.
هل يُرسل الكود؟
لا، التصدير يتم داخل المتصفح.