تسجيل الدخول

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


(رونقة الحياة)
22-3-2009, 07:43 PM
http://img5.imagebanana.com/img/ejgaxv58/besm.gif

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

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

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

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

{ من النوادر .. سورة الأحقاف .. انقر هنا (http://www.alomrany.com/quran/rm/a7qaf-nawader.rm) .. المزيد هنا .. وهنا متجدد (http://alomrany.com/index.php) }

لنبدأ :
http://www10.picfront.org/picture/aAGKY34GE/img/FaselS.gif

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

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

بصيغة PNG :
http://img5.imagebanana.com/img/5vgowez4/aaac3eaf15050ad87b8ee758fe1a9305.png
الحجم : 9.4 كيلو بايت

---------
بصيغة GIF باعلى جودة ربما :
http://img5.imagebanana.com/img/yncxwbgh/a41c046cedb25e79b4464d1af453287f.gif
الحجم : 4.6 كيلو بايت

.. مثل الحالة السابقة لانستخدم الـ Jpg او الـ Bmp في التصاميم .. لأن هناك انسب [ PNG - GIF ]
الصورة السابقة جعلت صيغتها Bmp وكان الحجم 234 كيلو بايت بعمق 24 بت
http://www10.picfront.org/picture/kk2T9qVDufI/img/FaselSs.gif

طيب .. مثلاً اضفنا الى نفس الصورة السابقة مؤثر Blur .. بدرجة كبيرة .. ماذا سيكون الانسب ؟
لنرى ..
صيغة PNG :
http://img5.imagebanana.com/img/ggsf8f/600e3704a1e4ccd78928413208b0dcdc.png
الحجم : 32 كيلوبايت

----
بصيغة GIF :
http://img5.imagebanana.com/img/madmhgf/5aa023ab77d7b4320e677002364b13ad.gif
الحجم : 29 كيلوبايت

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

بصيغة JPG بجودة مناسبة من مركز الرفع :
http://img5.imagebanana.com/img/ln1d8e2j/3ff3f3fbcbdd26ffe2449cba0bd77c3e.jpg
الحجم : 5 كيلوبايت ..

---
نستفيد من المثال السابق : انه اذا كان التصميم قليل الألوان ذو حدود حادة [ لايوجد اي blur ] .. نستخدم PNG او GIF
, واذا زادت الالوان وتعددت وهناك مؤثرات .. حينها نستخدم فقط JPG ..
http://www10.picfront.org/picture/aAGKY34GE/img/FaselS.gif
http://www10.picfront.org/picture/aAGKY34GE/img/FaselS.gif
نأتي لمثال آخر .. صورة مليئة بالألوان فيها 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 سيء الجودة كذلك
http://www10.picfront.org/picture/aAGKY34GE/img/FaselS.gif
الامر اصبح واضحاً ..
الـ PNG نستخدمه في [ صور قليلة الألوان + صور من دون خلفية عالية الجودة ]
الـ GIF نستخدمه في [ الصور المتحركة + الصور قليلة الالوان ]
الـ JPG نستخدمه في [ الصور كثيرة الألوان ]

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

اذا كان من يريد ان يشرح اكثر من جِهتِه .. فليتفضل ^.^
http://www10.picfront.org/picture/aAGKY34GE/img/FaselS.gif
هذا الموضوع بالكامل وُضِع في ولـِ MsOmS (www.msoms-anime.net) فقط !
http://www10.picfront.org/picture/aAGKY34GE/img/FaselS.gif

* ملاحظة إضافية : أفضل طريقة لحفظ الصورة بالـ Jpg.. نضغط على Alt+Ctrl+Shift+S ثم كما في " الصورة (http://img5.imagebanana.com/img/ufwo3a2t/Qacss.jpg) "
Tayseer
22-3-2009, 10:00 PM
~{(وعليكم السلام ورحمة الله وبركاته
:
شرح رائع جداً ومفيد جداً جداً
:
جزاكـ الله خيراً ^ ^
`Coma
22-3-2009, 10:05 PM
لي بااااك !

مشكوووور اخوي (رونقة الحياة)
على الدرس وان شاء الله استفيد منه في تصاميمي والله يجزاك خير ,,,
في امان الله ...
(رونقة الحياة)
22-3-2009, 10:41 PM
Tayseer

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

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

أشكركِ على لطفك
ضحكة الدنيا
22-3-2009, 11:19 PM
شكراً لك اخي رونقه ,

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

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

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

موفق ~
OleaNder
22-3-2009, 11:28 PM
وعليكم السلام ورحمة الله وبركاته

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

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

وننتظر جديدك

في امـــ الله ـــن ورعايته
(رونقة الحياة)
23-3-2009, 12:35 AM
ضحكة الدنيا
عفواً اختي .. اوه انت اللي ذاك اليوم دشششش
وشكراً لكِ على المشاركة .. اتمنى ان يستفيدوا
وفقكِ الله دوماً

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

أشْكُركِ على لُطفِك ^_^
Bheeg Kun
23-3-2009, 12:41 AM
وعليكم السلام

موضوع جميل ..

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

همم .. لي عوده أخرى فيما بعد
في امان لله
نروتو 2
23-3-2009, 02:53 AM
شرح رائع وواضح جداً ..

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

غلاتي ..
الحائر !
23-3-2009, 08:23 AM
شكراً لكـ رونقة ..

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

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

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

مثل bmp ..

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

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

بالتوفيقـ ..

جدوو
(رونقة الحياة)
23-3-2009, 03:40 PM
[[ بهيج ]]
كما قلت .. لكن في المنتدى مانحتاج خلفية شفافة الا نااااادراً

شكراً جزيلاً لك

نروتو 2
شكراً على لُطفِك اخي

الحائر !
عفواً ايها العجوز
وشكراً لكَ على الاضافة
وكما شرحت .. bmp + TIF لانحتاجها في التصاميم والصور المُصورة من الكاميرا
`Coma
23-3-2009, 04:34 PM
تــــم فـــك الحجز
(رونقة الحياة)
23-3-2009, 04:57 PM
A.PATO
عفواً اخي
وجزاك الله الخير كذلك
شكراً لكَ على المشاركة
حفظك الله اينما كنت
(رونقة الحياة)
23-3-2009, 05:19 PM
لمعلومات اكثر متقدمة باللغة EN من الموسوعة الحرة :

PNG (http://en.wikipedia.org/wiki/Portable_Network_Graphics) - GIF (http://en.wikipedia.org/wiki/GIF) - JPG (http://en.wikipedia.org/wiki/JPEG) - BMP (http://en.wikipedia.org/wiki/BMP_file_format) - TIF (http://en.wikipedia.org/wiki/TIF)
بي بي مو
23-3-2009, 05:29 PM
شكرا أخوي على المعلومات ...........طبعا أنا أحتاج هذي المعلومات قبل ما أدخل عالم التصميم ...أشكرك ......^^
Tema
23-3-2009, 05:37 PM
وعليكم السلآم والرحمة ..

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

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

جزآكـ الله خير ^_^
pr!ncess
23-3-2009, 05:48 PM
السلامـ ع ـليكمـ ~
أهلاً أخي رونقـة جيتنـآ بموضوع جديد ومميز كعـآآدتكـ xD :d
بـصرآآحـة بعد هذا الدرس تيقنت من مع ـلومـة كنت أشك فيهـآآ ~
هـو الوضوح في الصور ~
أنــآآ دائمـاً مـآآ أستخدمـ صيغة جي بي جي ~ ومـآآ كنت أهتمـ كثير بالضيغ
ولكـن يظهر لي مشوش شوي عن اللي في الفوتو شوب و أستغرب ليش ْ~
ولكـن كنت أشوف الأعضـآآء يستخدمون صيغ ثـآآنية فشكيت xD
والحمد لله كـآآن شكي في محلة :d ~
مشكوور أخي روونقة ومن اليومـ بستخدمـ صيغة PNG (http://en.wikipedia.org/wiki/Portable_Network_Graphics) ~
أحسهـآآ هي الأوضـح والأحسن ولكـن على حسب التصميمـ كمـآآ قال الأخ بهيج ~
وأشكركـ مرة أخرى
تح ـيآآتوو
R.zoro25
23-3-2009, 07:05 PM
مشكورهعلى الدرس

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

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

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

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

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

وتكون واضحه
ضحكة الدنيا
23-3-2009, 08:19 PM
المتحركه اعآني من هل الشي فصرت احآآول اخفف من حدة الالوآن ,

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

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

.!
(رونقة الحياة)
3-4-2009, 12:17 AM
بي بي مو
عفواً اخي
واتمنى لكَ الفائدة
شكراً

Tema
وجزاك الله الخير كذلك
شكراً لكِ على المشاركة

pr!ncess
http://rlifeh.googlepages.com/wa3alaykom.jpg
اهلا بالأميرة ابو !
هممم في اغلب الصور التي نعرضها في المنتدى الأفضل JPG كي لانضايق الاعضاء بكبر الحجم
انا اتمنى ان لاتستخدمي png في تصاميمك .. لانها ستجعل تحميل الصفحة بطيئاً لأصحاب النت البطيء
عفواً اختي
وشكراً لكِ على لطفك

R.zoro25
عفواً
الصور المتحركة فقط GIF
اجعل الالوان كاملة وهذا فقط

ضحكة الدنيا
شكراً .. ومعكم حق .. ياليت في صيغة افضل من الـ GIF ولكن مع حجم صغير
Legend Girl
3-4-2009, 12:07 PM
مشكور اخي تمت الاستفادة
*+ Be Mad About KID +*
30-4-2009, 04:27 PM
السـلام عليـكم ورحمـة الله و بركـــاااااتــهـ ~

أهـلاً أخــــي روووونـقـهـ ^.^ أبووووووو دشششششششششششششششششش ^^

كيـف الحال تمام إن شـاء الله :)

ماشـاء الله عليـــــكْ أخـي .. !

شـرح وافـي والدرس عـن جد مفيـــــــــد كتيـــر ^^


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

أنااااا وحدهـ منـهـم =) هـع .. !

الله يجزاك الخيـر رونقـهـ المبـدع على الدرس والنصـائـح .. ، لأنو عن جد نحتـااااج هيك درس من زمان ^^"

دمتَ بود :)

وفي أمـان الله ~
باتوساي
2-5-2009, 01:16 PM
أهلاً رونقة

صراحة أول مرة أعرف هذه الأشياء ^^"

لكن أنت الآن فدتنا كثيييييير الله يجزاك كل خير

بإذن الله سيتم تنفيذ الأوامر XD~

إلى اللقاء
PowerVirus
3-5-2009, 07:05 AM
وعــليكم الــسلام ورحمة الله وبـركــاته

شـــكرا أخــي الطيب على الــشرح ويــعطيك الله الـعافيه

ننتظر لجديد
لين راسل
5-10-2009, 01:51 AM
السلام عليكم ورحمة الله وبركاته

اهلا وسهلا ومرحبا بمبدعنا رونقة

انا بشكرك جزيييييييييييييل الشكر على موضوعك الرهيييب ده .... لم أره من قبل
والله استفدت كتييير منو
لأني اول ما بدأت التصميم كنت بحفظ بالJPG وكان يطلع مشوش وحالته حاله
وبعدين صرت احفظه بصيغة png
وما كنت اعرف ابدا ان حجم التصميم بيزداد وتضايقت فعلا اني ممكن أوذي بعض الأعضاء بذلك
بس جزاك الله خيرا فهمت استخدامات التلات صيغ ... وفعلا جربت صيغة JPG على بعض التصاميم الملونة وما حصلها شئ
فأشكرك جزيل الشكر اخي وان شاء الله لن استخدم png الا للضرورة

وجزاك الله خيرا مرة اخرى
انتظر ابداعك القادم
وياريت ما تحرمنا من طلتك المتألقة
دمت في حفظ الرحمن
abd3mobaraki
5-10-2009, 03:18 AM
وعليكم السلام ورحمة الله وبركاته ..

حياك الله .. ما شاء الله عليك .. كل يوم بجديد .. لقد قمت بالشرح العملي يوم كنت عندكم ..

الله يعيدها من أياااام ..
الله يوفقك ..
آيآت السَحر
7-10-2009, 07:40 AM
وعليكم السلام والرحمه

..

شكرًا كثيرًا رونقه ..

وجزاك الله خيرًا ..

بالفعل أفدتنا ..

..

دمت بسلآم

^_^
بيلوموث
7-10-2009, 07:44 AM
وآآآآ دحينآ فهمت يعني عشآن كدة طلعت لي ثاني صورة

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

شكرآ يآ قمر استنى المزيد من ابدآعآتك
tayga
11-10-2009, 02:46 AM
مشكور اخي لفتة جيد قد نغفل عنها....
(رونقة الحياة)
21-5-2012, 04:15 AM
.
.
يُرفع للفائدة ~
|[ سّمـاء . .
21-5-2012, 08:52 AM
,

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

ربما لستَ محترفاً لڪناستيعابڪ وخبرتڪأفضل من غيرڪ ،
وذلڪ ما يميز مواضيعڪ وتصاميمڪ ،
لفت نظري إلى صيغة الـ JPG ،
لم أڪن آبه لها إطلاقاً ولم أفڪر في تجربتها يوماً :) !
سأبدأ بتجربتها قريباً - بإذن الله - ؛
* وآمل أن تثرينا بما تعرف أڪثر :)
موفق ~

في حفظ الله ورعايته . .

,