منتديات ابريق الابداع
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول

شاطر|

نسق الصور

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

ذكر عدد المساهمات : 243 تاريخ التسجيل : 19/07/2010 العمر : 34

نسق الصور  _
مُساهمةموضوع: نسق الصور نسق الصور  Emptyالأربعاء يوليو 21, 2010 2:15 am

نسق الصور  Formats
نسق الصور
<TABLE style="HEIGHT: 1925px" cellSpacing=0 cellPadding=0 width=638 border=0>

<TR>
<td vAlign=top width="75%" height=84>
نسق الصور  0 - بأي إمتداد عليك ان تحفظ بها لوحاتك ؟ ألا يوجد فرق بين الامتدادات ؟ ولماذا بعض الإمتداد تمكنك من وضع صور محركة وأخرى لا تمكنك من هذا ؟ كل هذه الأسئلة وأكثر سوف نجاوب عليها في هذا الدرس .
</TD>
<td vAlign=top width="25%" height=84></TD></TR>
<TR>
<td vAlign=top width="75%" height=84>
سوف نتكلم في هذا الدرس عن ثلاث امتداد رئيسية وهي :
.gif
.jpeg
.png

فلنبدأ
</TD></TR>
<TR>
<td vAlign=top width="75%" height=84>
أغلب الناس يعتقد الآتي :
للصور يجب علينا استخدام الامتداد .jpg اما الشعارات فيجب علينا استخدام الامتداد .gif .
حسناً ، هذا اعتقاد صحيح نوعاً ما ، ولكنه ينقصه القليل من التفصيلات . فلنفرض أنك تريد صنع شعار يحتوي على صورة ، ماذا سوف تفعل أي الامتدادين تأخذ ؟ أو مثلاً يوجد لديك صورة ولاكنها صغيرة فهل تحفظها بالامتداد .jpeg أم لا ؟
</TD></TR>
<TR>
<td vAlign=top width="75%" height=84>
نسق الصور  0 - بما أنك مصمم ، فأتوقع أنك تهتم بـ (1)وضوح الصورة (2)صغر حجمها .

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

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

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

</TD></TR>
<TR>
<td vAlign=top width="75%" height=84>
نسق الصور  0 - حسناً ، لكن ماهو الامتداد .png ؟

في البداية أحب أن أوضح لك معنى الكلمة PNG وهي (Portable Network Graphics) . هذا الامتداد ممتاااااااااااااز جداً ، ولكن فكرة استعماله حالياً غير مجدية ، لأن أغلب المتصفحات لا تدعمه ، ولأفضل متصفح يدعم هذا الامتداد حالياً هو المتصفح Internet Explorer 5.0 الخاص بالنظامMacintosh ، أما Internet Explorer الخاص بالنظام ويندوز فهو يدعم هذا الامتداد ولكنه لا يدعم كل مميزاته (حتى Internet Explorer لا يدعم هذا الامتداد إلا في النسخة 5 وما بعدها).</TD></TR>
<TR>
<td vAlign=top width="75%" height=84>
نسق الصور  0 - مميزات كل امتداد

لنبدأ بالامتداد .gif .


1-هذا الامتداد يدعم الحركة داخل الصور.


2- يدعم الشفافية ( الشفافية هي أن تصنع صورة يكون لون الخلفية فيها مثل لون خلفية الصفحة ).


3-لا يستوعب هذ الامتداد إلا 256 لون .



أما الامتداد .jpeg فمميزاته كالتالي :



1-لا يدعم الحركة داخل الصور.


2-لا يدعم الشفافية.


3-يدعم هذا الامتداد في أقصى طاقة له 16 مليون لون .



أما الامتداد .png فمميزاته كالتالي :



1-لا يدعم الحركة داخل الصور.


2-لا يدعم الشفافية.:إذا قمت بعمل خيارات بسيط:.


3-يدعم هذا الامتداد في أقصى طاقة له 16 مليون لون .

</TD></TR>
<TR>
<td vAlign=top width="75%" height=84>
نسق الصور  0 - أمثلة

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



<TABLE style="HEIGHT: 256px" width=282 border=0>

<TR>
<td>نسق الصور  Sample-g</TD>
<td>نسق الصور  Sample-j</TD></TR>
<TR>
<td align=right>GIF</TD>
<td align=left>JPEG</TD></TR>
<TR>
<td align=right>6.78 ك.ب</TD>
<td align=left>8.71 ك.ب</TD></TR>
<TR>
<td>نسق الصور  Sample-p</TD>
<td>نسق الصور  Sample-b</TD></TR>
<TR>
<td align=right>PNG</TD>
<td align=left>BMP</TD></TR>
<TR>
<td align=right>29.2 ك.ب</TD>
<td align=left>36.3 ك.ب</TD></TR></TABLE>

<TABLE style="HEIGHT: 256px" width=282 border=0>
</TABLE>


</TD></TR>
<TR>
<td vAlign=top width="75%" height=84>


نسق الصور  0 - ملحوظة :

إذا كنت من مصممين المواقع فإحرص على تصغير حجم جميع الصور التي في الموقع لكي لا تنفر الزوار .
أما إذا كنت من المصممين ، فإحرص على أن تصغر حجم أعمالك لكي يكون لديك العديد من المشاهدين .
</TD></TR></TABLE>
الرجوع الى أعلى الصفحة اذهب الى الأسفل

نسق الصور

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ابريق الابداع :: أقسام التصميم :: | دروس الفوتوشوب ~-
انتقل الى:

 

©phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | آخر المواضيع