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

waddah · #1 (**permalink**) 01-22-2006, 08:54 PM

بسم الله الرحمن الرحيم

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

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

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

....

هل يوجد فق بين هاتين الصورتين ؟
في الشكل لا أظن أن هناك فرق ولكن في الحجم نعم يوجد فرق ، بل فرق شاسع حيث توجد صورة حجمها يساوي ضعف الأخرى . مع أنهن من نفس النسق وهو.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 كيلو بايت

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

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

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

ملاحظــة :

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

السـاحر · #2 (**permalink**) 01-22-2006, 10:45 PM

يعطيك العافيه يارب
وضاح شرح ممتاز ماشاء الله عليك

بالنسبه لمصممين المواقع المفروض يستعملون الصور ذات الحجم الأقل لكي يتم تحميلها بسرعه على المتصفح فأذا أتى الزائر والصفحه طولت بالفتح أكيد سوف يشعر بالملل ويخرج من الموقع أو يتجاهل الصوره إذا كنت قد عرضتها للرؤيه

لمصممين البوسترات والمطبوعات يهتمون بدرجة عاليه بالبيكسل حتى لو كان حجم الصوره كبير فهو ما يهمه درجة وضوح الصوره وليس حجمه
وضاح من بعد أذنك حاب أحط تعليق من عندي بالنسبه للدقة المتبعه

75 لصفحات الويب
150 للطباعة المكتبيه
350 لطباعة المطابع الضخمه

" للمعلوميه مصممين البوسترات الكبيره التي تعلق على الشوارع ويكون حجمها بالأمتار قد تشاهدوها معلقه دائماص وبحجم كبير تستخدم دقه ضئيله قد تتراوح بين 10 بيكسل لأنها تكون بعديه ومع البعد لايؤثر على الرائي لأنك سوف تراها بوضوح 300 لو كانت قريبه منك "

هذي كل الي قدرت أفيد فيه وأنشاء الله هالموضوع يكون مرجع لكل شخص يريد التصميم وشكراً لك وضاح على كل ما أتيت به وأي معلومه أنا جاهز لتوفيرها

أخوكم الساحر

ميم 1 · #3 (**permalink**) 01-22-2006, 10:50 PM

بارك الله فيك أخي وضاح على هذا الإيضاح .

حفظك الله ورعاك .

مشــاري · #4 (**permalink**) 01-22-2006, 10:59 PM

والله انتم كنزززززززززززززز يالاثنين

وضاح والساحر .. عيني عليكم بارده .. الواحد صحيح يقرا ولايدري وين الله
قاطه

بس احس انكم تبذلون جهد لايعلى عليه ..

برافوا عليكم .. وكثر الله من امثالكم . ..

ديانا حداد · #5 (**permalink**) 01-23-2006, 01:41 AM

شرح حلو يعطيك العافيه

استضافة مواقع	معنى كلمة	رسائل مسجات	دردشة شات	افلام مقاطع فلم مقطع
مكتبة فلاش اسلامي	الثقافة الجنسية	صور في صورة	شات صوتي	الأسره المسلمه
ابتسامات خلفيات	العاب جديدة	دليل مواقع	احداثيات gps	القرآن الكريم
بطاقات كروت	جوال موبايل	جافا java	قصص روايات	sitemap
كتب الكترونية	ماسنجر في مسنجر	خطوط	وصلات روابط	العاب بنات للبنات فقط

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
طريقة عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر رد
مكتبــــــة البرامــــــــج ....	أسير الندم	البرامج الكاملة وشروحها شرح برامج تعريب explanation programming software	12	07-03-2009 04:21 PM
هل تريد موقع لاعبك المفضل؟؟(تفضل هنا )	Serenity85	طقها والحقها الرياضي رياضه عربيه كرة قدم العاب قوى ومنوعات رياضيه sports	13	08-22-2008 10:07 PM
موسوعة البرامج العربية ...	أسير الندم	البرامج الكاملة وشروحها شرح برامج تعريب explanation programming software	10	01-24-2008 08:45 PM
جميع المواقع المرغوب فيها..أهداء بمناسبة العيد..	المقلع	ترفيه طرائف مرح فكاهه ضحك فرفشه نكت صرقعه هسترة عياره مزوح تعليق دعابه	8	11-16-2005 09:35 PM
مواااااااااقع اللاعبين العالميين	بنت زايد	طقها والحقها الرياضي رياضه عربيه كرة قدم العاب قوى ومنوعات رياضيه sports	12	10-21-2002 10:38 PM

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

فوتوشوب photoshop رسم تصميم