آشنايي با فرمت هاي مختلف تصاوير و كاربرد آنها
ارسال شده: جمعه ۱۷ آذر ۱۳۸۵, ۵:۰۹ ب.ظ
آشنايي با فرمت هاي مختلف تصاوير و كاربرد آنها
فرمت هاي عكس در وب
عكسها داراي فرمت هاي زيادي مي باشند ولي فرمتهايي كه در وب بكار برده مي شوند عبارتند از :
Graphic interchange Format - gif
Joint Photographic Experts Group - jpg
Portable Network Graphics - Png
عكس ها با فرمت gif بيشترين استفاده را د روب دارند و محبوب ترين نوع عكس است . اين نوع فرمت 256 رنگ را پشتيباني مي كند و از ويژگي هاي ديگر آن ing-interc transparency , animation است البته محبوبيت آن بيشتر براي حجم كم آن است .
Transparency به شفافيت يك عكس مي گويند كه در اصطلاح پشت نما ناميده مي شود اين ويژگي است كه يك عكس آنقدر شفاف است كه شما مي توانيد تا تصوير متن با رنگ زير آن عكس را ببينيد .
Interlacing گاهي وقت ها شما منتظر مي شويد تا يك عكس به دليل بزرگي اندازه بارگذاري شود بعد آنرا ببينيداما اگر عكسي اين ويژگي راداشته باشد كم كم عكس كامل خواهد شد يعني خط به خط به عكس اضافه مي شود تاكامل بارگذاري شود .
Animation عكسهاي متحرك را مي گويند و فقط اين فرمت هست كه از متحرك سازي عكس حمايت مي كند . عكس هايي با فرمت jpeg . حدود 16 ميليون رنگ را پشتيباني مي كنند نسبت به فرمت gif از حجم بالاتر و كيفيت بهتري برخوردار است .
تمام ويژگي هاي gif را دارد به غير از Animation فرمت png عمر كمتر و تواناييهاي بيشتري دارد . مخلو.طي از آنهاست يعني كيفيت jpeg و حجم كم gif.
افزودن عكس به صفحه وب
مانند همه عناصر داخل صفحه عنصر عكس هم تگك خاص خودش را دارد كه ان تگ img و پايان دهنده هم ندارد اتما براي مشخص كردن فايل عكس و آدرس دهي آن بايد از خصوصيت src= داخل تگ استفاده كنيم اگر يك عكس داخل دايركتوري وب سايت خودتان باشد ديگر نيازي به آدرس كامل نيست و فقط اسم دايركتوري و اسم فايل با پسوند مشخصه آن عكس نوشته مي شود ولي اگر بخواهيد كه عكسي را از وب سايت ديگري در صفحه خود بگذاريد بايد آدرس آن وب سايت و دايركتوري كه عكس در آن قرار گرفته و اسم كامل آن فايل را بنويسيد . مانند :
‹ img src = images/pic10 . gif ›
‹ img src=www.sitename.com/images/pic10. gif ›
اين تگ خصوصيات ديگري هم دارد يك ياز آنها كه كاربرد زيادي هم دارد خصوصيات طول height و عرض width مي باشد كه توسط آنها اندازه يك عكس را داخل صفحه مي توانيد كنترل كنيد . مقياس اندازه گيري طول و عرض بر حسب پيكسل pixel مي باشد اگر شما اين خصوصيات را كنترل نكنيد عكس در اندازه اصلي خود ظاهر مي شود بطور مثال شما م يخواهيد عكسي را وارد كنيد كه د رصفحه بايد به اندازه 001 001 فضا اشغال مي كند
‹ img src = images/pic10 . gif heigh=001width =001
اين نكته را در نظر داشته باشيد كه سرعت كامل شدن عكس يعني load down شدن آن در صفحه بستگ سبه حجم آن دارد نه اندازه عكس پس مس توانيد اندازهخ هاي يك عكس رااضافه كنيد ولي دقت كنيد كه كيفيت عكس خراب نشود .
Alignment
شما مي توانيد محل قرا رگرفتن عكس را نسبت به عناصر اطراف خودش با خصوصيت align= تعيين كنيد و مي توانيد كلمات left . right . top. Middle.bottom را براي اين خصوصيت بكار بريد اگر بخواهيد يك متن بعد از عكس و در وسط قرار گيرد .
align =middle This is a text
‹ img src = images/pic10 . gif ›
در ضمن اگر ميخواهيد خود عكس در وسط صفحه قرا رگيرد بايد از تگ center قبل از تگ img استفاده كنيد و بعد از آن center را بنويسيد :
Center img src = pic 10 gif Center اگر مايليد براي عكس كادر بگذاريد مي توانيد از خصوصيت border= استفاده كنيد و آنرا برابر با يك عدد قرار دهيد كه هر چه اين عدد بزرگتر باشد كادر دور عكس هم ضخيم تر است به صورت پيش فرض border= است يعني هيچ كادري مشاهده نمي شود .
Alt
تا حالا متوجه شديد كه در يك وب سايت هنگاميكه نشانگر موس بر روي يك عكس كه قرار ميگيرد يك كادر متني كوچك باز شده بنام tooltip و اطلاعاتي را راجع به آن عكس مي دهد ؟ پس شما هم اينكار را انجام دهيد . خصوصيت alt= را داخل تك گذاشته و هر متني را كه جلويش بنويسيد د رصفحه هنگامي كه موس بر روي عكس قرا رگيرد زير نشانگر نمايان م يشود بهتر است كه شما هميشه اين كار را انجام دهيد چون مرورگر هايي وجود دارد كه عكس را نمايش نمي دهد پس با ابتكار بيننده از حضور آن عكس خبردار مي شود .
منبع : جرايد
فرمت هاي عكس در وب
عكسها داراي فرمت هاي زيادي مي باشند ولي فرمتهايي كه در وب بكار برده مي شوند عبارتند از :
Graphic interchange Format - gif
Joint Photographic Experts Group - jpg
Portable Network Graphics - Png
عكس ها با فرمت gif بيشترين استفاده را د روب دارند و محبوب ترين نوع عكس است . اين نوع فرمت 256 رنگ را پشتيباني مي كند و از ويژگي هاي ديگر آن ing-interc transparency , animation است البته محبوبيت آن بيشتر براي حجم كم آن است .
Transparency به شفافيت يك عكس مي گويند كه در اصطلاح پشت نما ناميده مي شود اين ويژگي است كه يك عكس آنقدر شفاف است كه شما مي توانيد تا تصوير متن با رنگ زير آن عكس را ببينيد .
Interlacing گاهي وقت ها شما منتظر مي شويد تا يك عكس به دليل بزرگي اندازه بارگذاري شود بعد آنرا ببينيداما اگر عكسي اين ويژگي راداشته باشد كم كم عكس كامل خواهد شد يعني خط به خط به عكس اضافه مي شود تاكامل بارگذاري شود .
Animation عكسهاي متحرك را مي گويند و فقط اين فرمت هست كه از متحرك سازي عكس حمايت مي كند . عكس هايي با فرمت jpeg . حدود 16 ميليون رنگ را پشتيباني مي كنند نسبت به فرمت gif از حجم بالاتر و كيفيت بهتري برخوردار است .
تمام ويژگي هاي gif را دارد به غير از Animation فرمت png عمر كمتر و تواناييهاي بيشتري دارد . مخلو.طي از آنهاست يعني كيفيت jpeg و حجم كم gif.
افزودن عكس به صفحه وب
مانند همه عناصر داخل صفحه عنصر عكس هم تگك خاص خودش را دارد كه ان تگ img و پايان دهنده هم ندارد اتما براي مشخص كردن فايل عكس و آدرس دهي آن بايد از خصوصيت src= داخل تگ استفاده كنيم اگر يك عكس داخل دايركتوري وب سايت خودتان باشد ديگر نيازي به آدرس كامل نيست و فقط اسم دايركتوري و اسم فايل با پسوند مشخصه آن عكس نوشته مي شود ولي اگر بخواهيد كه عكسي را از وب سايت ديگري در صفحه خود بگذاريد بايد آدرس آن وب سايت و دايركتوري كه عكس در آن قرار گرفته و اسم كامل آن فايل را بنويسيد . مانند :
‹ img src = images/pic10 . gif ›
‹ img src=www.sitename.com/images/pic10. gif ›
اين تگ خصوصيات ديگري هم دارد يك ياز آنها كه كاربرد زيادي هم دارد خصوصيات طول height و عرض width مي باشد كه توسط آنها اندازه يك عكس را داخل صفحه مي توانيد كنترل كنيد . مقياس اندازه گيري طول و عرض بر حسب پيكسل pixel مي باشد اگر شما اين خصوصيات را كنترل نكنيد عكس در اندازه اصلي خود ظاهر مي شود بطور مثال شما م يخواهيد عكسي را وارد كنيد كه د رصفحه بايد به اندازه 001 001 فضا اشغال مي كند
‹ img src = images/pic10 . gif heigh=001width =001
اين نكته را در نظر داشته باشيد كه سرعت كامل شدن عكس يعني load down شدن آن در صفحه بستگ سبه حجم آن دارد نه اندازه عكس پس مس توانيد اندازهخ هاي يك عكس رااضافه كنيد ولي دقت كنيد كه كيفيت عكس خراب نشود .
Alignment
شما مي توانيد محل قرا رگرفتن عكس را نسبت به عناصر اطراف خودش با خصوصيت align= تعيين كنيد و مي توانيد كلمات left . right . top. Middle.bottom را براي اين خصوصيت بكار بريد اگر بخواهيد يك متن بعد از عكس و در وسط قرار گيرد .
align =middle This is a text
‹ img src = images/pic10 . gif ›
در ضمن اگر ميخواهيد خود عكس در وسط صفحه قرا رگيرد بايد از تگ center قبل از تگ img استفاده كنيد و بعد از آن center را بنويسيد :
Center img src = pic 10 gif Center اگر مايليد براي عكس كادر بگذاريد مي توانيد از خصوصيت border= استفاده كنيد و آنرا برابر با يك عدد قرار دهيد كه هر چه اين عدد بزرگتر باشد كادر دور عكس هم ضخيم تر است به صورت پيش فرض border= است يعني هيچ كادري مشاهده نمي شود .
Alt
تا حالا متوجه شديد كه در يك وب سايت هنگاميكه نشانگر موس بر روي يك عكس كه قرار ميگيرد يك كادر متني كوچك باز شده بنام tooltip و اطلاعاتي را راجع به آن عكس مي دهد ؟ پس شما هم اينكار را انجام دهيد . خصوصيت alt= را داخل تك گذاشته و هر متني را كه جلويش بنويسيد د رصفحه هنگامي كه موس بر روي عكس قرا رگيرد زير نشانگر نمايان م يشود بهتر است كه شما هميشه اين كار را انجام دهيد چون مرورگر هايي وجود دارد كه عكس را نمايش نمي دهد پس با ابتكار بيننده از حضور آن عكس خبردار مي شود .
منبع : جرايد
