الصور في الإنترنت وأنواعها - حصري للويلان

[align=center]


لماذا هذا التنوع في هيئات الصور الموجودة على الإنترنت؟


هل تساءلت لماذا يوجد أكثر من نوع للصور على الانترنت؟

فنحن نشاهد دائماً أنواع صورٍ كالتالية:




1- GIF (صور جف الثابتة)

2- JPEG (صور جاي بي إي جي)

3- GIF المتحركة (Animated GIF)

4- MPEG (إم بي إي جي)

5- Shockwave (الملفات الفلاشية)






في الحقيقة أن النوعين الأكثر شيوعاً هما JPEG و GIF و العديد منا قد لا يعرف ما الفرق بين كل من هذه الأنواع الخمسة.

قبل كل شيء لابد أن نعرف أن الصور النقطية (Bitmap -24 Bit) التي اعتدنا عليها في الرسام مثلاُ.. تخزن الصورة بوصف لون كل بكسل (نقطة على الشاشة) من ألوان الصورة وحجم الوصف لكل بكسل هو 24 بت .. نوضح أكثر :

لو كان لدينا صورة أبعادها 200 * 200 بكسل فإنها سوف تخزن كالتالي:


200 * 200 = 40.000 بكسل (عدد نقاط الصورة)

نأخذ عدد نقاط الصورة ثم نضربها بحجم تخزين كل نقطة واتفقنا أنه 24 بت :


40.000 * 24 بت = 690.000 بت

هذا هو حجم الصورة..

نستطيع أن نحولها للبايت حيث أن البايت الواحد فيه 8 بتات..

فبالقسمة على 8 نحصل على الحجم بالبايت وهو =120.000 بايت... وإن شئت حوله للكيلو بايت بالقسمة على 1024 ويساوي = 120 كيلو بايت تقريباً.


هذا ما يحدث في تخزين الصور النقطية.. ماذا عن الصور الأخرى المذكورة؟



مايميز صور GIF و JPEG عن الطريقة أعلاه هو عملية الضغط (Compression) للصورة بطريقة مختلفة عن الصور النقطية BMP .

كيف؟

لنأخذ كل نوع من أنواع الصور الخمسة في موضوع مستقل... تخفيفاً للعبء على القراء الأكارم.


للحديث بقية...



[/align]

[align=center][glow=0000FF]أولاً: GIF[/glow]

في صور جيف (GIF) الثابتة يتم توصيف الصورة بلون من 256 لون فقط أي أن عدد الألوان التي توصف بها صور GIF هي 256 فقط.

كيف يتم التوصيف:

إذا كان لدينا لون أحمر في أحد سطور الصورة وتكرر اللون الأحمر في 40 بكسل في سطرنا هذا فسوف يتم التخزين بكتابة رقم اللون والذي هو في حالتنا هذه الأحمر ثم يليه عدد مرات تكراره في السطر ...

يعني لو افترضنا أن اللون الأحمر رقمه 250 ..
وتكرر في السطر في 60 بكسل فسوف يتم تخزينه كالتالي:

(رقم اللون, عدد التكرار)
(250 , 60)

وهذا رائع جداً لتخزين الصور التي يطغى عليها ألوان معينة .. مثال لدينا الصورة التالية:





بتنسيق BMP استهلكت 511.5 كيلوبايت تقريباً.. حسبناها من أبعادها وهي 512 بكسل * 341 بكسل... كما فعلنا سابقاً:

(512 * 341) = 174.592 بكسل
نضربها في 24 = 4.190.208
نقسمها على 8 = 523.776 بايت
نحولها للكيلوبايت بالقسمة على 1024 = 511.5 كيلو بايت



أما عند تخزينها بصيغة GIF فقد استلهكت 40 كيلو بايت فقط... (هل لاحظت الفرق؟).



تحذير: أحيانا تفقد بعض ألوان الصورة عند تخزينها أو تحويلها لصيغة GIF كما حدث معنا هنا.. لماذا؟ (اللي يجاوب له درجة عندي).



للشرح بقية...[/align]

[align=center]
[glow=0000FF] ثانياً : صيغ JPEG وأشهرها صيغة (JPG) [/glow]

يبدو لي أن هذه الصيغ هي الأكثر شعبية والأشهر لدى العامة من الناس فلماذا بظنكم؟

هناك سببين في نظري:
أولاً: القدرة العالية على حفظ بيانات الصورة بدقة.
ثانياً: إمكانية التحكم في حجم الصورة للدرجة التي نرضى عنها تناسباً بين الحجم والنقاوة.

