ویژگیهای عکس در طراحی سایت

در کار طراحی سایت عکس ها قسمت بسیار مهمی از بخش قابل نمایش در هر وب سایت را شامل می شوند ومواردی از قبیل میزان حجم , کیفیت تاثیر قابل ملاحظه ای در استاندارد بودن وهمچنین جذابیت هر چه بیشتر یک وب سایت را دارد.
در طراحی سایت معمولا سه فرمت اصلی در بکار گیری تصاویر مورد استقاده قرار می گیرد که به شرح مختصری از آن می پردازیم .

ویژگیهای عکس در طراحی سایت

ویژگیهای عکس در طراحی سایت

در کار طراحی سایت عکس ها قسمت بسیار مهمی از بخش قابل نمایش در هر وب سایت را شامل می شوند ومواردی از قبیل میزان حجم , کیفیت تاثیر قابل ملاحظه ای در استاندارد بودن وهمچنین جذابیت هر چه بیشتر یک وب سایت را دارد.
در طراحی سایت معمولا سه فرمت اصلی در بکار گیری تصاویر مورد استقاده قرار می گیرد که به شرح مختصری از آن می پردازیم .

 

 

GIF

استفاده از این فرمت مشخص کنندهٔ تصاویر گرافیکی ثابت یا متحرک است. این قالب گرافیکی را شرکت CompuServe در سال ۱۹۸۷ میلادی معرفی کرد و در حال حاضر در وب مورد استفاده قرار میگیرد.

تعداد رنگهای مورد استفاده در این فرمت  بخصوص با توجه به ۸ bit بودن آن ۲۵۶ رنگ میباشد که یک بازه رنگ نسبتا محدود برای استفاده در اختیار قرار میدهد . به دلیل محدودیت تعداد رنگ ها ازاین فرمت برای عکس هایی با تعداد رنگ کمتر از ۲۵۶ استفاده میشود و لازم به ذکر است برای تصاویر دیجیتال و یا تصاویر دارای Gradiant از این فرمت استفاده نمی شود . علت آن به دلیل محدودیت تعداد رنگها است که باعث کاهش کیفیت و نامرتب شدن تصاویر شما خواهد شد.
معمولا در طراحی سایت این فرمت را برای تصاویرخطی ، عناصر با لبه های تیز و تعداد رنگ محدود ازجمله لوگوبا تعداد طیف رنگی کم استفاده می کنند .

از قابلیت های این فرمت تصویری ساخت تصاویر متحرک است. با استفاده از نرم افزارهای ویرایش تصاویر از جمله Photoshop ویا نرم افزارهایی که برای ساخت تصاویر متحرک با فرمت GIF برنامه ریزی شده اند ، برای ساخت تصاویر متحرک ساده خود استفاده کنید.

 

JPG

از این استاندارد بیشتر برای ذخیره کردن عکس های دیجیتال وعکس هایی که با دوربین های عکاسی گرفته شده است که دارای رنگ های بسیار زیادی هستند استفاده می شود. در طراحی سایت با استفاده ازاین استاندارد شما می توانید با اندکی تغییر در خصوصیات ، به حجم مناسبی برای انتشار در محیط وب برسید.

تکنیک فشرده سازی تصاویر در این فرمت به این معنی که پس از تغییر خصوصیات برای فشرده سازی تصاویر ، کیفیت قبلی این تصاویر از دست خواهد رفت و به کیفیت آن پایین تر خواهد آمد بنا براین در تغییر خصوصیات با استفاده از این استاندارد دقت نمائید. در استفاده از این استاندارد برای تصاویری همراه با متن ، الگوها و سطوح با لبه های تیز بسیار دقت کنید . زیرا کم کردن حجم به میزان زیاد باعث بهم ریختگی در لبه های متن و سطوح میشود.
با کسب تجربه میزان تغییرمناسب در این خصوصیات را درک خواهید کرد و می توانید به طور دقیق واصولی از آن استفاده نمائید.میتوان از نرم افزار ویرایش تصاویر مانند Photoshop از گزینه Save for web در منوی File  برای تغییر در حجم تصاویر استفاده نمائید.

 

PNG


PNG فرمتی است در طراحی سایت که برای انتشار در محیط وب به وجود آمده است واصلا برای کارهای چاپی مورد استفاده قرار نمی گیرد و از محدوده رنگ فایلهای چاپی پشتیبانی نمی کند.

از خصوصیات این فرمت تصویر برای طراحان وب خاصیت alpha channel آن می باشد که موجب ایجاد تصاویر Transparent یا زمینه شفاف  می شود.
همچنین خصوصیت فرمت های GIF و PNG از دست ندادن کیفیت ظاهری پس از فشرده سازی تصویر است که درست بر خلاف استاندارد JPEG میباشد.

PNG ازنظر محدودیت رنگ مانند .gif است (۲۵۶ رنگ حداکثر) ، اما میتوان از خاصیت alpha channel آنها برای ایجاد تصاویر شفاف استفاده نمود.

در حال حاضر تعدادی از مرورگرهاهستند که  به صورت کامل و مناسب از این فرمت تصویر پشتیبانی نمی کنند و این مسئله مشکلات بسیاری را برای طراحان وب به وجود آورده است. ولی این فرمت کاملا جایگاه خود را پیدا کرده و در نهایت تمامی مرورگرها مجبور به پشتیبانی از این فرمت خواهند شد . استفاده از این فرمت برای ذخیره سازی تصاویری با کیفیت بالا و اندازه کوچک بسیار مناسب است . مانند لوگوهایی با تعداد رنگ زیاد و لبه های گرد ، یا آیکون ها در سایز های کوچک .

انتشار این مطلب در Facebook انتشار این مطلب در Twitter انتشار این مطلب در گوگل پلاس

اطلاع رسانی

درخواست مشاوره و سفارش

طراحی سایت طراحی وب سایت سئو وب سایت بهینه سازی سایت طراحی مالتی مدیا طراحی سایت ریسپانسیو

تماس با ما

شماره های تماس ۴۴۸۵۲۸۲۳ ۰۲۱ و ۴۲۷۰۷۸۵ ۰۹۳۹
با کلیک بر روی دکمه های ذیل و پر کردن فرم میتوانید به صورت آنلاین پیغام خود را برای ما ارسال نمایید.

ارسال پیام
تصویر تصادفی
لطفا حروف و اعداد تصویر بالا را در کادر زیر وارد کنید
درخواست پیش فاکتور
تصویر تصادفی
لطفا حروف و اعداد تصویر بالا را در کادر زیر وارد کنید
عضویت در خبرنامه الکترونیک
تصویر تصادفی
لطفا حروف و اعداد تصویر بالا را در کادر زیر وارد کنید

بالا