look85

عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا

او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدى
نتشرف بتسجيلك
شكرا

إدارة المنتدى


انضم إلى المنتدى ، فالأمر سريع وسهل

look85

عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا

او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدى
نتشرف بتسجيلك
شكرا

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

الملفات الرسومية

3 مشترك

اذهب الى الأسفل

الملفات الرسومية Empty الملفات الرسومية

مُساهمة من طرف ابو وديع الثلاثاء 8 أبريل 2008 - 20:16

هل حاولت أن تتعرف على أنواع الملفات الرسومية التي تقوم بتحميلها خلال تصفحك
لمواقع الإنترنت؟
يزخر عالم الكمبيوتر بالعشرات من أنواع الملفات الرسومية وتنسيقات الصور. وكل
منها يختلف عن غيره من عدة نواح، أذكر لك منها: الدقة، وعدد الألوان التي يستوعبها،
والحجم التخزيني للملف. لكن هناك نوعين فقط من هذه الملفات يتم تداولهما حالياً
في الإنترنت وهما:JPEG و GIF
JPG, JPEG

Joint Photographic Experts Group. ويدعم هذا التنسيق صوراً بعيار

بنسب مختلفة عند تخزينها وبالتالي الحصول على صور صغيرة الحجم نسبياً.(أعني
هنا حجم التخزين بالكيلوبايتات وليس أبعاد الصورة). لكن بالمقابل كلما إزدادت
نسبة الضغط وصغر حجم الملف كان ذلك على حساب الجودة والوضوح. و إليك هذا المثال
التوضيحي



الملفات الرسومية 1
الملفات الرسومية 2الملفات الرسومية 3الملفات الرسومية 4



GIF
Graphical Interchange Format وأقصى عدد للألوان في هذا
التنسيق هو 265 لون. ومع ذلك فإن أحجام الصور المخزنة به كبير نسبياً مقارنة
بتنسيق JPG. لكن هناك مزايا رائعة ينفرد بها تنسيق GIF مما يستدعي استخدامه
في صفحات الويب، أولها القدرة على تخزين صور بخلفيات شفافة Transparent Images




» Paint Shop Pro
وإليك هذا المثال

إختصار 24 بت (أي 16.7 مليون لون). وميزة هذا التنسيق تتمثل في إمكانية ضغط الصور إختصار وثانيها الصور المتحركة Animated Gifs وتجد معلومات وافية ودروساً مفصلة حول هذه المواضيع ضمن دروس


الملفات الرسومية Sun1 الملفات الرسومية Sun2 الملفات الرسومية Happyface



<hr color="#ccccff" width="80%">


والآن قد تسأل، أي من هذين التنسيقين أستخدم في صفحاتي؟! لا يوجد جواب قطعي
لهذا السؤال لكن إليك هاتين المعادلتين:
JPG= الصور الحقيقية ذات العدد الكبير من الألوان، وذات الأبعاد الكبيرة

GIF= الصور قليلة الألوان وصغيرة الأبعاد مثل الأزرار.
ولهذا أستخدم JPEG للصور الكبيرة أما الGIF




PNG




Web ليهيمن علي النوعين السابقين فلديه أفضل مميزات
النوعين السابقين و أقل عيوب عنهم أيضا فمميزاته :- هي الشفافيه Transparent



أن هذا النوع يدعم من قبل الـ IE5 و لا يدعمه الـ
Netscape4 ولن يعمل هذا النوع مع المستعرضات القديمة
ولكن في الإصدارات القادمة للـ IE6 و الـ
Netscape7 سنجد سيل من صور من هذا النوع
PNG

[/b] فإستخدمها لباقي الأشياء إختصار Portable Network Graphics وهو نوع جيد إبتكر خصيصا من أجل المواقع و ألوان ذات درجة وضوح عاليه و قنوات ألفا (لا أعرف ما هي) وأفضل من ضغط الJPEG وتستطيع أن تضع معها المعلومات الخاصه بك حتي لا تسرق الصور الخاص بك من قبل الغير ، كل شيء جيد بل فوق الجيد ولكن هناك مشكله واحده حتى هذه اللحظه هي [/b]<hr color="#ccccff" width="80%">


تعريف الـ Pixel




