تصاویر در وب سایت

[efanetco]

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

این مهم است که با اضافه کردن عکس به سایتتان به مشتریان انرژی داده و این انرژی در رابطه دو طرفه شما و مشتریان تاثیر بسیار خوبی دارد .

یکی از چیزهای خوبی که در مورد دوربین های مگاپیکسلی بزرگی که امروزه در دسترس هستند وجود

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

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

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

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

منبع: شرکت [External Link Removed for Guests] و [External Link Removed for Guests] سایت

[Solver]

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

بسیار دست بالا گرفتید. بزارید علمی تر بررسیش کنیم

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

طبق نتایج تحقیقات UX مناسبترین حالت آن است که بین 30% تا 60% حجم یک صفحه وب (بسته به موضوع آن) مربوط به تصاویر باشد. این نسبت بر اساس سطح انتظار کاربر برای نمایش صفحه به نسبت محتویات مورد نظرش می باشد.

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

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

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

تصویر بهینه شده:
[External Link Removed for Guests]

تصویر اصلی:
[External Link Removed for Guests]

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