سایز تصاویر در طراحی سایت

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

GIF

این فرمت مشخص کنندهٔ تصاویر گرافیکی ثابت یا متحرک است. این نام کوتاه شده Graphics Interchange Format که مفهوم لغوی آن در زبان فارسی قالب مبادلهٔ گرافیک است.
تعداد رنگهای مورد استفاده در این فرمت با توجه به ۸ bit بودن آن ۲۵۶ رنگ است که یک بازه رنگ نسبتا محدود برای استفاده در اختیار شما قرار میدهد .این ۲۵۶ رنگ از یک محدوده رنگ بزرگتر (۲۴ bits: 8 red, 8 green, 8 blue) با ۱۶,۷۷۷,۲۱۶ رنگ انتخاب می شود. ( با توجه به ترکیب رنگ و نوع تصویر ) به دلیل محدودیت تعداد رنگ ها ازاین فرمت برای تصاویری با تعداد رنگ کمتر از ۲۵۶ استفاده میشود .برای تصاویر دیجیتال و یا تصاویر دارای Gradiant از این فرمت استفاده نکنید . زیرا به دلیل محدودیت تعداد رنگها باعث کم کیفیت و نامرتب شدن تصاویر شما خواهد شد.
این فرمت برای تصاویرخطی ، عناصر با لبه های تیز و تعداد رنگ محدود بسیار مناسب است . ( مانند لوگوهایی با چند رنگ و لبه های تیز، خطوط و نمودارها )
یکی از قابلیت های مهم این فرمت تصویری قابلیت ساخت تصاویر متحرک است.

JPG

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

PNG

PNG از محدوده رنگ ۲۴-bit RGB or 32-bit RGBA و همچنین Grayscale ( همراه و یا بدون alpha channel ) پشتیبانی می کند.PNG فرمتی است که برای انتشار در محیط وب به وجود آمده است و برای کارهای چاپی مورد استفاده قرار نمی گیرد و به همین دلیل از محدوده رنگ فایلهای چاپی نیز ( CMYK ) پشتیبانی نمی کند. یکی از خصوصیات جذاب این فرمت تصویر برای طراحان و توسعه دهندگان وب خاصیت alpha channel آن می باشد که موجب ایجاد تصاویر Transparent ( زمینه شفاف ) می شود.
از دیگر خصوصیات موجود در فرمت های GIF و PNG (Lossless compression ) از دست ندادن کیفیت ظاهری پس از فشرده سازی تصویر است ( بر خلاف استاندارد JPEG )
در فرمت PNG از تکنولوژی ( ZLib ) برای فشرده سازی تصاویر استفاده میشود که کارآمد تر از تکنیک فشرده سازی در GIF است (LZW ) دونوع متفاوت از فرمت PNG با کیفیت متفاوت در صفحات وب مورد استفاده قرار میگیرند.

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

PNG24 (24-bit) اجازه استفاده از بازه بیشتری از رنگها را به شما میدهد.

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

سایز تصاویر در طراحی سایت