فهذا يعني أنها مقسمة(نظرياً) إلى شبكة من 640 عمود و480 سطر( ). وبمنتهى
البساطة، إن كل خلية من هذه الشبكة تمثل بيكسل وبالطبع كلما زادت الإستبانة
كلما صغر حجم وحدة البيكسل[/b] وحدة البيكسل بتوضيحها). وهي اختصار لـِ Picture Element. إذا كانت شاشتك بإستبانة 640×480
ابو وديع
ابو وديع
0 مشرف عام 0

عدد الرسائل : 2293
العمر : 39
الموقع : كوكب الأرض
المزاج : الحمد لله .. معصب
تاريخ التسجيل : 04/09/2007
نقاط المساهمات : 6578

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الملفات الرسومية Empty رد: الملفات الرسومية

مُساهمة من طرف ابو وديع الثلاثاء 8 أبريل 2008 - 20:23

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

وهذا الأمر ينطبق تماماً على كل الرسومات، سواءً كانت أعمالاً فنية أو رسومات خاصة بالمواقع كالأزرار والصور التوضيحية وخلافها.

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

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

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

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

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


JPG: وله اختصارات أخرى مثل: JPEG، وهو التنسيق الذي تم ابتكاره لحفظ الصور الفوتوغرافية، والتي تحتوي على ظلال معقدة وتدرجات لونية كبيرة، ولا يصلح تنسيق GIF لها.

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

من مميزات هذا التنسيق أنه يستطيع التعامل مع ألوان أكثر من تنسيق GIF الذي يتعامل فقط مع 256 لون، وتنسيق JPG يستطيع التعامل مع 16.7 مليون لون (24 Bit).

ويستخدم هذا التنسيق كما أسلفنا للصور الفوتوغرافية، أو للصور ذات التدرجات اللونية المعقدة والمتشابكة.

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

إحدى الميزات الهامة لملفات PNG هي أنها تتضمن معلومات "غاما". تشير غاما إلى سطوع الصور أما تصحيح غاما المبيت في ملفات PNG فعني أن الصورة ستصحح نفسها بطريقة ما وفقاً لجهاز العرض التي ستعرض عليه كما وستظهر بنفسها مستوى السطوع الذي صممت عليه في البداية.

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

وهذا التنسيق يصلح لجميع أنواع الرسوم، وهو مدعوم من جميع المتصفحات الحديثة لذلك أرى أن يستخدم على نطاق أوسع لأن مرونته وفاعليته أكبر من بقية التنسيقات، وطريقة ضغطه للصور أكبر من تنسيق GIF ولا تقوم بخسارة التفاصيل كتنسيق JPG
ابو وديع
ابو وديع
0 مشرف عام 0

عدد الرسائل : 2293
العمر : 39
الموقع : كوكب الأرض
المزاج : الحمد لله .. معصب
تاريخ التسجيل : 04/09/2007
نقاط المساهمات : 6578

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الملفات الرسومية Empty رد: الملفات الرسومية

مُساهمة من طرف ابو وديع الثلاثاء 8 أبريل 2008 - 20:31

الصور التي تجدها على المواقع على شبكة الانترنت هي عبارة عن بيانات مضغوطة، وهناك طرق عدة لضغط البيانات في الصور .. ويمكنك التعرف على الفرق بين هيئة ال GIF و JPG و PSD و BMP .. وغيرها من الهيئات الخاصة للصور. ....

هناك نسقان معروفان ومنتشران بكثرة في الصور التي على شبكة الإنترنت وهما النسق ·GIF والنسق JPEG وتستطيع بسهولة ويسر أن تفتح وتشاهد الصور التي تكون بأحد هذين النسقين، كما أن كلا من المتصفحين نت سكايب ومايكروسوفت اكسبلورر، قادر على فتح هذه الصور لمشاهدتها·
وكما ذكرنا، فان كل نسق من هذين النسقين يتم ضغط البيانات فيه بهدف تقليص المساحة التي يحتلانها في ذاكرة الكمبيوتر، ولكن النسق JPEG يحتوي على معلومات اللون أكثر من GIF ولهذا السبب، يستخدم عادة للصور التي يكون فيها اللون أو ظلال اللونين الرمادي والأسود ذات أهمية كبيرة·

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