ولذلك هي المفضلة في تخزين الصور الفوتوغرافية...



ولكن ماهي الطريقة التي تتبعها صور JPG للضغط؟

الحقيقة أن هذه الهيئة من الصور تستخدم تقنية معقدة نوعاً ما للضغط... ولكن سوف أوضح لكم الآلية:


لدينا هذه الصورة المليئة بالألوان:




نحن نعلم أن الصورة توصف الألوان فيها لوناً لوناً فلو وصفناها بالطريقة المعتادة لكان التوصيف كالتالي:

الموقع (1.1) اللون (أخضر)
الموقع (2.1) اللون (أزرق)
الموقع (3.1) اللون (أبيض)
الموقع (4.1) اللون (أصفر)
الموقع (5.1) اللون (أحمر)

لو حسبنا عدد الخانات التي استخدمناها للتوصيف لوجدناها = 125 خانة

أما في JPG فالذي يحدث أن الضغط يتم كالتالي:

ينشأ قاموس للتوصيف ويرمز لكل لون برقم معين كما يلي:

أخضر=1
أزرق=2
أبيض=3
أصفر=4
أحمر=5

هذا الجدول فيه 30 خانة وهي عدد الحروف والأرقام الموجودة فيه..

شي جميل.. مالذي يحدث بعدها؟

يكون التوصيف كالتالي:

الموقع (1.1) اللون (1)
الموقع (2.1) اللون (2)
الموقع (3.1) اللون (3)
الموقع (4.1) اللون (4)
الموقع (5.1) اللون (5)

عدد الخانات هنا 110 فقط ..

إذن بهذه الطريقة وفرنا 15 خانة (عدد الخانات بالتوصيف العادي – عدد الخانات بالتوصيف باستخدام القاموس)..

لو خزنا القاموس مع الصورة وهذا ضروري لكان عدد الخانات الإجمالي 110 + 30 = 140 خانة..

بينما في الطرية العادية تطلب الأمر 125 خانة فقط.. هل هذا جيد؟

على مستوى صورة بسيطة فإن هذا التوفير ليس ذا فائدة كبيرة ولكن تخيل أن الصورة كانت مليئة بالألوان.. سوف تكون النتيجة مذهلة.....




للشرح بقية...




[/align][/color][/align]

[align=center][/align]


[align=center]يعطيك العافية[/align]

[align=center]

عساك على القوه[/align]

[align=center][glow=0000FF]ثالثاُ: GIF المتحركة[/glow]

هذه الصيغة بكل بساطة عبارة عن عدة صور GIF ثابتة متسلسلة في ملف واحد و تعرض تباعاً لتعطي إيحاءً بالحركة..

و عند وجود عدد كافي من الصور داخل جف المتحركة سوف تحس بأن الحركة واقعية جداً..

وهنا يكون حجم ملف GIF المتحركة (Animated GIF) هو عبارة عن مجموع أحجام الصور المكونة له...

ومع هذه الإمكانيات الحركية يبقى حجم ملفات GIF المتحركة صغيراً ومعقولاً جداً .. خصوصاً لأصحاب الشبكات الضعيفة كالسعوديين ...

مثال عملي:

هذه الصورة في الأسفل عبارة عن GIF متحركة ..





وبتحليلها بالعين المجردة نجد أن أنها تتكون من ثلاث صور وهي كالتالي:

الصورة الأولى:


الصورة الثانية:


الصورة الثالثة:


ووظيفة برامج صنع ملفات GIF المتحركة هي القيام بعملية الربط بين كل صورة واللتي تليها والقيام بعملية انتقال سلسة...





وللشرح بقية...[/align]

[align=center]أخوي العماري

الله يعطيك الف عافيه على ماقدمت
وجهود تشكر عليها

تقلد أحترامي [/align]

[align=center][all1=CCCC66][align=center]
[align=center]تسلم يدينكـــ أخوي
مجهود تشكر عليه عسك على القوه
مشكور وبارك الله فيك
تحياااااااااااتي لك ؛؛؛[/align][/align][/all1][/align]

[align=center]بيض الله وجهك والله يعطيك العافية شرح مميز تشكر علية


تقلد أحترامي [/align]

[align=center]حياكم الله جميعاً ... آنستونا بحضوركم..


يوجد سؤال لم يجب عليه أحد ورد في شرح صور الجف وهو :

تحذير: أحيانا تفقد بعض ألوان الصورة عند تخزينها أو تحويلها لصيغة GIF كما حدث معنا هنا.. لماذا؟ (اللي يجاوب له درجة عندي).

[/align]