وسام وتد

1. 1. 2. 3. وسام وتد 1 2 3

2. مقدمة. • التنسيقات الرسومية بصورة عامة. • جدول تفصيلي للتنسيقات الرسومية. • أين نستخدم التنسيقات المختلفة. • Tips. • المصادر.

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

4. تنسيق تبادل الرسومات GIF: هو التنسيق الأكثر استخداما على إنترنت، وقد ابتكرته شركة كومبيوسيرف لاستخدامه على شبكتها، وأثبت هذا التنسيق كفاءته في ضغط الصور بشكل كبير مما يؤدي إلى تصغير حجم الملف. وهذا التنسيق يستخدم طريقة LZW (اختصاراً لـ: Lempel&Ziv Wetch) وهي طريقة آمنة لضغط الرسوم، حيث أنها تقوم بضغط الملف بدون فقدان أي تفاصيل في الرسمة، وطريقتها أنها تقوم بضغط مجموعة من البكسلات (Pixel) المتجاورة المتشابه في اللون في بكسل واحد مضروباً بعدد البكسلات (losslesstechniques). ويصلح هذا التنسيق للصور والرسومات ذات المساحات الواسعة من لون واحد، كالعلامات التجارية، النصوص، الصور الكرتونية، لأنه لا يستطيع الاحتفاظ إلا بـ 256 لون أو أقل، وله مستوى واحد فقط للشفافية، حيث تستطيع أن تحدد لوناً واحداً فقط ليكون اللون الشفاف الذي لن يظهر للمتصفح. وتستطيع أن تقوم بعمل صور متحركة بهذا التنسيق، لذلك يستخدم هذا التنسيق في الإعلانات على مواقع الإنترنت.

5. مجموعة خبراء التصوير الفوتوغرافي المشتركة JPG: وله اختصارات أخرى مثل JPEG، وهو التنسيق الذي تم ابتكاره لحفظ الصور الفوتوغرافية، والتي تحتوي على ظلال معقدة وتدرجات لونية كبيرة. وطريقة ضغط تنسيق JPG للصور تتم عن طريق تقسيم الصورة إلى مساحات، تحتوي كل مساحة على لون واحد، وهو تنسيق يفقد الصورة بعض التفصيلات الدقيقة، لذلك تظهر التدرجات في الصور الفوتوغرافية خشنة وبارزة (Lossy techniques). من مميزات هذا التنسيق أنه يستطيع التعامل مع ألوان أكثر من تنسيق GIF الذي يتعامل فقط مع 256 لون، وتنسيق JPG فيتعامل مع 16.7 مليون لون (24Bit).

6. PNG: وهو تنسيق ثالث يحل ما بين التنسيقين السابقين، حيث تستطيع في تنسيق PNG أن تحفظ الصورة مع 256 لون للصور البسيطة (العلامات التجارية، أو الصور الكرتونية) وتستطيع أن تحفظ الصورة مع 16,7 لون للصور الفوتوغرافية، وتستطيع أن تحفظ الصورة بتدرجات رمادية فقط (65536 تدرج رمادي) علاوة على ذلك يمكن أن يكون هناك 256 مستوى من الشفافية خلافاً لتنسيق GIF الذي يحتوي مستوى واحد فقط من الشفافية. وطريقة ضغطه للصور أكبر من تنسيق GIF ولا تقوم بخسارة التفاصيل كتنسيق JPG. وهذا التنسيق يصلح لجميع أنواع الرسومات، وهو مدعوم من جميع المتصفحات الحديثة

10. Format: GIF - Size: 10 K Format: JPG Size: 81 K Compressed JPEG to 10 K

11. متى تكون عملية الضغط أفضل في Gif؟

12. ألوان