وهناك أنساق أخرى للصور منها النسق BMP وهذه الصور هي ملفات مستخدمة في ويندوز وهي في العادة ملفات كبيرة، لأنه من الممكن اختزانها من ضغط للبيانات·

وهناك أيضا النسق PSD وهي ملفات ادوبي فوتوشوب طورتها شركة أدوبي.

والنسق RGB وهو شكل معياري آخر لوصف لون الصورة وهذه الحروف الثلاثة التي يتكون منها وهي R أي اللون الأحمر و G أي اللون الأخضر و B أي اللون الأزرق·

والواقع أن هناك أكثر من مائة نسق للصور لا نستطيع الحديث عنها كلها، وهي من نتاج شركات أو هيئات مختلفة، منها مثلا:

النسق TIFF ويستخدم عادة لتبادل الصور بين أنواع البرامج وأجهزة الكمبيوتر·

وهناك أيضا PNG و EMF و DXF و CDR و WPG

وتعرف نوع الصورة من إمتدادها ..
ابو وديع
ابو وديع
0 مشرف عام 0

عدد الرسائل : 2293
العمر : 39
الموقع : كوكب الأرض
المزاج : الحمد لله .. معصب
تاريخ التسجيل : 04/09/2007
نقاط المساهمات : 6578

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الملفات الرسومية Empty رد: الملفات الرسومية

مُساهمة من طرف ابو وديع الثلاثاء 8 أبريل 2008 - 21:15

GIF

GIF (Graphics Interchange Format, pronounced "giff", not "jiff") is an "indexed" format. This means that it uses a fixed list of colors (usually a fairly small number, like 256 or "8-bit color", or even less). Indexed formats are very efficient for images with a small number of colors, like a simple logo; they're very inefficient for images with a lot of colors, like a photograph. Photographs converted to GIF will usually end up looking very poor, because the number of colors has to be reduced.

GIF also offers two options most other formats don't have: "animated gif", which lets you embed a small animation on a web page (this is an inefficient way to show full movies, but it's good for short animation loops) and "transparency", which lets you specify that part of the image is transparent, which is good for putting logos on top of photographs.

Several years ago, many sites avoided GIF because of patent issues: the patent holder threatened to sue anyone who used GIF images without paying. This is no longer an issue; the patent has expired, so there's no longer a risk of lawsuits.
JPEG

JPEG (which stands for Joint Photographic Experts Group, the group which defines the standard; also written JPG, and pronounced "jay-peg") is sort of the opposite of GIF. A JPEG image is always in full color, or at least in a full range of greyscale values. This means that it's a very inefficient way to store a simple 3-color logo; but it's a very good way to store a photograph.

The other important aspect of JPEG is that JPEG images are highly compressed (which means that you can make a good-looking photograph with a small file size) but the compression is "lossy" (which means that every time you read a JPEG, modify it, and write it back to disk, you lose a little bit of information). Most image editing software lets you change the amount of JPEG compression by adjusting a "quality" setting; higher quality = less compression = less loss and a better image, but a larger file size. For web images, you can compress a JPEG quite a bit and still have it look good, so it's worth experimenting if you want to be kind to your users (especially modem users) and keep your images small.

So JPEG is an excellent format to use for the web, but it's not a good format in which to save your original images if you want to edit and change them frequently.

JPEG can also store "meta information" about an image, using a format called EXIF ("EXchangeable Image File Format"). Most digital cameras use JPEG as their primary image format, and they add a considerable amount of EXIF information to each image. Some of this EXIF is very useful, containing camera details like date, aperture, shutter speed and so forth; but it can also contain unneeded information, such as a thumbnail version of the image, which makes the image quite a bit larger than it needs to be. A program like jhead can trim off this extra EXIF, sometimes as much as 10kb.
BMP

