المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : دروس الرسم الملفات... تنسيقها وخصائصها وطرق حفظها



Touya
08-04-2003, 12:24 AM
السلام عليكم ورحمة الله وبركاته:D

أزيكو ياحبايبي؟:0)

اليوم انا فضيت عمري وقلت اتبادل خبرات مع اعزائي رواد المنتدى...

من الملاحظ ان بعض الجاليريات تصفحها ياخذ وقت خصوصاً في تحميل بعض الصور.. والسؤال هنا ليه؟
وبعض الصور تستغرق سنين على ماتظهر لنكتش ان حجمها 400 كيلوبايت:! الواحد يقدر يسوي خلفية 1027×768 في 90 كيلوبايت وليس في رسمة اقل من 680×460 :"

وكيف نتفادى هالخسارة الكبرى؟ يعني اكثر من 300 كيلوبايت زيادة على الفاضي في بعض الرسمات وساعات سكيتشات ماتسوى 40 كيلوبايت تجي وتاخذ 200 :"

بالنسبة لي هذا شي يفقع المرارة:": لني مرة اضطريت اني انزل حجم توقيعي من 50 كيلوبايت إلى اقل من ثلاثين... قعدت يومها اصارع برنامج الصور عشان مافقد الجودة على حساب الحجم... وبعد جهد جهيد قدرت اقلس الخسارة لأقل حد ولقيت الملف بحجم 27 كيلوبايت:D

واللحين... خلونا في الزبدة.. المهم...
أنا اليوم ابستعرض تأثير الضغط على الرسمات.. وكيف يأثر على الرسمة ومقدار الخسارة...

نبدا بأنواع الملفات اللي بنحفظها اليوم... وهي:
1- Gif: هيئة لحفظ الصور وميزتها هو مقدرتك على حفظ الصورة بدرجات 8 بت ب256 تدرجاً للالوان.. وهي تعتمد تقنية بجدولة ترجات اللون في الرسمة في 256 خانة و كل نقطة من الصورة في الأصل تعليم بإستخدام الخانة المعينة اللتي تحمل تدرج اللون المعين مسبقاً... وميزة هذه الهيئة انك تستطيع جعلى الملف يحتوي على لونين فقط او اي قيمة آخرى إلى ان تصل إلى 256 لون
وهذا مثال لقدراته على التدرج.. احب ان اذكر هنا ان هناك طريقتين او اكثر لتقليص الألوان في هذه الهيئة... منها nearest color... وهي ممتازة في بعض الحالات لأنها تختار اقرب الالوان إلى بعضها وتدمجها في لون واحد ولكن تفشل عند وجود تدرجات كثيرة من مستوى لون واحد... كما في هذا المثال:
http://www.dreams-mix.com/armp/temp/tutorial/colors.gif
*مساحة الملف:21 كيلوبايت
طيب شنو الحل في مثل ذي الحالات يمكن تسألون:)
لحل بسيط.. نجرب خيار تقليل لون آخر... وفي التدرجات احسن شي تقدر تستعمله هو ال dither لأنه يعطي تأثير التدرج الناعم للالوان عن طريق دمج لونين بتدريج المزج بينهم. حيث انه ليس هناك درجة لون بينهم تقوم الهيئة على فكرة تخدع بها البصر.. فقط خذوا هذا المثال وتفحصوه تحت المكبر.. سترون انه لي هناك تدرج ثالث بي تدرجين في اللون.. انما مزيج بين النقاط
http://www.dreams-mix.com/armp/temp/tutorial/colors-dither.gif
*مساحة الملف:56 كيلوبايت
وهذا تكبير لمقطع من الصورة يتضح فيه الخدعة البصرية.
http://www.dreams-mix.com/armp/temp/tutorial/zoom-dither.gif
**(بالمناسبة هذه الطريقة اللتي كانت تستعمل في القديم في اصدارات الوندوز قبل 95 لخداع البصر وايهامه انه يرى تدرجات اللالوان بينما في الحقيقة لم يستطع غير اظهار اللوان الاساسية.)
هذه الهيئة جيدة جداً في المواقع حيث تستطيع جعل اجزاء من الصورة شفافة وتظهر على اي سطح كان خلفها! وذلك عن طريق تحديد لون تعتبر قيمته شفافاة.. وملاحظة هنا لون واحد فقط@@!

2-BMP: اعنف طريقة لحفظ الصور:D تستعمل في حالات نادرة عندما تكون الرسمة عالية الدقة... جداً!!!! كمصدر لصورة تستخدم في تصميم... او خلفية معقدة!! او اي شيء آخر يستلزم قوة اللون الحقيقي... لاينصح ابداً في استعمالها في النترنت سوى لدواعي التصميم:غضب:

2- Jpeg: وهذه الهيئة ميزتها انها تستطيع حفظ املف بتدرجات الوان من 24 بت وهي عالية الجودة وتنافس ال BMP واكنها تفتضح في الرسمات المعقدة ذات التدرجات الحقيقية.. وعند التعديل ايضا... عيبها انها عشوائية وعندما تطبق على ملف بصورة سيئة يستحيل تحسين جودته بسهولة... ولكن عندما يتم الضغط بصورة جيدة تصبح ممتازة ولا لاتكاد تفرق الBMP إلا من شيء واحد فقط.. ألا وهو المساحة.. فهذه مساجتها اقل بكثير واكثر من كثير ايضاً....وتستطيح أن تناسب بين مساحتها وجودتها عن طريق الضغط.(compression) وهو ميزة هذه الهيئة. وهي مقاربة من الgif من حيث المساحة;-)
وهذا مثال لجودتها
http://www.dreams-mix.com/armp/temp/tutorial/colors-20compressed.jpg
*الملف حجمه: 39 كيلو بايت مضغوط بنسبة 20%

انتظروا الجزء الثاني: Reveange of the compressed;-) <<ههه مقتبسة من نيوسيد:6

alucardracula
08-04-2003, 12:39 AM
هلا بتويا و مواضيع تويا..
موضوع مفيد جدّاً خاصة لرسامين المنتدى يعني موضوعك في محلّه و طريقتك في سرد الشرح ممتعة:D
و عجبتني عبارة Revenge of the Compressed!
هههههههه!
موفّقين يا تويا و في انتظار التكلمة..
To be Continued (عشان تتماشى مع الإنتقام:p )

Touya
08-04-2003, 01:28 AM
ههه يالله اوكي حاضرين للطيبين;-)

ستيفن سيلبيرج وولد لوكاس مو صافين جنبي في هالجزء الجديد من الموضوع:D

الآن لصورة مثال آخرى.. وهالصورة مركبة... فيها خطوط كثيرة وهذا كبر من حجمها شوي ^^;;
مثال الjpeg
http://www.dreams-mix.com/armp/temp/tutorial/0compressed-color.jpg
*jpeg مضغوط بنسبة 1% (اقل نسبة) والحجم 301 كيلوبايت

مثال الgif
http://www.dreams-mix.com/armp/temp/tutorial/0d256colors_colord.gif
*الحجم 211 كيلوبايت!! اقل ب 90 كيلو بايت من سابقتها لولا اختلاف بسيط في جودة اللالوان لايكاد ان يلاحظ في الصور العادية;-)
الصورة هنا ابهر بشكل طفيف جدا جدا من قبل.. تأثير جانبي بسيط من تقليل اللوان من حوالي ال700 لون إلى 244 لون:D

والآن نعود إلى نفس الصورة لكن بدون اللالوان لنلاحظ مدى تأثير نسب الضغط في الjpeg و عدد الالوان في الGIF
امثلة ال jpeg:
-أقل ضغط ممكن: (هدوء ماقبل العاصفة)
http://www.dreams-mix.com/armp/temp/tutorial/0compressed.jpg
*الملف مضغوط بنسبة 1% والحجم 220 كيلوبايت ولكن غير عملية في المساحة.. حيث الدقة هنا ليس ضرورة فعلاً

-25% نسبة الضغط: (نصيحة حكيم.. والنصيحة بجمل)
http://www.dreams-mix.com/armp/temp/tutorial/25compressed.jpg
*الملف مضغوط بنسبة 25% حجم الملف 78 كيلوبايت اقل ب 142 كيلوبايت من سابقتها... الفرق لايلاحظ بالمقارنة الجانبية.. فقط بالمطابقة.. وهو طفيف جداً جداً جداً (حتى اني بغيت انصرع وانا احاول القاه.. عيوني راحت @@)

-50% نسبة الضغط: (مو شي الجو)
http://www.dreams-mix.com/armp/temp/tutorial/050compressed.jpg
*الملف مضغوط بنسبة 50% حجم الملف57 كيلوبايت اقل ب 21 كيلوبايت من سابقة.. ف هذا المثال الغير ملون الجودة تناقصت بشكل قليل وملاحظ هذا الأمر نسبيا.... لكن فيحالة الصور الملونة قد تكون كارثة :":
تفقد بعض اللوان حيويتها.. وتضح هذه في الصور والرسومات ولكن لي في مثالنا:?
هذه وصلة للملف الملون المحفوظ بنسبة 50%
http://www.dreams-mix.com/armp/temp/tutorial/0compressed-color50.jpg

80% نسبة الضغظ: (توتر في النظام الكوني نداء إلى دوق فليد@@ )
http://www.dreams-mix.com/armp/temp/tutorial/080compressed.jpg
*مضغوط بنسبة 80% حجم الملف 39 كيلوبايت... فقدان كبير للتفاصيل.. ويتضح في الرسمات الملونة:":

99% نسبة الضغط: (كارثة بيئية)
http://www.dreams-mix.com/armp/temp/tutorial/099compressed.jpg
*مضغوط بنسبة 99% حجم الملف 17 كيلوبايت... اركضوا.. بأسرع ماتقدرون ?: مانصحكم تستعملونها ابداً:":

ومن كل ذا نستنتج شي.. عندنا شيئين علاقتهم طردية.. الجودة والمساحة كل مازادت الجودة زادت المساحة.. والضغط ينفع بشكل كبير لو كان بنسبة بسيطة.. شخصياً استعمل شي في العشرين وال 12%.
المقطع الجاي.. ال Gifs واعدا الالوان

