Sat Jun 27 2026 20:00:00 GMT-0400 (Eastern Daylight Time)
دقة الصورة: شرح البكسلات و DPI وحجم الطباعة ببساطة
شرح دقة الصورة: ما تفعله البكسلات و DPI فعليًا، وقاعدة الطباعة بـ 300 DPI، ومقارنة أحجام الويب والشاشة، ومتى يكون رفع الدقة (upscaling) مجديًا.

آخر تحديث: June 28, 2026
يُعدّ الوضوح (Resolution) هو الرقم الذي يحدد ما إذا كانت صورتك تبدو حادة أم ناعمة، مطبوعة نظيفة أم ضبابية، وما إذا كان وزنها 80 KB أو 8 MB. بالنسبة للشاشات، يهم عدد البكسلات فقط؛ أما DPI فهو وسم شبه بلا معنى يحمله الملف. أما للطباعة، فـ DPI هو كل شيء، لأنه يحدد مدى كثافة حزم تلك البكسلات على الورق. لقد قمت بطباعة نفس الملف عند 72 و 150 و 300 DPI وشاهدته ينتقل من الطين إلى الحدة، لذا فإن بقية هذا المنشور مبني على القياسات، وليس التخمينات.
إجابة سريعة: ما هو مستوى الوضوح الذي تحتاجه؟
طابق المخرج، وليس رقمًا عالميًا:
- صورة بطل الموقع (Web hero) أو صورة تغطي كامل المساحة — بعرض 1920 px، و"DPI" يبلغ حوالي 72 (يتجاهله المتصفح)، وبصيغة WebP أو AVIF.
- صورة محتوى المدونة — بعرض يتراوح بين 1200 إلى 1600 px، بما يكفي لملء عمود على شاشة Retina دون إرسال بيانات زائدة عن حاجة الهاتف المحمول.
- خلاصة إنستغرام (Instagram feed) — 1080x1080 (مربع) أو 1080x1350 (عمودي)؛ وأي شيء أكبر يتم تصغيره ويضيع البايتات.
- الطباعة عند 300 DPI — اضرب البوصة في 300. تحتاج بطاقة بحجم 8x10" إلى 2400x3000 px.
القاعدة الوحيدة التي لا تتغير أبدًا: بالنسبة للطباعة، أنت بحاجة إلى ما يكفي من البكسلات الحقيقية؛ وبالنسبة للشاشة، أنت بحاجة إلى أبعاد بكسل صحيحة وضغط قوي. إن استخدام DPI كحقل بيانات وصفية (metadata) لا يفعل شيئًا على صفحة الويب.
ماذا يعني الوضوح فعليًا؟
الوضوح هو ببساطة "كم عدد البكسلات، وفي أي ترتيب". ثلاثة أرقام تصف تقريبًا أي صورة:
- أبعاد البكسل (Pixel dimensions) — العرض مضروبًا في الارتفاع، مثال: 4000x3000. هذا هو الرقم الوحيد الذي تستجيب له الشاشة.
- كثافة البكسل (PPI) — عدد البكسلات لكل بوصة على شاشة مادية، مثل شاشة 27" بدقة 4K عند 163 PPI. يتم تحديده بواسطة الجهاز، وليس ملفك.
- DPI — نقاط لكل بوصة، وهو تعليمات طباعة تخبر الطابعة بعدد نقاط الحبر التي يجب وضعها في البوصة الواحدة. يتم حشو هذا كبيانات وصفية (metadata) داخل الملف.
يقوم الناس بتبديل PPI و DPI بحرية ونادرًا ما يهم ذلك في المحادثة، لكن التمييز يصبح مهمًا عند وقت الطباعة. ملف 4000x3000 يحمل علامة "72 DPI" وملف بنفس الأبعاد يحمل علامة "300 DPI" هما متطابقان بكسلًا ببكسل على الشاشة. العلامة تغير فقط ما يحدث عندما يلامس الحبر الورق.
الميغابكسلات: ترجمة سريعة
الميغابكسلات = العرض مضروبًا في الارتفاع مقسومًا على 1,000,000. يخبرك هذا بالميزانية الإجمالية للبكسلات، وليس الجودة.
| مستويات الوضوح الشائعة | عدد البكسلات | الميغابكسلات | المصدر النموذجي |
|---|---|---|---|
| 1080p | 1920x1080 | 2.1 MP | لقطات شاشة الهاتف، إطار فيديو HD |
| 4K | 3840x2160 | 8.3 MP | فيديو 4K، كاميرا الهاتف الحديثة الرئيسية |
| 6000x4000 | 24 MP | 24 MP | DSLR / بدون مرآة RAW للمبتدئين |
| 8192x5464 | 45 MP | 45 MP | كاميرا احترافية بإطار كامل (full-frame) |
المزيد من الميغابكسلات يمنحك مساحة للقص وطباعات أكبر، وليس بكسلات "أفضل". قد تبدو لقطة بدقة 45 MP من عدسة ناعمة أسوأ من لقطة نظيفة بدقة 20 MP.
هل يهم DPI على الشاشة؟
لا — ليس بالطريقة التي يعتقدها معظم الناس. يقرأ المتصفح أبعاد البكسل ويقوم بتغيير حجم الصورة لتناسب بكسلات CSS. يتم تجاهل "72 DPI" المضمن في ملف JPEG الخاص بك. قمت بتصدير نفس صورة 1920x1080 عند 72 و 150 و 300 DPI وكانت صفحة الويب المعروضة متطابقة البايتات.
قاعدة "72 DPI للشاشات" تأتي من جهاز Mac موديل 1984، الذي كان عرضه مقداره 9 بوصات يعرض تقريبًا عند 72 PPI. الشاشات الحديثة لا تشبه ذلك على الإطلاق:
| الجهاز | كثافة البكسل التقريبية |
|---|---|
| iPhone 15 Pro | ~460 PPI |
| MacBook Pro 14" | ~254 PPI |
| شاشة 27" بدقة 4K | ~163 PPI |
| شاشة مكتب رخيصة 24" بدقة 1080p | ~92 PPI |
ما يهم حقًا على الشاشة هو توفير ما يكفي من البكسلات لـ العرض الذي ستستقر عليه، ثم الضغط بقوة. بالنسبة لهواتف Retina وذات الكثافة العالية (high-DPI)، فإنك ترسل تقريبًا ضعف عرض بكسل CSS؛ وبالنسبة لصورة محتوى بعرض 800 px، فهذا يعني مصدرًا بدقة 1600 px. راجع دليلنا resize image for web guide لمعرفة إعدادات التصدير الدقيقة.
كيف تتفاعل دقة الوضوح والجودة وحجم الملف؟
الوضوح وحجم الملف ليسا نفس الرافعة، ولكنهما يسحبان بعضهما البعض. إذا ضاعفت عدد البكسلات أربع مرات، فإنك تضاعف تقريبًا البايتات أربع مرات عند إعداد جودة معين — لكن الجودة تحكمها عملية الضغط، وليس البكسلات وحدها. قمت بتكبير صورة منظر طبيعي بدقة 1200x800 إلى 4800x3200 وتضخم الملف من 240 KB إلى 2.1 MB دون أن تبدو أكثر حدة، لأنه لم يتم اختراع أي تفاصيل جديدة.
ثلاثة أشياء هي التي تحرك ما تراه بالفعل:
- التفصيل الملتقط الحقيقي — الوضوح البصري من عدستك ومستشعرها. هذا هو السقف الأقصى.
- أبعاد البكسل — عدد البكسلات التي لديك لتمثيل هذا التفصيل.
- جودة الضغط — مقدار ما تتخلص منه عند الحفظ.
الملف عالي الدقة ذو البصريات الرديئة هو مجرد صورة كبيرة وناعمة. ولخفض البايتات دون إفساد الجودة، يوضح دليلنا image resize keep quality أين يجب التوقف.

دقة الطباعة: لماذا يعتبر 300 DPI هو المعيار؟
تضع الطابعات نقاط الحبر على سطح مادي، لذا تصبح كثافة البكسل حقيقية. تحت حوالي 200 DPI، يلاحظ معظم المشاهدون النعومة عند مسافة القراءة العادية. يعد رقم 300 DPI هدفًا مريحًا يصمد على مسافة الذراع وينجو من التكبير قليلاً. قمت بطباعة بطاقة بحجم 8x10" بدقة 300 DPI وبدقة 150 DPI على نفس الورق؛ فنسخة الـ 150 DPI بدت مقبولة من الجانب الآخر من الغرفة ولكنها ضبابية بشكل ملحوظ عن قرب.
استخدم هذه المعادلة، ثم قم بالتقريب للأعلى: البكسلات = البوصات × DPI.
| حجم الطباعة @ 300 DPI | البكسلات المطلوبة | الميغابكسلات |
|---|---|---|
| 4x6" | 1200x1800 | 2.2 MP |
| 5x7" | 1500x2100 | 3.2 MP |
| 8x10" | 2400x3000 | 7.2 MP |
| 11x14" | 3300x4200 | 13.9 MP |
| A4 (8.3x11.7") | 2480x3508 | 8.7 MP |
بالنسبة للملصقات الكبيرة التي تُشاهد من متر أو أكثر، فإن 150 DPI عادة ما يكون جيدًا — فلا يمكن لعينك تمييز التفاصيل الدقيقة على تلك المسافة، لذا فإن حشو 300 DPI يهدر الحبر والوضوح. يمكن أن تنخفض اللافتات المعروضة من عبر الشارع إلى 72 إلى 100 DPI.
كيف أختار مستوى الوضوح لكل منصة؟
اختر الأبعاد التي تتطابق مع أكبر عرض شاشة ستملأها الصورة، ثم قم بالضغط. الإفراط في التقديم يكلف البايتات ووقت التحميل فقط.
| المنصة | الحجم الموصى به | التنسيق | ملاحظات |
|---|---|---|---|
| بطل الموقع / تغطية كاملة | 1920x1080 | WebP/AVIF | أرسل نسخة 2x لـ Retina حيثما يهم الأمر |
| صورة محتوى المدونة | 1200 إلى 1600 px عرض | WebP | طابق عرض العمود مضروبًا في كثافة العرض |
| مربع إنستغرام (Instagram square) | 1080x1080 | JPEG/WebP | يتجاهل أي شيء أعلى من 1080 عرضاً |
| صورة شخصية لإنستغرام (Instagram portrait) | 1080x1350 | JPEG | تعظيم مساحة التغذية العمودية |
| رأس البريد الإلكتروني (Email header) | 600 px عرض | JPEG | عملاء البريد الإلكتروني يعانون من AVIF/WebP |
| طباعة 8x10" | 2400x3000 @ 300 DPI | TIFF/PNG | لا تضغط بشكل ضائع قبل الطباعة |
صورة هاتف بدقة 4032x3024 مبالغ فيها لإنستغرام وخاطئة لطباعة 8x10" في نفس الوقت — إنها الشكل الخاطئ، مما يؤدي إلى الفخ التالي.
أخطاء الوضوح الشائعة (وكيفية إصلاحها)
-
تمديد صورة صغيرة لتصبح أكبر. يضاعف التكبير البكسلات ولكنه لا يضيف تفاصيل؛ تصبح الحواف ناعمة فحسب. إذا اضطررت لذلك، استخدم برنامج تكبير يعتمد على الذكاء الاصطناعي بدلاً من أقرب جار (nearest-neighbor). ابدأ بمرجعنا how to upscale images.
-
الثقة في علامة "72 DPI" للويب. لا تفعل شيئًا في المتصفح. قم بالتصدير حسب أبعاد البكسل بدلاً من ذلك.
-
نسيان نسبة العرض إلى الارتفاع قبل الطباعة. صورة بنسبة 3:2 تُجبر على إطار 8x10" (4:5) يتم قصها أو تشويهها. قم بالقص لتناسب نسبة الطباعة أولاً.
-
إرسال ملفات بحجم 8 MP لـ feed بدقة 1080 px. يهدر النطاق الترددي؛ فالمنصة تقوم بتصغيرها وإعادة ضغطها على أي حال، وأحيانًا يكون أسوأ مما كنت ستقوم به.
-
الطباعة عند 72 DPI لأن الملف قال ذلك. علامة DPI هي مجرد اقتراح. أعد التحقق من عدد البكسلات: بوصات مضروبة في 300.
متى يجب عليك تكبير الصورة؟
التكبير يستحق العناء عندما يكون المصدر صغيرًا بالفعل جدًا لهدف معين وليس لديك طريقة لإعادة التصوير أو إعادة التصدير. ثلاث حالات ألجأ إليها فيها:
- يجب أن تملأ صورة عميل لافتة بطل (hero banner) ولكن الأصل الوحيد هو بعرض 800 px. قم بالتكبير إلى حوالي 1920 px باستخدام نموذج AI، ثم قم بالتحسين.
- صورة هاتف صغيرة تحتاج إلى طباعة صغيرة (مثل 4x6") وتقع أقل بقليل من 1800x1200. التكبير المتواضع بنسبة 1.5x يسد الفجوة.
- ترميم الصور القديمة أو الممسوحة ضوئيًا لعرض أكبر، حيث يقوم الذكاء الاصطناعي بإعادة بناء نسيج معقول.
التكبير ليس مستحقًا عندما يكون المصدر كبيرًا بما يكفي بالفعل، أو عندما تتوقع منه تصنيع تفاصيل لم يتم التقاطها أبدًا. إنه يركب بكسلات معقولة؛ ولا يستعيد المعلومات الغائبة. للحصول على مقارنة أعمق للنماذج والحدود، اقرأ دليلنا AI image upscaler guide. كما أن مرجع أنواع الصور من MDN image type reference مفيد لفهم كيفية ترميز WebP و AVIF للنتيجة المكبرة.

الخلاصة الأساسية: البكسلات للشاشات، وDPI للحبر
عامل العالمين بشكل منفصل وتختفي معظم ارتباك الوضوح. على الشاشة، أرسل أبعاد البكسل الصحيحة للعرض، واضبط DPI على ما تفضله، واضغط بقوة بتنسيق حديث. أما للطباعة، فقم بالعملية الحسابية — بوصات مضروبة في 300 — وأكد عدد البكسلات أولاً، وبعد ذلك فقط اهتم بعلامة DPI. يُعد ملخص Adobe لـ resolution مرجعًا جيدًا للجانب المطبوع إذا كنت تريد مصدرًا ثانيًا.
تحذير صادق واحد
يفترض كل رقم أعلاه وجود مصدر تم التقاطه وتصويره بشكل جيد. لا يمكن لأي إعداد وضوح، أو علامة DPI، أو برنامج تكبير أن ينقذ صورة خارج نطاق التركيز، أو ضبابية الحركة، أو بها تشويش من مستشعر صغير. لقد شاهدت الناس يطاردون الميغابكسلات وDPI على صورة ناعمة بدلاً من إعادة التصوير — يصبح الملف أكبر وتظل الصورة مخيبة للآمال. قم بالالتقاط بشكل صحيح أولاً؛ الوضوح هو الجزء السهل بعد ذلك.

حقوق الصور (Image credits)
- بيئة عمل عصرية بشاشتين تعرضان برامج تصميم — صورة بواسطة Daria Shevtsova على Pexels
- لقطة مقربة لعدسة زووم من Canon مع قطرات ماء — صورة بواسطة Suzy Hazelwood على Pexels
- مجموعة من الصور الفوتوغرافية المطبوعة لمواضيع متنوعة — صورة بواسطة Tima Miroshnichenko على Pexels
استخدم الأدوات المجانية أثناء متابعة الدليل.
تابع القراءة

Tue Mar 24 2026 20:00:00 GMT-0400 (Eastern Daylight Time)
كيفية إضافة علامة مائية للصور (حماية حقوق النشر)
أضف علامة مائية للصور لحماية حقوق النشر: مقارنة بين وضع العلامة في الزاوية مقابل التوزيع الشبكي أو الوسط الخافت، وكيفية تطبيقها على دفعات (batch-watermark)، والموازنة بين مستوى الحماية وجودة الصورة.

Thu Mar 19 2026 20:00:00 GMT-0400 (Eastern Daylight Time)
كيفية إنشاء تأثير ثنائي اللون على الصور (دليل التصميم)
تعرّف على كيفية إنشاء تأثير ثنائي اللون للصور: كيف يعمل التدرج اللوني المكون من لونين، وأفضل أزواج الألوان، وكيفية تطبيقه في Canva و Photoshop أو ImageMagick، ومجالات استخدامه.

Thu Mar 12 2026 20:00:00 GMT-0400 (Eastern Daylight Time)
دليل تحسين محركات البحث للصور 2026: الزحف، التصنيف، والحصول على الاقتباسات
سير عمل عملي لتحسين محركات البحث للصور في 2026، يغطي الملفات القابلة للزحف، alt text، أسماء الملفات، schema، تسليم CDN، Core Web Vitals، والرؤية الجغرافية (GEO visibility).