نحوه استفاده ازتصاویر در طراحی سایت

برمک وب | طراحی سایت | طراحی وب سایت | طراحی سایت حرفه ای
85 / 100

تصاویر در طراحی سایت یک تصویر به اندازه صدها کلمه میتواند در انتقال مفاهیم به کاربر موثر باشد. همین مطلب نشان دهنده اهمیت استفاده از تصاویر در طراحی سایت است و ربطی به دینامیک یا استاتیک بودن سایت شما ندارد.

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

اندازه تصاویر

یکی از مسائلی که باید به آن توجه ویژه ای کرد اندازه تصاویر میباشد . اندازه تصاویر استفاده شده در وب سایت نباید از حد متعارف بیشتر باشد در نتیجه باعت کند شدن سرعت لود وب سایت می شود ، این امر معمولا در صفحه آغازین و دیگر صفحات وب سایت اهمیت بسیاری دارد و تاثیر بسزایی در سئو سایت و بهینه سازی می باشد همچنین این نکته را فراموش نکنیم که تصاویر نباید از حد خود کوچک تر باشند تا زیبایی و کیفیت خود را از دست بدهند.

نرم افزار ویرایش عکس

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

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

از نمونه نرم افزار هایی که میتوانید تصاویر خود را با آن ویرایش نمایید نرم افزار فتوشاپ می باشد ، نرم افزار فتوشاپ به شما کمک خواهد کرد تا تصاویر خود را در اندازه های مناسب ویرایش و جلوه های بصری زیبایی به عکس های وب سایت خود دهید

بیشتر بخوانید !
نسخه 5.6 وردپرس

سیستم های مدیریت محتوا در طراحی سایت

بهتر است بدانید که ادیتور های موجود در CMS مثل وردپرس فقط برای تغییر اندازه تصاویر می توان از آنها استفاده کرد و در بهینه سازی حجم تصاویر به شما کمک نخواهند کرد پس بهتر از این سیستم مدیریت محتوا فقط در کوچک کردن تصاویر استفاده کنید

قالب تصویری JPG

قالب تصویری JPG از کلمه ی Joint Photographic Experts Group گرفته شده است که روشی برای فشرده سازی تصاویر می باشد . هنگام کاهش اندازه در تصاویر jpg مقداری از کیفیت خود را از دست می دهد پس بنابراین این کار استاندارد بوده و تاثیر کمی برکیفیت عکس میگذارد

قالب تصویری PNG

قالب تصویری png از کلمه ی Portable Network Graphics گرفته شده است از قالب تصویری png اغلب در طراحی لوگو و تصاویری استفاده می شود که نیاز است در آنها رنگ پس زمینه نیز عوض شود این قالب تصویری از محدودی 24 رنگ RGB استفاده می کند و در طراحی وبسایت نقش بسزایی دارد و اکثر طراحان وب سایت از این فرمت استفاده می کنند زیرا در بهینه سازی تصاویر مقدار کمی از کیفیت خود را از دست می دهد.

تصاویر متناسب با طراحی سایت

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

نحوه استفاده از تصاویر در طراحی سایت

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

طبق تحقیقات متوسط حجم صفحه یک طراحی سایت حدود ۱٫۲۵ مگابایت است که ۶۱٫۵% از این حجم مربوط به تصویر در طراحی سایت است. در انتخاب تصاویر باید دقت کنید که سایز آنها مناسب با عرض صفحه و اندازه مقالات شما باشد.

برای مثال اگر در مقالات سایت خود از تصاویر استفاده میکنید سایز ۶۰۰*۴۰۰ مناسب است. اگر تصویر انتخابی شما بزرگتر از این مقدار است میتوانید با استفاده از نرم افزارهای ویرایش تصویر مانند فتوشاپ خیلی راحت سایز تصویر را کوچک کنید یا بخشهای اضافی آن را کات کنید.

بیشتر بخوانید !
ساخت سایت با وردپرس

از سایتهای زیر هم میتوانید به صورت آنلاین تصاویر خود را کم حجم کنید و نسخه کم حجم شده آن را دانلود کنید

نحوه استفاده از تصاویر در طراحی سایت

شما می توانید برای کسب اطلاعات بیشتر و یا مشاوره با همکاران ما تماس بگیرید.   

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Call Now Button