فحص عرض عمود القراءة وعدد الأحرف في السطر
مع خط بحجم 16 بكسل وعمود بعرض 560 بكسل تحصل على 70 حرفًا في السطر، أي داخل نطاق 45 إلى 75 الذي يجعل القراءة الطويلة مريحة. افحص كل مقاس شاشة قبل اعتماد التصميم. مجانًا في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- حجم الخط
- 16
- عرض العمود
- 560
- الأحرف لكل سطر
- 70
- التقييم
- recommended
- الحد الأدنى الموصى به
- 45
- الحد الأقصى الموصى به
- 75
لا تعتمد سهولة قراءة النص على اختيار خط جذاب فحسب. فالعمود العريض جدًا قد يجعل انتقال النظر إلى السطر التالي صعبًا، بينما يقطع العمود الضيق جدًا الجمل بكثرة التفاف السطور. تستخدم هذه الأداة حجم الخط وعرض العمود لتقدير عدد الأحرف في كل سطر، ثم توضح ما إذا كانت النتيجة تقع ضمن النطاق الشائع الموصى به من 45 إلى 75. وهي وسيلة سريعة لتخطيط المقالات والوثائق والنشرات ولوحات المعلومات وغيرها من التصاميم المعدة للقراءة المتواصلة.
كيفية إدخال قياسات الطباعة
أدخلوا حجم خط النص الأساسي والعرض الفعلي لعمود النص بوحدات بكسل CSS. استخدموا المساحة المتاحة للنص بعد طرح الحشو والحدود والملاحظات الجانبية وأي مساحة محجوزة لعناصر التحكم المجاورة. فعلى سبيل المثال، لا توفر بطاقة بعرض 640 بكسل وحشو 32 بكسل من كل جانب سوى 576 بكسل للفقرات.
ينبغي أن يكون حجم الخط هو القيمة المحسوبة للنص الأساسي، لا نسبة تكبير المتصفح ولا حجم عنوان ولا اسم رمز تصميم. يجب أن تكون القيمتان عددين موجبين محدودين؛ ويُرفض حجم الخط غير الموجب لأنه لا يصف نصًا مقروءًا. إذا كان التصميم يستخدم وحدات rem، فحوّلوها بالاعتماد على حجم الخط الجذري أو اطّلعوا على القيم المحسوبة في أدوات المطور بالمتصفح.
افحصوا نقاط التوقف لسطح المكتب والجهاز اللوحي والهاتف كلًا على حدة، لأن العمود المتجاوب قد ينتقل بين التصنيفات مع ثبات حجم الخط. وتعيد النتيجة عرض المدخلات كي تتمكنوا من توثيق كل إعداد بوضوح.
كيفية فهم تقدير الأحرف في السطر
يفترض الحساب أن متوسط عرض الحرف يساوي نصف em، أي نصف حجم الخط المُدخل. ويقسم عرض العمود على ذلك العرض المتوسط، ثم يعرض عدد الأحرف في السطر إلى منزلة عشرية واحدة. هذا التقدير تقريبي عن قصد، لأن عرض المحارف الحقيقي يتغير باختلاف عائلة الخط ووزنه واللغة وعلامات الترقيم وتباعد الأحرف والكلمات المستخدمة.
فقد يتسع الخط المكثف لأحرف أكثر، بينما يتسع الخط العريض لأحرف أقل. لذلك تفيد الأداة في قرارات التخطيط المبكرة والمراجعات المتسقة، لكنها لا تحل محل قياس فقرة تمثيلية بالخط النهائي. يعتمد التصنيف على القيمة قبل التقريب: أقل من 45 ضيق جدًا، وأكثر من 75 عريض جدًا، أما النطاق الشامل للحدين فموصى به.
وتعرض النتيجة أيضًا افتراض 0.5 em والحدين الموصى بهما حتى تبقى المنهجية واضحة. عند الاقتراب من أي حد، اختبروا محتوى حقيقيًا وتعاملوا مع النتيجة كدعوة إلى المراجعة البصرية، لا كقاعدة جامدة لإمكانية الوصول.
كيفية تحويل النتيجة إلى قرار تصميم عملي
تشير النتيجة الموصى بها إلى علاقة مناسبة بين حجم الخط وطول السطر للقراءة المتواصلة، لكنها ليست سوى جزء من نظام طباعة مريح. راجعوا كذلك ارتفاع السطر والمسافة بين الفقرات والتباين وجودة عرض الخط واحتياجات الجمهور. إذا كانت النتيجة عريضة جدًا، فقللوا الحد الأقصى لعرض حاوية النص، أو كبّروا الخط عند الملاءمة، أو استخدموا أعمدة متعددة فقط عندما يبقى ترتيب القراءة واضحًا.
وإذا كانت ضيقة جدًا، فامنحوا العمود مساحة أفقية أكبر، وقللوا الحشو الزائد، أو تحققوا من أن الخط ليس كبيرًا بصورة غير متناسبة مع المكوّن. لا تصغّروا النص الأساسي لمجرد الحصول على نتيجة ناجحة، ولا سيما على الشاشات الصغيرة. قارنوا رموز الحاوية والطباعة أثناء التصميم، وأعيدوا الفحص بعد التنفيذ لأن فجوات الشبكة والحشو المتداخل قد يغيران العرض الفعلي.
وفي المواقع متعددة اللغات، اختبروا محتوى تمثيليًا في كل نظام كتابة.
حالات الاستخدام
تحديد أقصى عرض للمقال
قارنوا عروض المحتوى المقترحة بحجم خط النص قبل اختيار أقصى عرض لسطح المكتب.
تدقيق نقاط التوقف المتجاوبة
افحصوا سطح المكتب والجهاز اللوحي والهاتف لاكتشاف الأعمدة الضيقة أو العريضة جدًا.
مراجعة رموز نظام التصميم
اختبروا رموز الطباعة والحاويات معًا لتوفير معيار مشترك ومقروء.
الأسئلة الشائعة
ما النطاق الذي يُعد موصى به؟
تعد الأداة من 45 إلى 75 حرفًا تقديريًا في السطر نطاقًا موصى به، مع شمول الحدين.
كيف يُحسب عدد الأحرف في السطر؟
تفترض الأداة متوسط عرض قدره 0.5 em، ثم تقسم عرض العمود على نصف حجم الخط.
هل القياس دقيق للخط المستخدم؟
لا. تتغير المحارف حسب العائلة والوزن واللغة والتباعد والمحتوى، ولذلك فالنتيجة تقديرية.
هل عمود بعرض 560 بكسل واسع جدًا لنص بحجم 16 بكسل؟
لا. عند حجم 16 بكسل يُقدَّر عرض الحرف الواحد بنحو 8 بكسل، لذا يتسع عرض 560 بكسل لنحو 70 حرفًا في السطر، وهي قيمة ضمن النطاق الموصى به من 45 إلى 75.
ما العرض الذي أدخله إذا كان للصندوق حشو داخلي؟
أدخل المساحة التي تشغلها الفقرات فعليًا فقط. فالبطاقة التي عرضها 640 بكسل مع حشو 32 بكسل من كل جانب تترك 576 بكسل، وهذا هو العرض الذي ينبغي فحصه.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/doc/reading-column-width-check \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"font_size":16,"column_width":560}'const res = await fetch("https://api.kit.forhosting.com/doc/reading-column-width-check", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"font_size": 16,
"column_width": 560
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/doc/reading-column-width-check",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"font_size": 16,
"column_width": 560
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/doc/reading-column-width-check", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"font_size":16,"column_width":560}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"font_size":16,"column_width":560}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/doc/reading-column-width-check", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"font_size": 16,
"column_width": 560
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "doc.reading_column_width_check",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
max_mb | 25 |
max_pages | 200 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
كيفية تحويل النتيجة إلى قرار تصميم عملي
الاستخدام التفاعلي في المتصفح مجاني، وتبلغ تكلفة كل طلب آلي عبر API مقدار $0.002.
أسئلة تقنية
ماذا يحدث إذا كان حجم الخط صفرًا أو سالبًا؟
يفشل الطلب بالخطأ invalid_input لأن حجم الخط يجب أن يكون موجبًا.
ما تكلفة طلب API؟
تبلغ تكلفة كل طلب API مقدار $0.002، أما الاستخدام التفاعلي في المتصفح فمجاني.