منتديات بني بحير بلقرن

منتديات بني بحير بلقرن (http://www.binybohair.com/vb/)
-   للرسم والتصاميم (http://www.binybohair.com/vb/f32/)
-   -   امتدادات الصور - أنواعها ومفاهيمها (http://www.binybohair.com/vb/binybohair8428/)

ريح العبير 09-25-2009 02:16 PM

امتدادات الصور - أنواعها ومفاهيمها
 
بسم الله الرحمن الرحيم


صدقني لن تصبح مصمماً أو صاحب موقع ناجح إذا لم تتمعن بهذا الدرس

وتفهم كل كلمة مكتوبة به لنبدأ

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




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


gif - jpeg - png


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

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

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

شعار يحتوي على صورة ، ماذا سوف تفعل أي الامتدادين تأخذ ؟ أو مثلاً يوجد لديك صورة ولكنها

صغيرة فهل تحفظها بالامتداد .jpeg أم لا ؟

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


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

مثــــال :



http://www.w-enter.com/forum/upload/...ges/358/d2.gif... http://www.w-enter.com/forum/upload/...ges/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/...ges/358/d3.gif


هذه صورة بامتداد jpg وبحجم 8.71 كيلو بايت

http://www.w-enter.com/forum/upload/...ges/358/d4.jpg

هذه صورة بامتداد Png وبحجم 29.2 كيلو بايت

http://www.w-enter.com/forum/upload/...ges/358/d5.png

هذه صورة بامتداد Bmp وبحجم 36.3 كيلو بايت

http://www.w-enter.com/forum/upload/...ges/358/d6.bmp



ملاحظــة : أما إذا كنت من المصممين ، فإحرص على أن تصغر حجم أعمالك

لكي يكون لديك العديد من المشاهدين .


ملاحظــة :إذا كنت من مصممين المواقع فإحرص على تصغير حجم جميع الصور

التي في الموقع لكي لا تنفر الزوار .

ابو شهد 09-25-2009 05:40 PM

رد: امتدادات الصور - أنواعها ومفاهيمها
 
السلام عليكم ورحمة الله وبركاته

معلومات وشرح مفصل يستحق الثناء ....

وبالنسبه لي Save For Webمعلومه جديده

الف شكر لك على هذا الموضوع المفيد

أبو عماد 09-25-2009 05:54 PM

رد: امتدادات الصور - أنواعها ومفاهيمها
 
و الله درس رائع
تشكر عليه يا مبدع

ريح العبير 09-25-2009 06:06 PM

رد: امتدادات الصور - أنواعها ومفاهيمها
 
هلا فييك ابو شهد


مافهمت وش تقصد؟



ع العمووم جبت صوره توضح هالخيار موقعهـ في الفوتو Save For Web


وهالخيار اذا قمت بالضغط عليهـ يعطييك مساحة اقل من انك تستخدم الخيار الثاني Save As



http://www.gulfup.com/gfiles/12538910741.gif



:p


<< لا تحجر لي :showoff:

ريح العبير 09-25-2009 06:10 PM

رد: امتدادات الصور - أنواعها ومفاهيمها
 
اقتباس:

المشاركة الأصلية كتبت بواسطة ابو عماد (المشاركة 42402)
و الله درس رائع

تشكر عليه يا مبدع



:D


عيني عيينك ابو عمااد


انا اللي كاتبه المووضوع :showoff:



شكلك عملت زيارهـ بسييطهـ




ع العمووم منور الطرح بطلتك



دمت بخير

الفــارس 09-25-2009 07:12 PM

رد: امتدادات الصور - أنواعها ومفاهيمها
 
الله يعطيك ٍ العافيه على الدرس
مهم جداً ومفيد
لا هنتٍ



ريح العبير 09-25-2009 08:10 PM

رد: امتدادات الصور - أنواعها ومفاهيمها
 
الله يعاافيك

منور الطرح بتواجدك

دمت بخير

ابورزان 09-25-2009 11:45 PM

رد: امتدادات الصور - أنواعها ومفاهيمها
 
بارك الله فيك ونفع بك .... معلومات مهمة وقيمة

ارجو تقبل مروري المتواضع وشكرا


الساعة الآن 04:21 PM

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
Content Relevant URLs by vBSEO 3.6.0 PL2
ارشفة ودعم SALEM ALSHMRANI
F.T.G.Y 3.0 BY: D-sAb.NeT © 2011
جميع الحقوق محفوظة لمنتديات بني بحير بلقرن


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75