منتديات الويلان

منتديات الويلان (http://www.al-welan.com/vb/index.php)
-   منتدى التصاميم والابداع (http://www.al-welan.com/vb/forumdisplay.php?f=83)
-   -   الصور في الإنترنت وأنواعها - حصري للويلان (http://www.al-welan.com/vb/showthread.php?t=7466)

العماري 05-14-2007 03:28 PM

الصور في الإنترنت وأنواعها - حصري للويلان
 
[align=center]http://www.w6w.net/album/35/w6w20050...3957163f99.gif


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


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

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


http://www.uaekeys.com/fwasel/www.uaekeys.com46.gif

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

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

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

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

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

http://www.uaekeys.com/fwasel/www.uaekeys.com46.gif




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

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

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


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

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


40.000 * 24 بت = 690.000 بت

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

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

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


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

http://www.uaekeys.com/fwasel/www.uaekeys.com22.gif

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

كيف؟

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


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

http://www.hneeen.net/abodi/10/1156689895.gif

[/align]

العماري 05-14-2007 03:36 PM

رد: الصور في الإنترنت وأنواعها - حصري للويلان
 
[align=center][glow=0000FF]أولاً: GIF[/glow]

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

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

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

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

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

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


http://www.m5zn.com/uploads/cb2408bf17.bmp


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

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



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

http://www.m5zn.com/uploads/1e05c11d8f.GIF

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



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

العماري 05-14-2007 04:24 PM

رد: الصور في الإنترنت وأنواعها - حصري للويلان
 
[align=center]
[glow=0000FF] ثانياً : صيغ JPEG وأشهرها صيغة (JPG) [/glow]

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

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

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



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

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


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

http://www.m5zn.com/uploads/abf3e70d55.gif


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

الموقع (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 خانة فقط.. هل هذا جيد؟

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




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


http://www.hneeen.net/abodi/10/1156689895.gif

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

فــدا عنزه 05-14-2007 06:50 PM

رد: الصور في الإنترنت وأنواعها - حصري للويلان
 
[align=center]:):)[/align]


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

daimon 05-14-2007 07:33 PM

رد: الصور في الإنترنت وأنواعها - حصري للويلان
 
[align=center]http://www.qatar111.com/vb/images/threadbag/004.gif

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

العماري 05-14-2007 09:05 PM

رد: الصور في الإنترنت وأنواعها - حصري للويلان
 
[align=center][glow=0000FF]ثالثاُ: GIF المتحركة[/glow]

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

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

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

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

مثال عملي:

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



http://www.hneeen.net/abodi/10/1156689895.gif

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

الصورة الأولى:
http://www.m5zn.com/uploads/82853965bb.jpg

الصورة الثانية:
http://www.m5zn.com/uploads/4d6e94401b.jpg

الصورة الثالثة:
http://www.m5zn.com/uploads/6e5bb8cfb9.jpg

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


http://img139.imageshack.us/img139/6517/05122ze.gif


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

مشعل النمران 05-14-2007 09:20 PM

رد: الصور في الإنترنت وأنواعها - حصري للويلان
 
[align=center]أخوي العماري

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

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

شموخ 05-14-2007 09:49 PM

رد: الصور في الإنترنت وأنواعها - حصري للويلان
 
[align=center][all1=CCCC66][align=center]http://www.m5zn.com/uploads/80202965ef.gif
[align=center]تسلم يدينكـــ أخوي
مجهود تشكر عليه عسك على القوه
مشكور وبارك الله فيك
تحياااااااااااتي لك ؛؛؛
[/align][/align][/all1][/align]

أبو خالد 05-14-2007 09:49 PM

رد: الصور في الإنترنت وأنواعها - حصري للويلان
 
[align=center]بيض الله وجهك والله يعطيك العافية شرح مميز تشكر علية


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

العماري 05-15-2007 05:56 AM

رد: الصور في الإنترنت وأنواعها - حصري للويلان
 
[align=center]حياكم الله جميعاً ... آنستونا بحضوركم..


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

اقتباس:

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


الساعة الآن 01:45 AM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2024, vBulletin Solutions, Inc.