الصفحة الرئيسية
الصفحة الرئيسيه المرجع الكامل كتب وبرامج مجانية المنتدي  مواقع هامه

أنواع الملفات

والآن حان الوقت لكي نناقش معاً بعض الأمور التي تتعلق بالصور والرسومات بشكل عام

فهرس الصفحة

[JPEG | GIF | PNG | PIXEL ]

هل حاولت أن تتعرف على أنواع الملفات الرسومية التي تقوم بتحميلها خلال تصفحك لمواقع الإنترنت؟
يزخر عالم الكمبيوتر بالعشرات من أنواع الملفات الرسومية وتنسيقات الصور. وكل منها يختلف عن غيره من عدة نواح، أذكر لك منها: الدقة، وعدد الألوان التي يستوعبها، والحجم التخزيني للملف. لكن هناك نوعين فقط من هذه الملفات يتم تداولهما حالياً في الإنترنت وهما:JPEG و GIF
JPG, JPEG
إختصارJoint Photographic Experts Group. ويدعم هذا التنسيق صوراً بعيار 24 بت (أي 16.7 مليون لون). وميزة هذا التنسيق تتمثل في إمكانية ضغط الصور بنسب مختلفة عند تخزينها وبالتالي الحصول على صور صغيرة الحجم نسبياً.(أعني هنا حجم التخزين بالكيلوبايتات وليس أبعاد الصورة). لكن بالمقابل كلما إزدادت نسبة الضغط وصغر حجم الملف كان ذلك على حساب الجودة والوضوح. و إليك هذا المثال التوضيحي

JPEGصورة ليست مضغوطة نهائيا JPEGمضغوطة ضغط متوسط
JPEGمضغوطة بنسبه عليه JPEG مضغوطة ضغط كامل

 

GIF
إختصار  Graphical Interchange Format وأقصى عدد للألوان في هذا التنسيق هو 265 لون. ومع ذلك فإن أحجام الصور المخزنة به كبير نسبياً مقارنة بتنسيق JPG. لكن هناك مزايا رائعة ينفرد بها تنسيق GIF مما يستدعي استخدامه في صفحات الويب، أولها القدرة على تخزين صور بخلفيات شفافة Transparent Images وثانيها الصور المتحركة Animated Gifs
وتجد معلومات وافية ودروساً مفصلة حول هذه المواضيع ضمن دروس » Paint Shop Pro.  وإليك هذا المثال

ذه صورة JPEGوعند تحويلها إلي GIF تقل درجة التباين والوضوح لها    GIF ذات خلفيه شفافة   GIF animation: صورة متحركة والصورة المتحركة عبارة عن إطارات تعرض بزمن معين
Big Thanks For http://www.yourhtmlsource.com


والآن قد تسأل، أي من هذين التنسيقين أستخدم في صفحاتي؟! لا يوجد جواب قطعي لهذا السؤال لكن إليك هاتين المعادلتين:
JPG= الصور الحقيقية ذات العدد الكبير من الألوان، وذات الأبعاد الكبيرة
GIF= الصور قليلة الألوان وصغيرة الأبعاد مثل الأزرار.
ولهذا أستخدم JPEG للصور الكبيرة أما الGIF فإستخدمها لباقي الأشياء


PNG

إختصار Portable Network Graphics وهو نوع جيد إبتكر خصيصا من أجل المواقع Web ليهيمن علي النوعين السابقين فلديه أفضل مميزات النوعين السابقين و أقل عيوب عنهم أيضا فمميزاته :- هي الشفافيه Transparent و ألوان ذات درجة وضوح عاليه و قنوات ألفا (لا أعرف ما هي) وأفضل من ضغط الJPEG وتستطيع أن تضع معها المعلومات الخاصه بك حتي لا تسرق الصور الخاص بك من قبل الغير ، كل شيء جيد بل فوق الجيد ولكن هناك مشكله واحده حتى هذه اللحظه هي أن هذا النوع يدعم من قبل الـ IE5 و لا يدعمه الـ Netscape4 ولن يعمل هذا النوع مع المستعرضات القديمة ولكن في الإصدارات القادمة للـ IE6 و الـ Netscape7 سنجد سيل من صور من هذا النوع PNG 


تعريف الـ Pixel

والآن نتحدث عن وحدة البيكسل Pixel (ألم أعدك مسبقاً بتوضيحها). وهي اختصار لـِ Picture Element. إذا كانت شاشتك بإستبانة 640×480 فهذا يعني أنها مقسمة(نظرياً) إلى شبكة من 640 عمود و480 سطر(  لمزيد من المعلومات عن حجم الشاشه أضغط هنا ). وبمنتهى البساطة، إن كل خلية من هذه الشبكة تمثل بيكسل وبالطبع كلما زادت الإستبانة كلما صغر حجم وحدة البيكسل.

 

الدرس التالي»»»

< الصفحة الرئيسيه | المرجع الكامل | الصور >

 

المصدر العربي التعليمي للـHTML

¤  المحتويات 

البدايه هنا
أبدأ هنا ·
دروس سريعة للمبتدئين ·

الدروس المتخصصه
النص ·
الصور ·
الجداول ·
الأطر ·
النماذج ·

 

فهرس الصور  ¤

>  الصور والرسومات
> الصورة ذات البيكسل الواحد

> Thumbnails

> خرائط الصور

> الوسائط المتعددة

> أسماء الألوان

> 216كود للألوان

> مكعب الألوان

 

¤  Html4Arab صندوق الأدوات 

> إبحث في الموقع  Search


Html4Arab بحث المصدر العربي التعليمي لل HTML يأتيكم من [Atomz.com] بحث متقدم


أشترك في القائمة البريدية
لتحصل علي آخر آخبار
الموقع و التحديثات

أشترك إلغاء الإشتراك

> أخبر صديقك عن الموقع

هل أعجبت بموقعنا


أذن أضفنا إلي المفضله <


مستخدمين ال Netscape أضغط CTRL+D

 
" إعلانات "

 


برعاية شبكة هايل

^ أعلي^ للإعلان بالموقع اربط بموقعنا أتصل بنا

© 2002 Ahmed Salah