(I don't know how it's pronounced. Bee Em Pee?) Lots of Windows users use the Windows Bitmap format, or BMP. This is a format which retains all information (it's not lossy like JPEG, or indexed like GIF) but it's not compressed at all. So BMP images are huge. Don't ever put a BMP image on the web, or in a downloadable package.
PNG

PNG (originally meaning "PNG's Not GIF", though it's often referred to as Portable Network Graphics format, and pronounced "ping") is a somewhat newer format. It can operate in indexed mode or full-color mode, and their uses are different.

Indexed PNG: this is a good replacement for GIF, which can be just as small, yet have more colors than GIF allows. It allows transparency, like GIF, and also allows partial transparency (you can make part of the image translucent, so that some of the background shows through). The catch is that Windows Internet Explorer still doesn't support partial transparency in PNGs, so if you want IE users to be able to see your image properly, you have to use no transparency or full transparency. (If you're worried about this, also consider setting the background color to the background color you plan to use on the web page when you create the PNG. This isn't a guarantee, but it makes it more likely that users will see the image as you intended it.)

Full color PNG: This is an excellent way of storing your original images locally. Full color PNG does offer compression, but the compression is non-lossy, so you can make your images smaller without fear of losing any details in the image. The only disadvantage of high PNG compression levels is that it takes more CPU to read and write them. However, PNG compression is never as efficient as JPEG compression, so a full color PNG will be much larger than a JPEG of the same image. Full color PNG is therefore not a good web format.

Converting between Full-color and Indexed: Simply using "Save As" to save a full color file as PNG will usually save a full-color PNG. To save an indexed PNG, you may need to tell your image editing program to convert the image to indexed color first.

Animated PNG: There's a format called MNG which is intended as a replacement for animated GIF, but without the limitations imposed by GIF (for instance, MNG animations can have full color depth and either partial or full transparency). However, almost no browsers support MNG (some versions of mozilla do, but most don't, and IE doesn't) so MNG is not useful (yet) as a web format.
TIFF

TIFF (Tagged Image File format, also written TIF and pronounced like it looks) is another full-color, non-lossy format intended primarily for storing original images. It's okay for that, but the catch is that there are lots of different implementations of the TIFF spec, so a TIFF written by one program may not read properly in another program. If you're tempted to use TIFF for something, full color PNG is probably a better bet. Tiff file sizes are large, so it's not good for use on the web either.
Other Formats

Some other formats which aren't appropriate for web use, but might be useful for storing images locally or for other uses:
PCD: Photo CD, from Kodak, uses this format. It includes several resolutions within one file (so files tend to be very large) and is non lossy. It usually requires special reading software. You'll need to convert a PCD to some other format (specifying which resolution you want) before you work on it. On Linux, a program called pcdtoppm can do that, or there's a PCD gimp plugin.
PBM/PPM/XBM: Unix-specific format used in programming. Some programs, such as pcdtoppm and the netpbm scripts, will only deal with these files, but you probably won't want to use them for anything directly.
PSD: Photoshop's proprietary format. There are at least two versions of this; the older version was an open format and can be read by a few programs other than Photoshop (for instance, there's a gimp plugin); the newer version is super-seekrit and can only be read by Photoshop. Use this only if you're using Photoshop to edit an image and you want to save it with information such as layers or paths for further editing. You'll usually need to convert the image to another format to share it with anyone.
XCF: The GIMP's version of PSD, which saves editing information such as layers and paths. Files tend to be very large. Use this only if you're editing files with the GIMP and need to save editing information.
ابو وديع
ابو وديع
0 مشرف عام 0

عدد الرسائل : 2293
العمر : 39
الموقع : كوكب الأرض
المزاج : الحمد لله .. معصب
تاريخ التسجيل : 04/09/2007
نقاط المساهمات : 6578

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الملفات الرسومية Empty رد: الملفات الرسومية

مُساهمة من طرف عاشقة البحر الثلاثاء 8 أبريل 2008 - 23:24

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

عدد الرسائل : 312
الموقع : لا اله الا أنت سبحانك اني كنت من الظالمين
تاريخ التسجيل : 03/11/2007
نقاط المساهمات : 6022

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الملفات الرسومية Empty رد: الملفات الرسومية

مُساهمة من طرف عزي ايماني الأحد 28 يونيو 2009 - 21:36

بارك الله فيك ويعطيك العافية
عزي ايماني
عزي ايماني
تكنولوجي متميز
تكنولوجي متميز

عدد الرسائل : 2263
الموقع : البيت
المزاج : نص هيك و نص هيك
تاريخ التسجيل : 05/04/2009
نقاط المساهمات : 7926

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى