نسق الصور


نسق الصور – الإمتدادات

مثال على الدرس

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

سوف نتكلم في هذا الدرس عن ثلاث امتداد رئيسية وهي :
.gif
.jpeg
.png

فلنبدأ

أغلب الناس يعتقد الآتي :
للصور يجب علينا استخدام الامتداد .jpg اما الشعارات فيجب علينا استخدام الامتداد .gif .
حسناً ، هذا اعتقاد صحيح نوعاً ما ، ولكنه ينقصه القليل من التفصيلات . فلنفرض أنك تريد صنع شعار يحتوي على صورة ، ماذا سوف تفعل أي الامتدادين تأخذ ؟ أو مثلاً يوجد لديك صورة ولاكنها صغيرة فهل تحفظها بالامتداد .jpeg أم لا ؟
– بما أنك مصمم ، فأتوقع أنك تهتم بـ (1)وضوح الصورة (2)صغر حجمها .

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

هل يوجد فرق بين هاتين الصورتين ؟ في الشكل لا أظن أن هناك فرق ولكن في الحجم نعم يوجد فرق ، بل فرق شاسع حيث توجد صورة حجمها يساوي ضعف الأخرى . مع أنهن من نفس النسق وهو.gif .
فلماذا ؟
في الصورة الأولى استعملت الأمر Save For Web والموجود في القائمة الرئيسية File . هذا الأمر لم يكن موجود قبل الإصدار رقم 5.5 من برنامج الفوتوشوب . وهو في الحقيقة ينقص عدد الصورة إلى حجم كبير جداً .

في الصورة الثانية ، استعملت الطريقة التقليدية في حفظ الصور وهي اختيار الأمر Save As من القائمة File ، فنتج أن هذه الصورة تساوي ضعف حجم الصورة السابقة .
كم حجم تلك الصور ؟
الصورة الأولى حجمها تقريباً 864 بايت أما الثانية فحجمها تقريباً 1.75 ك.ب ( مع العلم أن وحدة الـك.ب تساوي 1000 بايت ).

إليكم شرح بسيط للأمر Save For Web

 

– حسناً ، لكن ماهو الامتداد .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 مليون لون .

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

GIF JPEG
6.78 ك.ب 8.71 ك.ب
PNG BMP
29.2 ك.ب 36.3 ك.ب
ملحوظة :إذا كنت من مصممين المواقع فإحرص على تصغير حجم جميع الصور التي في الموقع لكي لا تنفر الزوار .
أما إذا كنت من المصممين ، فإحرص على أن تصغر حجم أعمالك لكي يكون لديك العديد من المشاهدين .

اقرأ ايضاً!

x

‎قد يُعجبك أيضاً

شرح أدوات الفوتوشوب

      نظرة على الأدوات هذا الدرس يتحدث بشكل مختصر عن أدوات الفوتوشوب و ...