مقارن HTML بصري عبر الإنترنت: قارن بين صفحتين أبعد من بكسل ببكسل
قارن صفحتي HTML بصرياً ومجاناً عبر متصفح Chromium حقيقي، مع محرك مقارنة بصرية حتمي يكشف فروقات CSS غير المرئية في الكود.
اقرأ المزيد →10 مقالات
لا يقتصر الاكتشاف البصري على مقارنة صورتين بكسل ببكسل. بحسب نوع العيب المستهدف، تختلف الخوارزميات والعتبات: انحراف لوني خفيف (token غير محلول جيداً، تحويل sRGB / P3) يتطلب مقارنة إدراكية؛ وانزياح في التخطيط (flexbox مكسور، هامش مكرر) يُرى بشكل أفضل عبر تحليل بنيوي؛ ومشكلة طباعية (خط احتياطي يُحمَّل بدلاً من الخط الأساسي) تستدعي اهتماماً خاصاً بالعرض على مستوى sub-pixel. ويتغيّر كل شيء مرة أخرى في وضع responsive أو dark mode، حيث يضاعف كل breakpoint السطح الواجب تغطيته.
تجمع هذه الصفحة المقالات التي تشرّح أنواع الانحدارات البصرية القابلة للاكتشاف وكيفية التمييز بينها: الإيجابيات الكاذبة المرتبطة بتنعيم الخطوط، وانحدارات التباين الحقيقية التي تمر دون أن تُلاحَظ بالعين المجردة، وانكسارات التخطيط على viewport ضيق، وتحوّلات جزئية لـ dark mode حيث تنسى بعض المكوّنات التكيّف. نتناول أيضاً اختيارات خوارزميات المقارنة (pixel matching، SSIM، إدراكية) مع نقاط قوتها وزواياها العمياء. يستند Delta-QA إلى مزيج من هذه المقاربات لتقليل الضجيج مع البقاء صارماً مع الانحدارات الحقيقية؛ تشرح هذه المقالات المبادئ لفهم ما يمكن لأداة اختبار بصري — وما لا يمكنها — اكتشافه بشكل موثوق.