الافلومانسي
18-12-2007, 14:19
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اليوم اتيتكم بدرس مفيد جدا لكل مصمم
وهو عبارة عن امـ ت ــدادات الصور ( مفاهيمها وانواعها وحقيقتها )
بأي إمتداد عليك ان تحفظ بها لوحاتك ؟
ألا يوجد فرق بين الامتدادات ؟
ولماذا بعض الإمتداد تمكنك من وضع صور محركة وأخرى لا تمكنك من هذا ؟
كل هذه الأسئلة وأكثر سوف نجاوب عليها في هذا الدرس .
سوف نتكلم في هذا الدرس عن ثلاث امتداد رئيسية وهي :
gif
- jpeg
- png
أغلب الناس يعتقد الآتي :
للصور يجب علينا استخدام الامتداد jpg
اما الشعارات فيجب علينا استخدام الامتداد gif
حسناً ، هذا اعتقاد صحيح نوعاً ما ، ولكنه ينقصه القليل من التفصيلات .فلنفرض أنك تريد صنع شعار يحتوي على صورة ، ماذا سوف تفعل أي الامتدادينتأخذ ؟ أو مثلاً يوجد لديك صورة ولكنها صغيرة فهل تحفظها بالامتداد .jpegأم لا ؟
بما أنك مصمم ، فأتوقع أنك تهتم بـ وضوح الصورة و صغر حجمها .
هنا كانت توجد صور ولكنها لا تعمل ولكن اظن الكلام يكفي
لنعمل مقارنة بسيطة
مثــــال :
هل يوجد فق بين هاتين الصورتين ؟
في الشكل لا أظن أن هناك فرق ولكن في الحجم نعم يوجد فرق ، بل فرق شاسعحيث توجد صورة حجمها يساوي ضعف الأخرى . مع أنهن من نفس النسق وهو gif
لماذا ؟
في الصورة الأولى استعملت الأمر Save For Web والموجود في القائمةالرئيسية File . هذا الأمر لم يكن موجود قبل الإصدار رقم 5.5 من برنامجالفوتوشوب . وهو في الحقيقة ينقص عدد الصورة إلى حجم كبير جداً .
في الصورة الثانية ، استعملت الطريقة التقليدية في حفظ الصور وهي اختيارالأمر Save As من القائمة File ، فنتج أن هذه الصورة تساوي ضعف حجم الصورةالسابقة .
كم حجم تلك الصور ؟
الصورة الأولى حجمها تقريباً 864 بايت أما الثانية فحجمها تقريباً 1.75 ك.ب ( مع العلم أن وحدة الـك.ب تساوي 1024 بايت ).
لكن ماهو الامتداد .png ؟
في البداية أحب أن أوضح لك معنى الكلمة PNG وهي (Portable NetworkGraphics) . هذا الامتداد ممتاز جداً ، ولكن فكرة استعماله حالياً غيرمجدية ، لأن أغلب المتصفحات لا تدعمه ، ولأفضل متصفح يدعم هذا الامتدادحالياً هو المتصفح 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 مليون لون
في النهاية
اتمنى ان يكون الدرس نال اعجابكم
السلام عليكم ورحمة الله وبركاته
اليوم اتيتكم بدرس مفيد جدا لكل مصمم
وهو عبارة عن امـ ت ــدادات الصور ( مفاهيمها وانواعها وحقيقتها )
بأي إمتداد عليك ان تحفظ بها لوحاتك ؟
ألا يوجد فرق بين الامتدادات ؟
ولماذا بعض الإمتداد تمكنك من وضع صور محركة وأخرى لا تمكنك من هذا ؟
كل هذه الأسئلة وأكثر سوف نجاوب عليها في هذا الدرس .
سوف نتكلم في هذا الدرس عن ثلاث امتداد رئيسية وهي :
gif
- jpeg
- png
أغلب الناس يعتقد الآتي :
للصور يجب علينا استخدام الامتداد jpg
اما الشعارات فيجب علينا استخدام الامتداد gif
حسناً ، هذا اعتقاد صحيح نوعاً ما ، ولكنه ينقصه القليل من التفصيلات .فلنفرض أنك تريد صنع شعار يحتوي على صورة ، ماذا سوف تفعل أي الامتدادينتأخذ ؟ أو مثلاً يوجد لديك صورة ولكنها صغيرة فهل تحفظها بالامتداد .jpegأم لا ؟
بما أنك مصمم ، فأتوقع أنك تهتم بـ وضوح الصورة و صغر حجمها .
هنا كانت توجد صور ولكنها لا تعمل ولكن اظن الكلام يكفي
لنعمل مقارنة بسيطة
مثــــال :
هل يوجد فق بين هاتين الصورتين ؟
في الشكل لا أظن أن هناك فرق ولكن في الحجم نعم يوجد فرق ، بل فرق شاسعحيث توجد صورة حجمها يساوي ضعف الأخرى . مع أنهن من نفس النسق وهو gif
لماذا ؟
في الصورة الأولى استعملت الأمر Save For Web والموجود في القائمةالرئيسية File . هذا الأمر لم يكن موجود قبل الإصدار رقم 5.5 من برنامجالفوتوشوب . وهو في الحقيقة ينقص عدد الصورة إلى حجم كبير جداً .
في الصورة الثانية ، استعملت الطريقة التقليدية في حفظ الصور وهي اختيارالأمر Save As من القائمة File ، فنتج أن هذه الصورة تساوي ضعف حجم الصورةالسابقة .
كم حجم تلك الصور ؟
الصورة الأولى حجمها تقريباً 864 بايت أما الثانية فحجمها تقريباً 1.75 ك.ب ( مع العلم أن وحدة الـك.ب تساوي 1024 بايت ).
لكن ماهو الامتداد .png ؟
في البداية أحب أن أوضح لك معنى الكلمة PNG وهي (Portable NetworkGraphics) . هذا الامتداد ممتاز جداً ، ولكن فكرة استعماله حالياً غيرمجدية ، لأن أغلب المتصفحات لا تدعمه ، ولأفضل متصفح يدعم هذا الامتدادحالياً هو المتصفح 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 مليون لون
في النهاية
اتمنى ان يكون الدرس نال اعجابكم