

Image to HTML Converter - تحويل JPG أو PNG إلى HTML
إن إعادة إنشاء لقطة شاشة بتنسيق HTML يدويًا هو أمر قديم. قم بتحويل الصورة إلى HTML — صورة مضمنة، أو محتوى دلالي، أو طبقة نص قابلة للبحث.
- تخطي إعادة كتابة لقطة الشاشة في العلامات يدويًا
- احصل على HTML الدلالي، أو صورة مضمنة، أو طبقة نصية قابلة للبحث
- خيار واحد واضح مقدمًا - لا توجد إعدادات لا تحتاج إليها
JPG، PNG، WEBP والمزيد
رفع الصورة
أفلت صورة — واحصل على صفحة HTML محمولة تحتوي على الصورة بداخلها.
All image formats (JPG, PNG, WEBP, HEIC, TIFF…)
ما يمكنك فعله باستخدام الصورة إلى HTML
قم بمراجعة القدرات الرئيسية قبل البدء.
- ضع صورة داخل ملف HTML واحد قابل للنقل دون OCR
- استخراج فقرات النص والجداول المدعومة كـ HTML دلالي
- احتفظ ببكسلات لقطة الشاشة وأضف طبقة نص موضّعة قابلة للبحث
- اختر محرك OCR واللغة فقط عند الحاجة إلى التعرف على النص
- راجع الترميز المُنشأ وحرّره قبل النسخ أو التنزيل
مرجع الإعدادات
5 الإعدادات
عناصر التحكم المتاحة لـ الصورة إلى HTML.
- وضع المعالجةالإعدادات الجاهزة
- عالج مدخلًا واحدًا، أو انتقل إلى وضع الدفعات في Premium لمعالجة عدة مدخلات بالإعدادات نفسها. تعتمد أنواع المدخلات المتاحة على الأداة.الخيارات: ملف واحددفعة
الوضع
- ماذا ينبغي أن يفعل كود HTML بصورتك؟الإعدادات الجاهزة
- ينشئ صفحة img محمولة بدون OCR، أو ترميزًا دلاليًا قابلًا للتحرير من OCR، أو تخطيطًا مرئيًا (نسخة تجريبية) يحافظ على وحدات البكسل ويضيف فوقها كلمات قابلة للبحث.الخيارات: إظهار الصورةاستخراج محتواهالاحتفاظ بالتخطيط البصري
المحرّك
- المحرّكهبوط
- يختار محرك التعرف على النص الذي يقرأ الصورة في وضع المحتوى أو التخطيط المرئي؛ ولا يشغّل خيار «عرض الصورة» OCR.الخيارات: افتراضيالمحرّك 1المحرّك 2
- اللغةهبوط
- اختر اللغة الرئيسية في المصدر. تعتمد الخيارات المتاحة على القارئ المحدد، وتُخفى اللغات غير المدعومة. الإنجليزية هي الافتراضية. راجع النص المستخرج للتأكد من خلوه من أخطاء التعرّف.الخيارات: الإنكليزيةالفرنسيةألمانياالإسبانيةإيطالياالبرتغالهولنداالروسيةاليابانكورياالصينية (مبسطة)الصينية (التطرف)العربيةالهنديةبنغاليالبنجابيالأرديةالفيتناميةتايلندبولنداالسويدالدانمركالنرويجفنلنداتركيةأوكرانياإندونيسياتاميلالتيلجوالمهاراتيةنيباليالفارسيةاليونانيونالعبرية
- إعادة تشغيل الاستخراجلعق واحد
- يعيد تشغيل الاستخراج على الملف نفسه باستخدام خياري المحرك واللغة الحاليين — مفيد لإعادة المحاولة بعد نتيجة ضعيفة أو فاشلة.
الأدوات ذات الصلة بـ الصورة إلى HTML
أدوات للخطوات التالية الشائعة بعد الصورة إلى HTML.
التعرف الضوئي على الحروف واستخراج البيانات
الصورة إلى نص (OCR)
استخرج نصًا قابلاً للتحرير من لقطة الشاشة أو الصورة أو المسح الضوئي بأكثر من 30 لغة مدعومة.
جرّبه الآنالتعرف الضوئي على الحروف واستخراج البيانات
الصورة إلى Markdown
قم بتحويل لقطة شاشة أو صورة إلى Markdown مع الاحتفاظ بالعناوين والقوائم والجداول.
جرّبه الآنأدوات المطوّرين
تجميل HTML
قم بتنسيق HTML باستخدام مسافة بادئة متسقة أو تصغيره إلى سطر واحد في متصفحك.
جرّبه الآنالأسئلة الشائعة
اختر «استخراج المحتوى». يكتشف OCR بنية الجداول المدعومة ويُنتج عناصر جداول دلالية حيثما جرى التعرف عليها. قد يكون الاكتشاف وترتيب القراءة ودلالات العناوين غير مثالية، لذا راجع الترميز القابل للتحرير وصحّحه قبل الاعتماد عليه لأغراض إمكانية الوصول أو النشر.
featuresيمكن وضع كود HTML الذي جرى تنزيله أو نسخه في كتلة HTML مخصصة. يُنشئ خيار «إظهار الصورة» صفحة صورة قائمة بذاتها؛ ويُنشئ خيار «استخراج المحتوى» ترميزاً دلالياً قابلاً للتحرير. راجع مُخرَج OCR واستخدم قواعد CSS والأمان الخاصة بموقعك قبل النشر.
usageتُنشئ الأداة مستند HTML، لكن OCR قد يُنتج محتوى أو بنية تحتاج إلى تصحيح. راجع المصدر القابل للتحرير، وشغّل أداة التحقق وفحوصات الوصول الخاصة بك، ولا تعتبر التحويل الآلي أبداً ضماناً بأن الصفحة تستوفي كل متطلبات HTML أو WCAG.
technicalلا توجد مفاتيح لـ Bootstrap أو Tailwind أو الحفاظ على التنسيق. يمنح الوضع الدلالي بنية قابلة للتحرير لتطبيق CSS الخاص بك. ويُبقي الإصدار التجريبي للتخطيط المرئي بكسلات لقطة الشاشة مع نص موضوع قابل للبحث؛ لكنه لا يعيد إنشاء عناصر تحكم أصلية أو نظام تصميم قابل لإعادة الاستخدام.
technicalيمكنك استخراج المحتوى المدعوم لمواد يُسمح لك باستخدامها، أو الاحتفاظ بلقطة شاشة بصريًا مع نص قابل للبحث. لا يعيد المحوّل إنشاء موقع مصوّر بصيغة HTML وCSS وJavaScript عاملة، وتبقى أنت مسؤولًا عن الحصول على إذن لإعادة استخدام محتواه.
usageتُحذف الملفات المرفوعة وفقًا لسياسة الأمان لدينا، ما لم تشارك نتيجة صراحةً؛ فعندئذٍ تبقى متاحة لمدة تصل إلى 30 يومًا عبر رابط عام يستطيع أي شخص يملكه فتحه. ولا تُستخدم مطلقًا لتدريب النماذج، كما لا يحتوي ناتج HTML على علامة مائية أو إسناد أو بكسل تتبع. تُعاد صياغة البنية البرمجية انطلاقًا من صورتك: تحتفظ بالحقوق التي تملكها في الملفات التي ترفعها وفي مساهماتك الأصلية ضمن النتائج، ولا تدّعي Pixoate ملكيتها. تستخدمه الوكالات والمستقلون والفرق الداخلية لإنجاز صفحات الهبوط وجداول المقارنة والوثائق.
privacyنعم. اختر عرض الصورة للحصول على صفحة محمولة بوسم img، أو استخرج محتواها للحصول على ترميز دلالي مبني على OCR، أو احتفظ بالتخطيط المرئي للبكسلات الأصلية مع كلمات موضوعة قابلة للبحث. راجع مخرجات OCR؛ فلا يحوّل أي من الأوضاع عناصر التحكم المصوّرة إلى تطبيق عامل.
usageيُنشئ خيار «إظهار الصورة» صفحة HTML واحدة محمولة تحتوي الصورة داخل وسم img متجاوب دون تشغيل OCR. ويقرأ خيار «استخراج المحتوى» النصوص والعناوين والقوائم والجداول المدعومة إلى ترميز دلالي قابل للتحرير. ويُبقي خيار «الحفاظ على التخطيط المرئي» بكسلات لقطة الشاشة ويضيف كلمات OCR قابلة للبحث بمواضعها؛ لكنه لا يعيد بناء عناصر التحكم المصوّرة كمكوّنات HTML عاملة.
usageاختر أولًا «استخراج المحتوى» أو «الحفاظ على التخطيط المرئي»؛ فخيار «عرض الصورة» لا يستخدم OCR ومن ثمّ لا يحتوي على إعداد للمحرّك. في أحد أوضاع OCR، اختر «الافتراضي» أو «المحرك 1» أو «المحرك 2»، ثم شغّل التحويل مجددًا بالملف المرفوع نفسه.
featuresنعم. استخدم منتقي اللغة في الإعدادات لمطابقة النص في لقطة الشاشة — وهذا مهم لنص الواجهة غير الإنجليزي والأحرف ذات العلامات وصفحات التوثيق متعددة اللغات. لا تسرد القائمة المنسدلة سوى اللغات المدعومة من المحرك المحدد حاليًا، لذا تُحدَّث تلقائيًا إذا بدّلت المحركات.
usageنعم — يعرض عرض الإخراج منطقة نص قابلة للتحرير بـ HTML الخام على جانب ومعاينة معروضة حية على الآخر، تتحدّث أثناء الكتابة. أصلح خلية مقروءة خطأ، أو عدّل وسمًا، أو أضف صنفًا، فتعكس المعاينة تغييرك فورًا قبل نسخ ملف .html أو تنزيله.
featuresاستخدم المحرك 2 لخطوط الواجهة المنمّقة أو المنعّمة الحواف، واضبط منتقي اللغة ليطابق نص لقطة الشاشة، ثم تحقق من لوحة المعاينة الحية — إذا ظل صف أو عمود يبدو مدمجًا، فعدّل HTML مباشرة في مربع النص قبل التنزيل.
tipsنعم - دعم البسكويت وتجهيز السوائب. ابدلوا نمط البطاطس، اضيفوا 60 صورة على بريميوم أو 200 على برو، وضعوا خياراتكم مرة واحدة، وكل صورة يتم تجهيزها بنفس الأماكن قبل أن تُحمّلوا زبدة واحدة. وتُعد عملية التجهيز بالجملة سمة من سمات بريميوم؛ ويستخدم الناتج نفس الجودة والإطارات التي تستخدمها طريقة واحدة.
featuresنعم - مع تجهيزات السائبة، تَضْمنُ البيئاتَ a وقت واحد وهم يَطْلبونَ إلى كُلّ بند في الدفعةِ - حتى 60 صورة على بريميومِ أَو 200 على Pro. ولا داعي لتكرار الإنشاء لكل بند، ويجري تجهيز الملفات المحملة والمولدة مؤقتا بطريقة آمنة وحذفها تلقائيا.
usageغالبًا ما يكون السبب واحدًا من ثلاثة أمور. إما أن الملف يتجاوز حد الرفع المجاني البالغ 11 MB — إذ يقبل Premium حتى 50 MB و Pro حتى 120 MB. أو أن الأداة لا تقبل هذا التنسيق، لذا راجع القائمة المعروضة في لوحة الرفع. أو أن محتوى الملف لا يطابق التنسيق الذي يوحي به اسمه؛ فتغيير اسم الملف لا يغيّر محتواه، ولهذا يُرفض مسح ضوئي أو صورة تبدو صالحة.
troubleshootingالدقة تتتبع الصورة المصدر أكثر من أي إعداد. قم بالتصوير أو المسح الضوئي بشكل مستقيم بدلاً من الزاوية، واحصل على ضوء متساوٍ مع عدم سقوط الظل على الصفحة، واملأ الإطار بالمستند. اضبط اللغة قبل تشغيلها - يعد تخمين الحروف الأبجدية الخاطئة بالتعرف الضوئي على الحروف هو السبب المعتاد للإخراج الذي يبدو وكأنه هراء. اقرأ النتيجة دائمًا قبل أن تعتمد عليها.
troubleshootingلا. يمكنك تشغيل Image to HTML وتنزيل النتيجة المجانية بدون حساب، ولا تحمل أي علامة مائية. Premium هو ما تشتريه عندما تبدأ الحدود في التزايد: ما يصل إلى 60 ملفًا في دفعة واحدة، وعمليات تحميل أكبر، ولا يوجد حد أقصى يومي، ونتيجة الدقة الأصلية. لم يتم الكشف عن أي شيء في خطوة التنزيل لم يكن مرئيًا قبل البدء.
pricingلا — تعمل أداة «Image to HTML» في المتصفح على الكمبيوتر والهاتف. لا يوجد شيء لتثبيته، ولا تجربة لبدئها، ولا ترخيص لشرائه قبل أن تعرف إن كانت تلبي احتياجك. جرّبها على الملف الذي تواجه مشكلة معه فعلًا بدلًا من ملف تجريبي.
troubleshootingكيف تساعدك الصورة إلى HTML على إنجاز مهمتك
فهو يحل المشكلات الحقيقية كل يوم، للشركات والمبدعين والمهام اليومية. ابحث عن حالة الاستخدام التي تناسبك وابدأ.
صفحة ويب من نماذج المصمّمين
حوّل لقطات الشاشة التي يوفّرها المصمّمون إلى HTML مبدئي بعناصر <table> حقيقية وترميز دلالي يمكنك تسليمه إلى مطوّر أو استخدامه مباشرة في نظام إدارة المحتوى.
ترحيل نظام إدارة المحتوى (CMS) من ملفات PDF قديمة
انقل جداول الأسعار وأقسام الأسئلة الشائعة ومقارنات الميزات من كتيبات PDF القديمة إلى صفحة حديثة في WordPress أو Webflow أو Shopify بلصقة واحدة.
جداول النشرات الإخبارية بالبريد الإلكتروني
أنشئ جداول HTML آمنة للبريد الإلكتروني ودقيقة على مستوى البكسل من لقطات شاشة المصمّمين لـ Mailchimp وKlaviyo وHubSpot Email — دون كتابة وسم <table> يدوياً.
جداول أسعار الصفحات التعريفية لمنتجات SaaS
حوّل نماذج صفحات التسعير إلى جداول تسعير HTML متجاوبة لصفحة الهبوط الخاصة بمنتجك SaaS، جاهزة للإدراج في إطار عمل الموقع التسويقي الذي تستخدمه بالفعل.
جداول مقارنة لمدونات التسويق بالعمولة
يحوّل المسوّقون بالعمولة لقطات شاشة مقارنة المنتجات إلى جداول HTML دلالية لمنشورات المراجعات بحيث تستطيع محركات البحث والقرّاء مسح البيانات فوراً.
صفحات جداول المؤتمرات
حوّل جداول أعمال المؤتمرات المطبوعة إلى صفحات جداول زمنية HTML بترميز <table> حقيقي يتكيّف مع الهاتف ويتكامل مع موقع فعاليتك.
مواقع الوصفات ذات جداول المكوّنات
يحوّل مدونو الطعام صفحات الوصفات المطبوعة إلى HTML نظيف مع جداول مكونات منظمة وتعليمات خطوة بخطوة جاهزة لـ WordPress أو Ghost.
جداول توثيق API
تحوّل فرق علاقات المطوّرين لقطات شاشة مرجع API من ملفات PDF داخلية إلى جداول HTML لمواقع الوثائق العامة المبنية على GitBook أو Mintlify أو Docusaurus.
جداول الامتثال والإفصاح للمواقع الإلكترونية
حوّل ورقة شروط ممسوحة ضوئيًا أو جدول رسوم أو جدول إفصاح تنظيمي إلى HTML دلالي يمكنك نشره على صفحة امتثال — ترميز يسهل الوصول إليه يمكن لقارئات الشاشة والمدققين تحليله معًا.
أوراق مواصفات العقارات لصفحات الإعلانات
حوّل جدول مواصفات كتيّب عقار مصوّر — أبعاد الغرف، المرافق، رسوم اتحاد الملّاك — إلى جدول HTML جاهز للتضمين في صفحة قائمة عقارية أو تغذية توزيع MLS.
جداول مقارنة الرواتب والوظائف
حوّل لقطة شاشة لاستطلاع رواتب أو جدول مقارنة مزايا إلى HTML نظيف لصفحة وظائف أو إعلان في لوحة وظائف، كي يتمكن المرشحون فعلًا من قراءة الأرقام على الجوال.
أوراق مواصفات المنتجات لقوائم التجارة الإلكترونية
حوّل جدول مواصفات منتج ممسوحًا ضوئيًا — جداول المقاسات، المواصفات التقنية، تفصيل المواد أو المكونات — إلى HTML دلالي يمكنك لصقه مباشرة في وصف منتج على Shopify أو WooCommerce أو BigCommerce، فتمنح المتسوقين جدولًا حقيقيًا قابلًا للتمرير بدلًا من صورة مضمّنة مشوشة.
شاهد كل تحويل عند اكتماله
تعبر كل صورة خط المقارنة من دون تعديل وتظهر في الجهة الأخرى مكتملة.


























