فرمت های گرافیکی در طراحی سایت
فرمت های گرافیکی در طراحی سایت
می دانیم که صد ها فرمت برای طراحی فایل های گرافیکی در طراحی سایت وجود دارد و مرورگر ها از تعداد کمی از آنها پشتیبانی می کنند در ادامه مقاله می خواهیم به فرمت های مختلف گرافیکی در طراحی سایت اشاره کنیم و موارد استفاده از آنها را ذکر کنیم
انواع فرمت های گرافیکی در طراحی سایت
فرمت فایل های گرافیکی که توسط مرورگر ها پشتیبانی می شود شامل GIF یا فرمت گرافیکی قابل تعویض، فرمت مخصوص متخصین عکاسی یا همان JPEG ، گرافیک شبکه های قابل حرکت یا همان PNG و گرافیک های برداری است.
در ادامه بر برخی از ویژگی های این بردار ها اشاره می کنیم :
شفافیت :
با کمک این ویژگی می توانید درجه از ماتی را برای تصویر ایجاد کنید
فشرده سازی :
در این ویژگی با کمک الگو های ریاضی، گروهی از پیکسل ها در تصویر به صورت آیتم قلمداد شوند و در حجم کوچکی ذخیره سازی گردد
چند خط در میان بودن :
در این حالت ابتدا خطوط فرد کشیده می شود و سپس خطوط زوج و این امکان را فراهم می کند تا کاربران زودتر از آن که تمام تصویر بارگذاری شود آن را مشاهده کنند
کاربرد انیمیشن ها در طراحی سایت :
انیمیشن با استفاده از یک سری تصاویر ثابت و پشت سر هم حس حرکت را تداعی می کند Gif های متحرک علاوه بر این که نیاز به پلاگین ندارند با هر سخت افزار و دستگاهی کار می کنند
گیف GIF :
جی آی اف در دهه ی نود به عنوان فرمت مطلوب برای طراحی سایت مورد استفاده قرار می گرفت این فایل ها از الگوریتمی برای فشرده سازی استفاده می کنند که حجم فایل را برای بارگزاری سریع پایین نگه می دارد رنگ ها به 256 رنگ ( 8 بیت ) محدود شده اند همچنین این امکان وجود دارد که تصاویر انیمیشن دار با استفادهاز فرمت تصویری ساخته شوند از مزایای GIF می توان به بیشرین فرمت گرافیکی و تصویر بهتر دیاگرام ها اشاره کرد
JPEG:
این فایل ها فشرده سازی می شوند اما از رنگ های حقیقی 24 بیتی استفاده می کنند و برای عکاسانی که کیفیت تصاویر برایشان اهمیت دارد، کاربری است از مزایای آن می توان به دانلود و بارگزاری سریع و کیفیت مطلوب و نقشه های پیچیده اشاره کرد
تصویربرداری در طراحی سایت :
اکثر تصاویر در طراحی وب سایت تصاویر رستر شده یا بیت مپ شده هستند که از شبکه ای از پیکسل های رنگی ایجاد شده اند می دانیم که نقشه ها و نقاشی ها باید توسط بردار ها ترسیم شوند که از توصیفات ریاضی برای هر المان تشکیل شده است معمولا تصاویر برداری به کمک برنامه هایی مانند ایلاستریتور ایجاد می شود
بهترین فرمت عکس ها برای سئو و بهینه سازی تصاویر
طراحی سایت بدون استفاده از جلوه های گرافیکی و تصاویر جذاب، از جذب مخاطب عاجز است بنابراین برای جذب مخاطب و دریافت ترافیک بیشتر و همچنین سئو و بهینه سازی در طراحی سایت ناچار به استفاده از تصاویر هستید در اکثر اوقات تصاویر عامل کندی سایت می شوند پس اگر نیازمند بهبود سرعت در طراحی سایت هستید لازم است اندازه تصاویر را کوچک و حجم آنها را فشرده کنید نکته ی حائز اهمیت در کوچک سازی فایل بهبود سئو است در هر صورت ادازه ی تصویر نباید بیشتر از اندازه نیازتان باشد و عرض آن نباید از عرض مقاله یا صفحه شما بیشتر باشد شاید یکی از مهمترین گزینه های نرم افزار فتوشاپ نیز همین گزینه ی save for web باشد که برای همین منظور طراحی شده است این برنامه با تعریف اندازه های استاندارد از 86 کیلو بایت تا 1.38 مگابایت را دارد امکان بهینه کردن تصاویر در طراحی سایت را برای کاربران ایجاد می کند
بهینه سازی تصاویر چه اهمیتی در طراحی سایت دارد ؟
بهینه سازی تصاویر و عکس ها در طراحی سایت باعث بالا رفتن سرعت و جلوگیری از کندی سایت خواهد شد و این در نظر کاربران بسیار اهمیت خواهد داشت سرعت بارگزاری بالا در طراحی سایت یکی از ملاک های مهم در طراحی سایت محسوب می شود
در کاهش حجم تصاویر چه نکته ای را باید مد نظر قرار داد ؟
هنگام بهینه سازی تصاویر لازم است آنها را به گونه کم حجم کنید که از کیفیت آنها کاسته نشود این نکته در طراحی سایت بسیار اهمیت دارد و لازم است به آن توجه شود در فتوشاپ گزینه ی معروف ذخیره سازی برای وب به همین منظور تعبیه شده است
