صمّم بطاقات الاقتباسات وإعلانات المنتجات وصور المقالات بالكود، وحوّلها إلى صورة بدقة 1× أو 2× أو 3×. اكتب HTML وCSS أو ابدأ من قالب جاهز، وشاهد المعاينة تتحدث أثناء الكتابة، ثم احفظ النتيجة PNG أو JPG أو WebP أو SVG بخلفية شفافة أو بيضاء.
طريقة الاستخدام
- اختر قالباً أو الصق كود HTML وCSS.
- حدد العرض والارتفاع والدقة.
- اضغط «تحويل إلى صورة».
المزايا
- معاينة حيّة أثناء كتابة الكود.
- قوالب جاهزة: اقتباس عربي، إعلان منتج، بطاقة مقال.
- دقة حتى 3× لشاشات Retina.
- تصدير PNG وJPG وWebP وSVG.
أفكار لاستعمال الأداة
- بطاقات اقتباس بخط عربي جميل لمواقع التواصل، بنفس القالب كل مرة، فتحافظ على هوية موحدة لحسابك.
- صور مقالات المدونة (Open Graph) بمقاس 1200×630 تظهر عند مشاركة الرابط.
- إعلانات منتجات بسعر وعرض، تغيّر فيها النص فقط عند كل عرض جديد.
- لقطات كود أو جداول صغيرة لعرضها في شرائح أو منشورات.
نصائح تقنية
- حدد العرض والارتفاع بالبكسل حسب المنصة، واختر دقة 2× لتبدو الصورة حادة على شاشات الهواتف.
- اكتب الأنماط داخل وسم <style> في الكود نفسه، واجعل الصور بصيغة data:URI.
- إن لم يظهر الخط الذي اخترته، فاستعمل خطوط النظام مثل Tahoma وArial، أو حوّل الخط إلى data:URI.
- استعمل PNG للخلفية الشفافة أو النصوص الحادة، وJPG أو WebP للصور الكبيرة الملونة.
الخصوصية والأمان
تعمل أداة «HTML إلى صورة» داخل متصفحك بالكامل؛ لا تُرفع صورك أو ملفاتك إلى أي خادم ولا نحتفظ بأي نسخة منها. الأداة مجانية ولا تحتاج إلى تسجيل.
نصيحة: استخدم الصور بصيغة data:URI داخل الكود، لأن الصور والخطوط الخارجية لا تُحمَّل عند الرسم داخل المتصفح.