نادي الهلال السعودي - شبكة الزعيم - الموقع الرسمي - امتدادات الصور ((( أنواعها ومفاهيمها وحقيقتها ))

http://www.4img.com/ar/up/06/11/15/c...767838ced5.gif

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

- gif

- jpeg

- png

أغلب الناس يعتقد الآتي :

للصور يجب علينا استخدام الامتداد .jpg

اما الشعارات فيجب علينا استخدام الامتداد .gif .

حسناً ، هذا اعتقاد صحيح نوعاً ما ، ولكنه ينقصه القليل من التفصيلات . فلنفرض أنك تريد صنع شعار يحتوي على

صورة ، ماذا سوف تفعل أي الامتدادين تأخذ ؟ أو مثلاً يوجد لديك صورة ولكنها صغيرة فهل تحفظها بالامتداد .jpeg أم

لا ؟

بما أنك مصمم ، فأتوقع أنك تهتم بـ (1)وضوح الصورة (2)صغر حجمها .

لنعمل مقارنة بسيطة

مثــــال :

http://www.4img.com/ar/up/06/11/15/e...c3c721d944.gif
....

http://www.4img.com/ar/up/06/11/15/0...f0bd5a2fa4.gif

هل يوجد فرق بين هاتين الصورتين ؟

في الشكل لا أظن أن هناك فرق ولكن في الحجم نعم يوجد فرق ، بل فرق شاسع حيث توجد صورة حجمها يساوي

ضعف الأخرى . مع أنهن من نفس النسق وهو.gif .

لماذا ؟

في الصورة الأولى استعملت الأمر Save For Web والموجود في القائمة الرئيسية File . هذا الأمر لم يكن موجود قبل

الإصدار رقم 5.5 من برنامج الفوتوشوب .

وهو في الحقيقة ينقص عدد الصورة إلى حجم كبير جداً .

في الصورة الثانية ، استعملت الطريقة التقليدية في حفظ الصور وهي اختيار الأمر Save As من القائمة File ، فنتج أن

هذه الصورة تساوي ضعف حجم الصورة السابقة .

حسناً ، لكن ماهو الامتداد .png ؟

في البداية أحب أن أوضح لك معنى الكلمة PNG وهي (Portable Network Graphics) . هذا الامتداد ممتاااااااااااااز جداً ،

ولكن فكرة استعماله حالياً غير مجدية ، لأن أغلب المتصفحات لا تدعمه ، ولأفضل متصفح يدعم هذا الامتداد حالياً هو

المتصفح Internet Explorer 5.0 الخاص بالنظام Macintosh ، أما Internet Explorer الخاص بالنظام ويندوز فهو يدعم هذا

الامتداد ولكنه لا يدعم كل مميزاته (حتى Internet Explorer لا يدعم هذا الامتداد إلا في النسخة 5 وما بعدها).

مميزات كل امتداد

لنبدأ بالامتداد .gif .

1-هذا الامتداد يدعم الحركة داخل الصور.

2- يدعم الشفافية ( الشفافية هي أن تصنع صورة يكون لون الخلفية فيها مثل لون خلفية الصفحة ).

3-لا يستوعب هذ الامتداد إلا 256 لون .

أما الامتداد .jpeg فمميزاته كالتالي :

1-لا يدعم الحركة داخل الصور.

2-لا يدعم الشفافية.

3-يدعم هذا الامتداد في أقصى طاقة له 16 مليون لون .

أما الامتداد .png فمميزاته كالتالي :

1-لا يدعم الحركة داخل الصور.

2-لا يدعم الشفافية.:إذا قمت بعمل خيارات بسيط:.

3-يدعم هذا الامتداد في أقصى طاقة له 16 مليون لون .

ملاحظــة :

إذا كنت من مصممين المواقع فإحرص على تصغير حجم جميع الصور التي في الموقع لكي لا تنفر الزوار .

أما إذا كنت من المصممين ، فإحرص على أن تصغر حجم أعمالك لكي يكون لديك العديد من المشاهدين .

اتمنى انكم استفدتوا

من الموضوع

لكمـ تحياتيـ,