وبالنسبة للصور اللي معتبراها مثال... ابغيرها @@ اول ماخلص الموضوع:6

Touya
08-04-2003, 01:44 AM
تدرون ايش.. انا لازم اغير صور المثال ASAP

ولا بيروحون نص الزوار على مستشفى الحرس الوطني @@

انا نفسي تعبت لما تصفحتها:! ?:

Neo Cid
08-04-2003, 04:25 AM
مشكووووووووور على الموضوع هذا و الله يعطيك ملايين العوافي .. :)

استفدت من الموضوع و الحمد لله .. فيه أشياء ما كنت عارفها مثل BMP ..

بجرب يوم من الأيام استخدمها من تصاميمي .. ;)

ههههههههههه .. حلوة عبارتك .. تذكرني بالجزء الثاني .. <-- الريال مضيع .. :p


ستيفن سيلبيرج وولد لوكاس مو صافين جنبي في هالجزء الجديد من الموضوع

شنو ناوي تسوي جوراسيك بارك نجومي ؟ .. :أفكر: :D

بالتوفيق تويا .. و لو فيه تكملة منتظرينها بأحر من سخانات الطهي . ":"

Neo Cid
31-05-2003, 12:37 AM
صراحة .. موضوع يستاهل كل خير .. مو عارف ليش المشاركة فيه متقشفه ..

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

لكن لو تعطونه شوية من حقة .. شوية بس .. :)

هـداف
31-05-2003, 10:47 AM
درس رائع تويا

ماشاءالله عليك....كنت مادري ان عندك كل هذي الخبرة بهذي الشغلات :أفكر: .... ننتظر التكمله بأسرع وقتO_O

انا عن نفسي أستخدم الجي بي جي....لكن في عندي مشكله...أحيانا رسماتي وبالذات الرسمه قبل قبل الأخيرة والرسمه قبل الأخيرة... بعد فترة من تخزينها عندي لما أشوفها تطلع مشوشه...مادري ليش..فأروح الجاليري وأخزنها مره ثانيه لكن ترجع المشكله:غضب:

شكلي بخزنها بصيغة البي إم بي فالكمبيوتر لكن بالمنتدى بالجي بي جي

وبالنسبه للحجم.......انا الحين خلصت رسمه جديده بالأولوان...والمشكله اني صغرتها لكن بعد حجمها كبيرO-O....ليش مابي أصغرها زياده....لأن يطلع فيها تشوش بشكل واضح..والرسمه متعوب عليها بقوة:أفكر: ... بايش تنصحني^^

هـداف
08-07-2003, 08:18 AM
في حد اهنيه:D

بسم الله

انا برفع الموضوع^^...اعتقد ان الاعضاء مااستفادوا منه لما وضع تويا الموضوع لأن ذاك الوقت كانت فترة امتحانات ودراسه:o

انشاءالله تستفيدون منه،الموضوع مهم جدا جدا

واطالب تويا بتكملته اذا كان له تكمله:6

سلام

L.B
31-07-2003, 06:48 PM
لحظة توني اصحيت من النوم :":
و الادهى اني اواجه صعوبة في صياغة السؤال ؟؟
كيف يمكن ان اصغر حجم الصورة المرفقة دون ان اصغر حجمها؟ اقصد كيف يقل ثقل الصورة وتبقى ابعادها ثابتة ؟؟
اتمنى ان يكون سؤالي واضحا
تحياتي

Sparta Ghost
02-12-2003, 02:16 PM
هلا تويا كيف الحال ؟؟

درس رائع ..وحلو ..ما شاء الله عندك خبرة في هالحاجات دي ..

سؤال بيسط كيف تضغط يعني مو فاهم :33: ؟؟ تقصد بالفوتوشوب أو أي برنامج عند حفظ الصورة .. :33:

Touya
10-12-2003, 01:19 AM
بالضبط...

تقريباً كل برامج تحرير الصور لها خيارات عند الحفظ..

لكن هيئة واحدة هي اللتي تتأثر جذرياً بهذه الخيارات وهي ال JPG

اما الGif فأغلب البرامج تضع خيارا يدعى بالعادة Optimization wizard

وفي حالة استعمال Adobe Photoshop هناك خيار بديل للحفظ وهو Save for web (في النسخ الجديدة)

وفي هذا الخيار تستطيع ان تعدل الخيارات وتحفظ بهيئات متعددة وتقوم بمعاينة الفرق بين الأصل والنسخة اللتي ستحفظ... وهذا الخيار جداً مفيد ولابد من التعمق لكشف اسراره:)

تعديل:
======------======

أحب اصلح خطأي في الشرح...

الGif مايتأثر في خيار الحفظ

لكن يتأثر بخيار Save for web و Optimization Wizard
والسبب ان هذه الخيارات تقدر فيها تغير من خصائص الGIF الجذرية... وهي عدد الألوان (من 256 إلى 2) وخيارات خلط الألوان... وهذه تأثر كثيراً في حجم الGif (خصوصاً عدد اللألوان)
======------======

Sparta Ghost
10-12-2003, 01:27 AM
:itsme: مشكور تويا ..