تحويل HTML إلى PNG

PNG توصية W3C منذ عام 1996 ويستخدم ضغطًا دون فقد، فتبقى حواف نص بحجم 14 px الناعمة وحدود الجداول بسمك بكسل واحد والأكواد الملونة سليمة. ولهذا يرفق المطورون لقطات PNG بتقارير الأخطاء ويشاركها المصممون في المراجعات: لا أحد يتساءل إن كانت الحافة الضبابية مشكلة CSS أم أثر ضغط.

الثمن هو حجم الملف. الصفحة المكونة من نص وألوان مسطحة تُضغط جيدًا، أما المليئة بالصور فلا. وإذا كانت اللقطة ذاهبة إلى محادثة أو بريد يهم فيه الحجم أكثر من دقة التفاصيل، فـ JPG أصغر حجمًا. أما للتوثيق وملاحظات الإصدار ولوحات المعلومات وأدلة الأنماط فـ PNG الخيار الافتراضي الأسلم.

العرض هو ما يحدد التخطيط. لا توجد في HTML صفحة ثابتة: الملف نفسه يعرض تصميمًا من ثلاثة أعمدة عند 1280 px وعمودًا واحدًا متراصًّا عند 390 px. يرتّب المحوّل الصفحة على عرض صفحة HTML الذي تدخله، من 320 إلى 3840 px، ثم يلتقطها من السطر الأول إلى التذييل.

ملف .html العادي يعتمد غالبًا على أشياء مخزنة في مكان آخر: ملف أنماط في مجلد css، وصور على الخادم الأصلي، وخطوط من خدمة خطوط. عند غيابها تعود الصفحة إلى نص بلا تنسيق بخط افتراضي. حفظ الصفحة في Chrome أو Edge بصيغة Webpage, Single File ينتج ملف .mhtml يجمع الأنماط والصور معًا، وهو أوثق ما يمكن رفعه.

الخطوط على الويب تخضع للقاعدة نفسها. الخط المعلن بـ @font-face لا يُحمَّل إلا إذا أمكن الوصول إلى ملفه؛ والخط الموجود على حاسوبك فقط يُستبدل بخط مشابه. وإذا كانت دقة الخط مهمة فضمّنه في الصفحة أو افحص النتيجة قبل إرسالها.

كما أن العرض الثابت يجعل لقطات التقرير الأسبوعية قابلة للمقارنة جنبًا إلى جنب. وحين تريد أن يبقى النص قابلًا للتحديد للطباعة، فاستخدم بدل ذلك تحويل HTML إلى PDF.