عنفوان مصمم
02-12-2010, 02:28 AM
السلام عليكم ورحمة الله وبركإتــه ~,
صدقني لن تصبح مصمماً أو صاحب موقع ناجح إذا لم تتمعن بهذا الدرس وتفهم كل كلمة مكتوبة به ...!!!! لنبدأ ............
بأي إمتداد عليك ان تحفظ بها لوحاتك ؟
ألا يوجد فرق بين الامتدادات ؟
ولماذا بعض الإمتداد تمكنك من وضع صور محركة وأخرى لا تمكنك من هذا ؟
كل هذه الأسئلة وأكثر سوف نجاوب عليها في هذا الدرس .
سوف نتكلم في هذا الدرس عن ثلاث امتداد رئيسية وهي :
gif - jpeg - png
أغلب الناس يعتقد الآتي :
للصور يجب علينا استخدام الامتداد .jpg
اما الشعارات فيجب علينا استخدام الامتداد .gif .
حسناً ، هذا اعتقاد صحيح نوعاً ما ، ولكنه ينقصه القليل من التفصيلات . فلنفرض أنك تريد صنع شعار يحتوي على صورة ، ماذا سوف تفعل أي الامتدادين تأخذ ؟ أو مثلاً يوجد لديك صورة ولكنها صغيرة فهل تحفظها بالامتداد .jpeg أم لا ؟
بما أنك مصمم ، فأتوقع أنك تهتم بـ (1)وضوح الصورة (2)صغر حجمها .
لنعمل مقارنة بسيطة
مثــــال :
http://www.w-enter.com/forum/upload/userimages/358/d2.gif... http://www.w-enter.com/forum/upload/userimages/358/d1.gif
هل يوجد فق بين هاتين الصورتين ؟
في الشكل لا أظن أن هناك فرق ولكن في الحجم نعم يوجد فرق ، بل فرق شاسع حيث توجد صورة حجمها يساوي ضعف الأخرى . مع أنهن من نفس النسق وهو.gif .
لماذا ؟
في الصورة الأولى استعملت الأمر Save For Web والموجود في القائمة الرئيسية File . هذا الأمر لم يكن موجود قبل الإصدار رقم 5.5 من برنامج الفوتوشوب . وهو في الحقيقة ينقص عدد الصورة إلى حجم كبير جداً .
في الصورة الثانية ، استعملت الطريقة التقليدية في حفظ الصور وهي اختيار الأمر Save As من القائمة File ، فنتج أن هذه الصورة تساوي ضعف حجم الصورة السابقة .
كم حجم تلك الصور ؟
الصورة الأولى حجمها تقريباً 864 بايت أما الثانية فحجمها تقريباً 1.75 ك.ب ( مع العلم أن وحدة الـك.ب تساوي 1024 بايت ).
حسناً ، لكن ماهو الامتداد .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 وبحجم 6.78 كيلو بايت
http://www.w-enter.com/forum/upload/userimages/358/d3.gif
هذه صورة بامتداد jpg وبحجم 8.71 كيلو بايت
http://www.w-enter.com/forum/upload/userimages/358/d4.jpg
هذه صورة بامتداد Png وبحجم 29.2 كيلو بايت
http://www.w-enter.com/forum/upload/userimages/358/d5.png
هذه صورة بامتداد Bmp وبحجم 36.3 كيلو بايت
http://www.w-enter.com/forum/upload/userimages/358/d6.bmp
ملاحظــة : أما إذا كنت من المصممين ، فإحرص على أن تصغر حجم أعمالك لكي يكون لديك العديد من المشاهدين .
ملاحظــة :إذا كنت من مصممين المواقع فإحرص على تصغير حجم جميع الصور التي في الموقع لكي لا تنفر الزوار .
... بٍقــلم : waddah
صدقني لن تصبح مصمماً أو صاحب موقع ناجح إذا لم تتمعن بهذا الدرس وتفهم كل كلمة مكتوبة به ...!!!! لنبدأ ............
بأي إمتداد عليك ان تحفظ بها لوحاتك ؟
ألا يوجد فرق بين الامتدادات ؟
ولماذا بعض الإمتداد تمكنك من وضع صور محركة وأخرى لا تمكنك من هذا ؟
كل هذه الأسئلة وأكثر سوف نجاوب عليها في هذا الدرس .
سوف نتكلم في هذا الدرس عن ثلاث امتداد رئيسية وهي :
gif - jpeg - png
أغلب الناس يعتقد الآتي :
للصور يجب علينا استخدام الامتداد .jpg
اما الشعارات فيجب علينا استخدام الامتداد .gif .
حسناً ، هذا اعتقاد صحيح نوعاً ما ، ولكنه ينقصه القليل من التفصيلات . فلنفرض أنك تريد صنع شعار يحتوي على صورة ، ماذا سوف تفعل أي الامتدادين تأخذ ؟ أو مثلاً يوجد لديك صورة ولكنها صغيرة فهل تحفظها بالامتداد .jpeg أم لا ؟
بما أنك مصمم ، فأتوقع أنك تهتم بـ (1)وضوح الصورة (2)صغر حجمها .
لنعمل مقارنة بسيطة
مثــــال :
http://www.w-enter.com/forum/upload/userimages/358/d2.gif... http://www.w-enter.com/forum/upload/userimages/358/d1.gif
هل يوجد فق بين هاتين الصورتين ؟
في الشكل لا أظن أن هناك فرق ولكن في الحجم نعم يوجد فرق ، بل فرق شاسع حيث توجد صورة حجمها يساوي ضعف الأخرى . مع أنهن من نفس النسق وهو.gif .
لماذا ؟
في الصورة الأولى استعملت الأمر Save For Web والموجود في القائمة الرئيسية File . هذا الأمر لم يكن موجود قبل الإصدار رقم 5.5 من برنامج الفوتوشوب . وهو في الحقيقة ينقص عدد الصورة إلى حجم كبير جداً .
في الصورة الثانية ، استعملت الطريقة التقليدية في حفظ الصور وهي اختيار الأمر Save As من القائمة File ، فنتج أن هذه الصورة تساوي ضعف حجم الصورة السابقة .
كم حجم تلك الصور ؟
الصورة الأولى حجمها تقريباً 864 بايت أما الثانية فحجمها تقريباً 1.75 ك.ب ( مع العلم أن وحدة الـك.ب تساوي 1024 بايت ).
حسناً ، لكن ماهو الامتداد .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 وبحجم 6.78 كيلو بايت
http://www.w-enter.com/forum/upload/userimages/358/d3.gif
هذه صورة بامتداد jpg وبحجم 8.71 كيلو بايت
http://www.w-enter.com/forum/upload/userimages/358/d4.jpg
هذه صورة بامتداد Png وبحجم 29.2 كيلو بايت
http://www.w-enter.com/forum/upload/userimages/358/d5.png
هذه صورة بامتداد Bmp وبحجم 36.3 كيلو بايت
http://www.w-enter.com/forum/upload/userimages/358/d6.bmp
ملاحظــة : أما إذا كنت من المصممين ، فإحرص على أن تصغر حجم أعمالك لكي يكون لديك العديد من المشاهدين .
ملاحظــة :إذا كنت من مصممين المواقع فإحرص على تصغير حجم جميع الصور التي في الموقع لكي لا تنفر الزوار .
... بٍقــلم : waddah