Lecture 1.

Introduction to Digital
Image Processing
Dr. Mariam Saii
Dr. Ali Mayya
Depended on: C. Gonzalez & R. E. Woods,Digital Image Processing 3rd edition, 2008.

(c) 2018-2019 For 5th Year Computer and Automatic Control Engineering, , Tishreen University
 ‫مفردات المقرر ‪Course Vocabulary‬‬
‫مقدمة إلى معالجة الصورة‬ ‫•‬
‫العمليات على مستوى البكسالت‬ ‫•‬
‫هيستوغرام الصورة ‪Histogram‬‬ ‫•‬
‫معالجة الصورة في المجال الفراغي ‪( Spatial Domain‬تحويالت السويات الرمادية)‬ ‫•‬
‫معالجة الصورة في المجال الفراغي (مرشحات المجال الفراغي)‬ ‫•‬
‫معالجة الصورة في المجال الترددي ‪( Frequency Domain‬تحويل فورييه)‬ ‫•‬
‫معالجة الصورة في المجال الترددي (تحويل المويجات)‬ ‫•‬
‫تجزيء الصورة ‪Image Segmentation‬‬ ‫•‬
‫ضغط الصورة ‪Image Compression‬‬ ‫•‬
‫تمثيل وتوصيف الصورة ‪Image Description and Representation‬‬ ‫•‬
‫معالجة الصورة الملونة ‪Color Image Processing‬‬ ‫•‬
‫العمليات المورفولوجية ‪Morphological Image Processing‬‬ ‫•‬
‫‪Image Recognition‬‬ ‫العميق)‬
‫‪(c) 2018-2019‬‬ ‫التعلم‬
‫‪For 5th Year‬‬ ‫‪ and‬إلى‬
‫‪Computer‬‬ ‫التعرف على الصورة (مدخل‬ ‫•‬
‫‪Automatic Control Engineering Dr.Mariam Saii,‬‬
‫‪Dr. Ali Mayya‬‬
Course Outline
:‫• الجزء العملي‬
‫• مخبر معالجة الصورة‬
Quiz )‫• (اختبارات على األجهزة‬
Practical exam ‫• امتحان عملي على األجهزة‬
Simple Project •
Python ،Matlab, C# ‫• لغات البرمجة‬

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫األهداف العامة ‪Typical Goals‬‬
‫معالجة الصورة ‪Image Processing‬‬ ‫•‬
‫تحسين الصور وفق وجهة نظر اإلنسان‪.‬‬ ‫•‬
‫تحليل الصورة ‪Image Analysis‬‬ ‫•‬
‫تحسين الصور من أجل تطبيقات تعلم اآللة (وفق وجهة نظر اآللة)‬ ‫•‬
‫التعرف على الصورة ‪Image Recognition‬‬ ‫•‬
‫فهم مكونات الصورة والعالقات بينها‬ ‫•‬

‫‪(c) 2018-2019 For 5th Year Computer and‬‬

‫‪Automatic Control Engineering Dr.Mariam Saii,‬‬
‫‪Dr. Ali Mayya‬‬
 ‫‪Why Image Processing‬‬

‫تفسير ظواهر ال يمكن للعين المجردة مالحظتها‬ ‫تقليل بيانات الصور من‬
‫أجل التخزين والنقل‬

‫‪(c) 2018-2019 For 5th Year Computer and‬‬

‫‪Automatic Control Engineering Dr.Mariam Saii,‬‬
‫‪....‬‬ ‫الطب والفضاء واألمن‬‫في ‪Dr. Ali‬‬ ‫تطبيقات معالجة الصورة‬
‫‪Mayya‬‬
 ‫مستويات معالجة الصورة‬
‫• ‪Low-level‬‬
‫• الترشيح‪ ،‬تقليل الضجيج‪ ،‬التحسين (الدخل والخرج هنا صورة)‬
‫• ‪Mid-level‬‬
‫• التجزيء‪ ،‬وصف وتمثيل الصورة‪ ،‬استخالص سمات الصورة‬
‫(الدخل صورة والخرج صفات أو سمات الصورة)‬
‫• ‪High-level‬‬
‫• التعرف على الصور‪ ،‬الحصول على المعرفة من الصور (الدخل‬
‫سمات الصورة والخرج معرفة)‪.‬‬

‫‪(c) 2018-2019 For 5th Year Computer and‬‬

‫‪Automatic Control Engineering Dr.Mariam Saii,‬‬
‫‪Dr. Ali Mayya‬‬
 Image ‫مفهوم الصورة‬
X
• An image is a 2-D function ‫تابع ثنائي البعد‬
• f(x, y)
• x and y - spatial coordinates ‫إحداثيات مكانية‬ 5
• f - amplitude (intensity, gray level) at a point
with coordinates (x, y) ‫قيمة السوية الرمادية‬
Y
• All values finite and discrete - digital image Intensity
‫شدة السوية الرمادية‬
)‫• قيم الصورة متقطعة (صورة رقمية‬ )‫(قيمة البكسل‬
• Each value - pixel (picture element)
‫• كل قيمة تسمى من وجهة نظر الصورة بـمصطلح‬ (1,4)
»‫«البكسل‬ ‫إحداثيات البكسل‬

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
Electromagnetic Spectrum
‫المجال الكهرومغناطيسي‬

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫مصادر الصور‬
‫ الضوء المرئي‬Visible light

Microscopic images of a CD, cholesterol, and a

microprocessor

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫مصادر الصور‬
‫ أشعة فوق بنفسجية‬Ultraviolet Light

‫قدرة النحلة على رؤية الزهرة كما تظهر في‬

.‫التصوير باألشعة فوق البنفسجية‬

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫مصادر الصور‬
‫ أشعة تحت الحمراء‬Infrared light

‫صورة مجرة باألشعة المختلفة‬

)IR ،near IR ،‫ مرئية‬،‫(مركبة‬

:‫المصدر‬
https://blog.theuniversesolved.com
/2012/04/23/things-we-cant-see/

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫مصادر الصور‬
‫ أشعة سينية‬X-ray

:‫المصدر‬
X-Ray ‫صورة أشعة سينية‬ CT ‫صورة أشعة سينية‬ http://lonetreefp.com/x-ray-and-bone-
‫صور العمود الفقري‬ ‫للرأس‬ density-testing/

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫مصادر الصور‬
‫أشعة راديوية‬

‫صورة بالرنين المغناطيسي‬

Spin ‫للعمود الفقري‬
‫التصوير بالرنين المغناطيسي‬
Magnetic resonance imaging (MRI)

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫مصادر الصور‬
‫‪Microwave Lights‬أشعة ميكروية‬
‫التصوير باألشعة الميكروية‬
‫كشف العيوب في األنابيب المصنعة بإجراء‬
‫مسح باألشعة الراديوية‬

‫‪(c) 2018-2019 For 5th Year Computer and‬‬

‫‪Automatic Control Engineering Dr.Mariam Saii,‬‬
‫‪Dr. Ali Mayya‬‬
 ‫مصادر الصور‬
‫ أشعة غاما‬Gamma Lights
‫التصوير بأشعة غاما‬
‫تستخدم لتطبيقات تصوير الهيكل العظمي‬
‫تعطي صور مجسمة‬

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫مصادر الصور‬
‫صورة مشهد بأنواع مختلفة من األشعة‬
‫صورة بأشعة ذات حزم مختلفة لنفس المشهد (مشهد فضائي)‬

‫‪(c) 2018-2019 For 5th Year Computer and‬‬

‫‪Automatic Control Engineering Dr.Mariam Saii,‬‬
‫‪Dr. Ali Mayya‬‬
 ‫مصادر الصور‬
Ultrasound ‫تصوير باألشعة فوق الصوتية‬

‫تصوير أجزاء الجسم‬

‫بشكل خاص في تصوير‬
Fetal ‫األجنة‬

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
‫مكونات نظام معالجة الصورة ذو األهداف العامة‬

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫استحصال (التقاط) الصورة‬
Image acquisition
• Sensor to measure energy ‫حساسات قياس الطاقة‬
• CCD arrays
• CMOS

‫المنبع‬
‫الضوئي‬
‫شبكة‬
‫أخذ العينات‬
‫الحساسات‬
+ Sampling
‫التكميم‬
Quantization
‫الكاميرا‬
‫المشهد‬

‫الصورة الرقمية‬
‫المكافئة للمشهد‬
(c) 2018-2019 For 5th Year Computer and
Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫استحصال (التقاط) الصورة‬
Image acquisition
• An image f(x, y)
• 0 < f(x, y) < ∞
• 0 ≤ Lmin ≤ f(x, y) ≤ Lmax < ∞ (monocromatic image)
• The interval [Lmin , Lmax] - grayscale of the image

)‫[ مجال الصورة الرمادي (الصورة ذات اللون الوحيد‬0-L-1] ‫[ أو‬Lmin , Lmax] •
• f(x, y) = i(x, y) r(x, y)
‫ اإلضاءة و االنعكاس‬:‫• الصورة الرقمية مركبتان هما‬
• 0 < i(x, y) < ∞ , illumination component
• Determined by illumination source ‫يحددها المصدر الضوئي‬
• 0 < r(x, y) < 1 , reflectance component
• Determined by object characteristics ‫تحددها خصائص الجسم المستقبل للضوء‬
‫• في حالة التصوير باألشعة التي تمر عبر األجسام (األشعة السينية) يتم استخدام‬
.‫االنعكاس‬ ‫من‬ ‫ بدالا‬Transmissivity ‫مصطلح النفاذية‬
(c) 2018-2019 For 5th Year Computer and
Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫استحصال (التقاط) الصورة‬
‫أخذ العينات ‪ & Sampling‬التكميم ‪Quantization‬‬
‫• خرج الحساس قيمة تشابهية مستمرة يجب تحويلها لقيمة متقطعة‪.‬‬
‫• أخذ العينات‪ :‬تحويل إحداثيات الصورة إلى إحداثيات متقطعة باستخدام خطوة ‪M = 2m‬‬
‫على المحور األفقي‪ ،‬و‪ N = 2n‬على المحور الشاقولي‪.‬‬
‫• التكميم‪ :‬تحويل قيم الصورة إلى قيم متقطعة (سويات رمادية أو قيم رقمية) ‪L = 2k‬‬
‫مستوى تكميم أو سوية رمادية‪ K .‬عدد البتات الالزمة لتخزين البسكل‪.‬‬
‫• صورة مكممة بـ ‪ 8‬بت يكون عدد سوياتها الرمادية ‪ 28=256‬ومجال هذه السويات هو‬
‫]‪.[0-255‬‬
‫• حجم الصورة التخزيني‬
‫• ‪size = (M×N×k)/8 bytes‬‬

‫‪(c) 2018-2019 For 5th Year Computer and‬‬

‫‪Automatic Control Engineering Dr.Mariam Saii,‬‬
‫‪Dr. Ali Mayya‬‬
 ‫تمثيل الصورة‬
Image representation

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 ‫الدقة ‪Resolution‬‬

‫• الدقة نوعان مكانية ‪ Spatial‬ودقة السويات الرمادية ‪.Gray level‬‬

‫الدقة المكانية‪:‬‬ ‫•‬

‫تتعلق بعدد العينات في واحدة المساحة (مساحة الصورة)‪ ،‬وبحجم البكسل‪.‬‬ ‫•‬
‫تحدد عدد النقاط في اإلنش الواحد حجم البكسل الواحد‪.‬‬ ‫•‬
‫في حال تثبيت حجم البكسل فإن الدقة المكانية تتأثر بمساحة الصورة (عدد‬ ‫•‬
‫أسطرها وأعمدتها)‪.‬‬

‫‪(c) 2018-2019 For 5th Year Computer and‬‬

‫‪Automatic Control Engineering Dr.Mariam Saii,‬‬
‫‪Dr. Ali Mayya‬‬
 Spatial Resolution ‫الدقة المكانية‬
‫ صورة ممثلة بنفس حجم البكسل لكن حجم الصورة مختلف‬:‫• مثال‬

Same Pixel Size

Different Image Sizes

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
 Spatial Resolution ‫الدقة المكانية‬
‫ صورة ممثلة بنفس حجم البكسل لكن بنفس حجم الصورة‬:‫• مثال‬
.1024*1024

Different Pixel
Size, Same
Image Sizes

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya
‫دقة السويات الرمادية ‪Gray Level Resolution‬‬
‫‪ 16‬بت‬ ‫‪ 8‬بت‬ ‫• تمثل عدد البتات الالزمة‬
‫لتمثيل البكسل الواحد من‬
‫الصورة ‪.Bit Per Pixel‬‬
‫• بفرض عدد البتات ‪ K‬عندها‬
‫عدد السويات الرمادية الممكنة‬
‫لتلوين الصورة هو ‪ 2k‬في‬
‫حين أن مجال السويات‬
‫الرمادية هو ‪.0-2k-1‬‬
‫• بفرض أن الصورة تتمثل بـ‬
‫‪ 8bits‬يعني أن مجال‬
‫هو‬ ‫الرمادية‬ ‫السويات‬
‫]‪.[0-255‬‬
‫• في حال استخدام عدد بتات قليلة‬
‫لتمثيل البكسالت نحصل على مشكلة‬
‫‪ false contour‬وهي تعني رداءة‬
‫‪ 4‬بت‬
‫‪(c) 2018-2019 For 5th Year Computer and‬‬
‫‪ 2‬بت‬ ‫ألوان الصورة (ألوان رديئة)‪.‬‬
‫‪Automatic Control Engineering Dr.Mariam Saii,‬‬
‫‪Dr. Ali Mayya‬‬
 ‫صيغ ملفات تخزين الصور‬
‫‪Image File Format‬‬
‫• هناك عدد من تنسيقات الملفات التي يمكن فيها تخزين الصور في الملفات واسترجاعها‬
‫من الملفات‪ .‬هذه هي المعروفة باسم معايير تنسيق ملف الصورة‪.‬‬
‫‪ BMP -1‬اختصار ‪ BitMap‬أقدم الصيغ‪ ،‬ال تتضمن ضغط للصورة‪ ،‬حجم تخزيني كبير‪،‬‬
‫استخدمت في تطبيقات الرسوميات قديما ا بسبب توافقها مع منصات التشغيل السابقة‪ ،‬لم تعد‬
‫مستخدمة بكثرة بسبب الحجم الكبير‪.‬‬

‫‪ BMP -2‬اختصار ‪ Joint Photographic Expert Group‬أقدم الصيغ‪ ،‬تتضمن ضغط‬

‫عالي للصورة‪ ،‬حجم تخزيني متوسط‪ ،‬دقة بين الجيدة والعادية لكنها ليست رديئة‪ ،‬تستخدم في‬
‫أغراض النقل والتراسل واألغراض العامة (التصوير) وتعتبر النوع األكثر استخداما ا‪.‬‬

‫‪ GIF -3‬اختصار ‪ ،Graphic Interchange Format‬تدعم الصور المتحركة‪ ،‬تتضمن ضغط عال‬
‫جدا ا ودقة منخفضة تدعم نمط الصور المفهرسة ‪ ،indexed Image‬شائعة االستخدام على االنترنت‬
‫لحجمها الصغير‬
‫‪ TIFF -5‬وهي اختصار لـ ‪Tagged‬‬
‫‪ ،Image File Format‬وتستخدم ضغط‬ ‫‪PNG -4‬اختصار ‪Portable Network‬‬
‫خفيف وتتمتع بدقة عالية وتتطلب حجم‬ ‫‪ ،Graphic‬هي النسخة األحدث من ‪GIF‬‬
‫تخزيني كبير‪ ،‬تستخدم في بعض الكاميرات‬ ‫وتستخدم في تصميم المواقع حيث أنها‬
‫الرقمية‪ ،‬الطابعات االحترافية وبعض‬ ‫أعلى دقة من ‪GIF‬‬
‫األجهزة الطبية‬
 ‫أنواع الصور ‪Image Types‬‬
‫• صور ثنائية قيمها ‪ 0‬أو ‪ 1‬حجمها التخزيني لكل‬
‫بكسل ‪ 1‬بت‬
‫• صور رمادية‪ :‬مجالها ]‪ [0-L-1‬وحجمها‬
‫التخزيني ‪ k‬بت لكل بكسل‬
‫• صور ملونة‪ :‬عدة مركبات رمادية (‪)4،3،2‬‬
‫• صور ملونة بنظام لوني ‪Color System‬‬
‫• ‪RGB‬‬
‫• ‪CMYK‬‬
‫‪Indexed‬‬ ‫(دليلية)‬ ‫مفهرسة‬ ‫• صور‬
‫‪Image‬‬

‫‪Indexed‬‬ ‫‪RGB‬‬

‫‪CMYK‬‬
‫ والتحويالت بينها‬Data Types ‫أهم أنواع بيانات الصور‬

(c) 2018-2019 For 5th Year Computer and

Automatic Control Engineering Dr.Mariam Saii,
Dr. Ali Mayya