13. هذه الامكانية تعطي لمتصفح مواقع الانترنيت الشعور بأن شيئاً سيحدث من على صفحة ويب، مما يعطي فرصة أفضل لزيارة الموقع وعدم التخلي عنه. تُعرض الصورة بشكل خطوط أفقية متباعدة (תריסונציאני) تبدأ بالامتلاء مع الوقت حتى تكتمل الصورة. يمكن إبطال أو إضافة Interlaceلصورة Gif من خلال برامج تنسيق الرسومات إلا أن إضافتها تزيد من حجم الملف. لذا يمكن استخدامها مع ملفات كبيرة الحجم أما ملفات لأزرار(icons)فيفضل إلغاؤها.

14. ويجري عرض الصور بتقنية PNG بحجمها الكامل، ولكن بصورة خشنة، بدلاً من عرضها خطاً خطاً كما في صور GIF، مما يجعل قراءتها تستغرق وقتاً أقل (أسرع بحوالي ثماني مرات من تقنية GIF). وتشير الاختبارات أنه يصبح بالإمكان قراءة النصوص ضمن صورة على هيئةPNGبعد عرض25 في المائة من بكسلات الصورة، فيما ينبغي عرض 50 في المائة من بكسلات الصور في هيئةGIF، قبل أن يصبح بالإمكان قراءة النصوص التي تتضمنها. ويمكن، بشكل عام، تبين الملامح الأساسية لصور PNG والاستفادة منها، بعد الشوط الأول من عملية العرض، مما يغنيك في كثير من الأحيان، عن انتظار استكمال العرض، إذا كان الهدف تحديد البقعة التي عليك أن تنقر عليها، بالماوس مثلاً.

15. Gif - Transparent Dither Jpeg Transparent

16. Gif - Transparent Shadow Gif - Transparent Dither Png Transparent Png - Transparent Shadow

17. يدعم الحركة Animation تنسيقات رسومية غير داعمة للحركة

18. الصور الأبيض والأسود. الصور التي تحتوي على نص. عدد محدود من الألوان، مثل 256 لون أو أقل. الصور التي يعتبر كل من الحدة ووضوح الحافة فيها عناصر ذات أهمية، مثل الرسومات الخطية والرسمات الفكاهية.

19. الصور التي تحتوي على مساحات شفافة. صورة صغيرة الحجم، مثل زر في موقع. الألوان في المساحات المنفصلة. الرسومات المتحركة.

20. الصور ذات المناظر الطبيعية. عدد كبير من الألوان، يصل على سبيل المثال إلى ملايين الألوان. • صورة لها أبعاد كبيرة. • التفاصيل الكثيرة، مثل صورة بيت في موقع عقارات حقيقي.

21.  WMF  TGA TIFF PNG JPEG GIF EPS EMF  BMP  البرنامج Microsoft Word Microsoft Excel ®Microsoft FrontPage ®Microsoft PowerPoint وبرامج ال-Office

23. ملائمة خلفية صفحة ويب لخلفية صورة Gif

24. FrontPage التنسيقات التي تستخدم بشكل عام في صفحات ويب هي GIF وJPEG. عندما تقوم بإضافة رسم ذي تنسيق بخلاف GIF أو JPEG إلى صفحة ثم تقوم بحفظها، يعمل FrontPage تلقائيًا على تحويل تنسيق الرسم إلى GIF إذا كان له 8 بت أو أقل من الألوان ، أو إلى JPEG إذا كان له أكثر من 8 بت من الألوان.

25. المصادر http://www.ditnet.co.ae/arabic/internet/tutor0104.html http://office.microsoft.com/arabicregion/assistance/2002/articles/oUnderstandGraphicFormats.aspx http://html.arabcomputing.com/HyperText26.html http://www.atarbnya.com/multi1.html http://www.amalnet.k12.il/guide/default.htm www.cnet.com/Resources/Info/Glossary/Terms/jpeg.html http://www.faqs.org/faqs/jpeg-faq/part1/ http://graphicdesign.about.com/library/weekly/aa012998i.htm?iam=howstuffworks_SKD&terms=jpeg