|[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

[ دروس التصميم ]


صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 20 من 31
  1. #1

    الصورة الرمزية (رونقة الحياة)

    تاريخ التسجيل
    Aug 2007
    المـشـــاركــات
    11,504
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

    Smile |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]



    اهلاً باعضاء مسومس المحترمين ..

    نلاحظ الكثير من يصمم ويضع تصميمه في توقيعه او في موضوع مخصص له ... الخ
    وقد لاحظتُ الكثير من الاخطاء في تلك التصاميم في صيغتها الغير مناسبة ..

    اذاً دعونا نرى كيف نستخدم الصيغة المناسبة لتصميمٍ ما ..

    اولاً .. انا لستُ محترفاً في مجال الفوتوشوب دششش .. لكن تعلمت قليلاً بالتجارب

    { من النوادر .. سورة الأحقاف .. انقر هنا .. المزيد هنا .. وهنا متجدد }

    لنبدأ :


    مثلاً قمنا بانشاء جديد في الفوتوشوب ابعاده 400x200 مع خلفية بيضاء
    ووضعنا فيه دوائر بألوان قليلة .. حدود هذه الدوائر حادة .. اي لايوجد فيها اي تدرج او Blur

    في هذه الحالة نستخدم اما الـ PNG .. او الـ GIF .. فقط لنرى النتيجة :

    بصيغة PNG :

    الحجم : 9.4 كيلو بايت

    ---------
    بصيغة GIF باعلى جودة ربما :

    الحجم : 4.6 كيلو بايت

    .. مثل الحالة السابقة لانستخدم الـ Jpg او الـ Bmp في التصاميم .. لأن هناك انسب [ PNG - GIF ]
    الصورة السابقة جعلت صيغتها Bmp وكان الحجم 234 كيلو بايت بعمق 24 بت


    طيب .. مثلاً اضفنا الى نفس الصورة السابقة مؤثر Blur .. بدرجة كبيرة .. ماذا سيكون الانسب ؟
    لنرى ..
    صيغة PNG :

    الحجم : 32 كيلوبايت

    ----
    بصيغة GIF :

    الحجم : 29 كيلوبايت

    ----
    لاحظوا ان الحجم كبر بسبب ان الألوان زادت عندما وضعنا الـ Blur
    في هذه الحالة الانسب هو JPG دون شك ... لنجرب :

    بصيغة JPG بجودة مناسبة من مركز الرفع :

    الحجم : 5 كيلوبايت ..

    ---
    نستفيد من المثال السابق : انه اذا كان التصميم قليل الألوان ذو حدود حادة [ لايوجد اي blur ] .. نستخدم PNG او GIF
    , واذا زادت الالوان وتعددت وهناك مؤثرات .. حينها نستخدم فقط JPG ..


    نأتي لمثال آخر .. صورة مليئة بالألوان فيها blur وحركتات دشششششش ..
    الابعاد 600x450 .. طبعاً مايناسب نستخدم PNG .. لأن الحجم سيكون كبيراً .. وكذلك لانستخدم GIF .. لأن
    كثير من الألوان لن تظهر .. وستكون جودة التصميم سيئة ... Bmp هذا انسوه في مسألة التصاميم التي نعرضها
    ما معانا اللا JPG ... سنرى الثلاث صيغ كي تقتنعوا بما اكتبه :

    صيغة PNG - الحجم 430 كيلوبايت :
    http://img5.imagebanana.com/img/qu37fq35/L.png

    صيغة GIF - الحجم 115 كيلوبايت :
    http://img5.imagebanana.com/img/tlmyints/L.gif

    صيغة JPG - الحجم 82 كيلوبايت :
    http://img5.imagebanana.com/img/3wv7x3nn/L.jpg

    ماذا استفدتم من هذا المثال ؟ سأجيب
    في الصور كثيرة الألوان مثل صور مُصورة من الكاميرا .. تواقيع ثابتة ملونة .. صور طبيعة .. الخ ..
    نستخدم فقط JPG بنقاء 8 حيث اني وجدت انه الافضل .. ولاننسى نختار Optimized ..

    لانستخدم PNG او GIF في الصور الثابتة كثيرة الالوان ..
    وكما لاحظنا .. الـ PNG حجمه كبير في هذه الحالة .. والـ GIF سيء الجودة كذلك


    الامر اصبح واضحاً ..
    الـ PNG نستخدمه في [ صور قليلة الألوان + صور من دون خلفية عالية الجودة ]
    الـ GIF نستخدمه في [ الصور المتحركة + الصور قليلة الالوان ]
    الـ JPG نستخدمه في [ الصور كثيرة الألوان ]

    وكما ذكرت سابقاً .. سبب كتابتي لهذا الموضوع هو اني لاحظت الكثير من يخطئ
    البعض يضع صور من حلقة انمي بصيغة PNG .. والبعض يضع صور بالكاميرا بصيغة PNG والآخر GIF
    الخ .. حبيت اوضح لكم ..


    اذا كان من يريد ان يشرح اكثر من جِهتِه .. فليتفضل ^.^

    هذا الموضوع بالكامل وُضِع في ولـِ MsOmS فقط !


    * ملاحظة إضافية : أفضل طريقة لحفظ الصورة بالـ Jpg.. نضغط على Alt+Ctrl+Shift+S ثم كما في " الصورة "
    التعديل الأخير تم بواسطة (رونقة الحياة) ; 30-1-2011 الساعة 07:12 AM

  2. #2


    تاريخ التسجيل
    Sep 2008
    المـشـــاركــات
    701
    الــــدولــــــــة
    مصر
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

    Smile رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    ~{(وعليكم السلام ورحمة الله وبركاته
    :
    شرح رائع جداً ومفيد جداً جداً
    :
    جزاكـ الله خيراً ^ ^

  3. #3

    الصورة الرمزية `Coma

    تاريخ التسجيل
    Mar 2008
    المـشـــاركــات
    1,191
    الــــدولــــــــة
    ايطاليا
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    لي بااااك !

    مشكوووور اخوي (رونقة الحياة)
    على الدرس وان شاء الله استفيد منه في تصاميمي والله يجزاك خير ,,,
    في امان الله ...
    التعديل الأخير تم بواسطة `Coma ; 23-3-2009 الساعة 04:34 PM

  4. #4

    الصورة الرمزية (رونقة الحياة)

    تاريخ التسجيل
    Aug 2007
    المـشـــاركــات
    11,504
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    Tayseer

    اهلاً بك اختي في موضوعي المتواضع

    وجزاكِ الله الخير كذلك

    أشكركِ على لطفك

  5. #5

    الصورة الرمزية ضحكة الدنيا

    تاريخ التسجيل
    May 2008
    المـشـــاركــات
    809
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    شكراً لك اخي رونقه ,

    فعلاً اول قبل لا اتعلم ع الفوتو

    كنت مآعطي سآلفة الصيغ اي اهتمآم و كآنت تخرب بعض جودآت صوري ><"

    ان شالله يستفيدون منهآ لاعضاء ,

    موفق ~

  6. #6

    الصورة الرمزية OleaNder

    تاريخ التسجيل
    Nov 2006
    المـشـــاركــات
    6,894
    الــــدولــــــــة
    مصر
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    وعليكم السلام ورحمة الله وبركاته

    الله يعطيك العافيك..

    درس مفيد جدا وراااائع لانه مفيد جدا للجميع

    وننتظر جديدك

    في امـــ الله ـــن ورعايته

  7. #7

    الصورة الرمزية (رونقة الحياة)

    تاريخ التسجيل
    Aug 2007
    المـشـــاركــات
    11,504
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    ضحكة الدنيا
    عفواً اختي .. اوه انت اللي ذاك اليوم دشششش
    وشكراً لكِ على المشاركة .. اتمنى ان يستفيدوا
    وفقكِ الله دوماً

    2ad
    عافاكِ الله واسعدكِ دوماً ~

    أشْكُركِ على لُطفِك
    ^_^

  8. #8

    الصورة الرمزية Bheeg Kun

    تاريخ التسجيل
    Mar 2007
    المـشـــاركــات
    4,319
    الــــدولــــــــة
    ساموا الغربية
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    وعليكم السلام

    موضوع جميل ..

    همم .. صيغة PNG تنفع للتصاميم الي خلفيتها شفافه مثل الشعارات ..
    صيغة GIF تنفع للتصاميم المتحركه ,, وباحتمال قليل للتصاميم بالخلفية الشفافه
    يعني ما ينف في حالة وجود Blur
    صيغة JPG .. تنفع للتصاميم الي مافيها خلفيه شفافة .. مثل الصور او التوقيع الخ ..

    همم .. لي عوده أخرى فيما بعد
    في امان لله

  9. #9

    الصورة الرمزية نروتو 2

    تاريخ التسجيل
    Aug 2007
    المـشـــاركــات
    788
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    شرح رائع وواضح جداً ..

    يعطيك ألف عافية رونقة الحياة ..

    غلاتي ..

  10. #10

    الصورة الرمزية الحائر !

    تاريخ التسجيل
    Nov 2006
    المـشـــاركــات
    4,660
    الــــدولــــــــة
    استراليا
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    شكراً لكـ رونقة ..

    إضافة بسيطة ..

    هناكـ صيغ تظهر التصميم بدقة عالية أعلى من الجي بي جي ..

    ولكن على حساب الدقة ..

    مثل bmp ..

    والأفضل من هذهـ الناحية في إظهار الألوانـ .. TIF .. ( يستخدمهـ العاملين في الدعاية والإعلانـ.. لأنهـ الافضل من ناحية الدقة والألوان ولكن على حساب الدقة ^^" ) ..

    شكراً لكـ رونقة ..

    بالتوفيقـ ..

    جدوو

  11. #11

    الصورة الرمزية (رونقة الحياة)

    تاريخ التسجيل
    Aug 2007
    المـشـــاركــات
    11,504
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    [[ بهيج ]]
    كما قلت .. لكن في المنتدى مانحتاج خلفية شفافة الا نااااادراً

    شكراً جزيلاً لك
    نروتو 2
    شكراً على لُطفِك اخي
    الحائر !
    عفواً ايها العجوز
    وشكراً لكَ على الاضافة
    وكما شرحت .. bmp + TIF لانحتاجها في التصاميم والصور المُصورة من الكاميرا

  12. #12

    الصورة الرمزية `Coma

    تاريخ التسجيل
    Mar 2008
    المـشـــاركــات
    1,191
    الــــدولــــــــة
    ايطاليا
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    تــــم فـــك الحجز

  13. #13

    الصورة الرمزية (رونقة الحياة)

    تاريخ التسجيل
    Aug 2007
    المـشـــاركــات
    11,504
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    A.PATO
    عفواً اخي
    وجزاك الله الخير كذلك
    شكراً لكَ على المشاركة
    حفظك الله اينما كنت

  14. #14

    الصورة الرمزية (رونقة الحياة)

    تاريخ التسجيل
    Aug 2007
    المـشـــاركــات
    11,504
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    لمعلومات اكثر متقدمة باللغة EN من الموسوعة الحرة :

    PNG - GIF - JPG - BMP - TIF

  15. #15
    بي بي مو
    [ ضيف ]

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    شكرا أخوي على المعلومات ...........طبعا أنا أحتاج هذي المعلومات قبل ما أدخل عالم التصميم ...أشكرك ......^^

  16. #16


    تاريخ التسجيل
    Feb 2008
    المـشـــاركــات
    1,775
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    وعليكم السلآم والرحمة ..

    يعطيكـ العـآفية أخوي مـآقصرت ..

    معلومـآت رآئعـة ودآئمـآ الصيغ بالنسبة لي مشكلة معقدة..!

    جزآكـ الله خير ^_^

  17. #17

    الصورة الرمزية pr!ncess

    تاريخ التسجيل
    Sep 2008
    المـشـــاركــات
    2,220
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    السلامـ ع ـليكمـ ~
    أهلاً أخي رونقـة جيتنـآ بموضوع جديد ومميز كعـآآدتكـ xD
    بـصرآآحـة بعد هذا الدرس تيقنت من مع ـلومـة كنت أشك فيهـآآ ~
    هـو الوضوح في الصور ~
    أنــآآ دائمـاً مـآآ أستخدمـ صيغة جي بي جي ~ ومـآآ كنت أهتمـ كثير بالضيغ
    ولكـن يظهر لي مشوش شوي عن اللي في الفوتو شوب و أستغرب ليش ْ~
    ولكـن كنت أشوف الأعضـآآء يستخدمون صيغ ثـآآنية فشكيت xD
    والحمد لله كـآآن شكي في محلة ~
    مشكوور أخي روونقة ومن اليومـ بستخدمـ صيغة PNG ~
    أحسهـآآ هي الأوضـح والأحسن ولكـن على حسب التصميمـ كمـآآ قال الأخ بهيج ~
    وأشكركـ مرة أخرى
    تح ـيآآتوو

  18. #18

    الصورة الرمزية R.zoro25

    تاريخ التسجيل
    Jan 2009
    المـشـــاركــات
    477
    الــــدولــــــــة
    الامارات
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    مشكورهعلى الدرس

    وانا مشكلتي في التصاميم المتحركه

    لما احفضها بصيغة Gif

    تطلع مش واضحه وفيها تشويش

    وماعندي حل لهذا

    اذا ممكن حد يقولي كيف احفظ التصاميم المتحركه

    وتكون واضحه

  19. #19

    الصورة الرمزية ضحكة الدنيا

    تاريخ التسجيل
    May 2008
    المـشـــاركــات
    809
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    المتحركه اعآني من هل الشي فصرت احآآول اخفف من حدة الالوآن ,

    و اسوي عليهآ تأثير عشآن مآتخرب قد الامكآن

    بس ياليت في صيغه نحفظ فيهآ متحركة و دقه عآليه

    .!

  20. #20

    الصورة الرمزية (رونقة الحياة)

    تاريخ التسجيل
    Aug 2007
    المـشـــاركــات
    11,504
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

    افتراضي رد: |[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

    بي بي مو
    عفواً اخي
    واتمنى لكَ الفائدة
    شكراً
    Tema
    وجزاك الله الخير كذلك
    شكراً لكِ على المشاركة
    pr!ncess

    اهلا بالأميرة ابو !
    هممم في اغلب الصور التي نعرضها في المنتدى الأفضل JPG كي لانضايق الاعضاء بكبر الحجم
    انا اتمنى ان لاتستخدمي png في تصاميمك .. لانها ستجعل تحميل الصفحة بطيئاً لأصحاب النت البطيء
    عفواً اختي
    وشكراً لكِ على لطفك
    R.zoro25
    عفواً
    الصور المتحركة فقط GIF
    اجعل الالوان كاملة وهذا فقط
    ضحكة الدنيا
    شكراً .. ومعكم حق .. ياليت في صيغة افضل من الـ GIF ولكن مع حجم صغير

صفحة 1 من 2 12 الأخيرةالأخيرة

الكلمات الدلالية لهذا الموضوع

المفضلات

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
Loading...