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

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

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

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

بهبود تصویر

بهینه سازی تصویر برای بارگیری سریعترین صفحات سایت ضروری است.

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

شده برای بهبود تصاویر را پوشش می دهد.

در دنیای ایده آل ، یک طراح وب سایت می تواند از تصاویر باکیفیت استفاده کند

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

حد امکان کوچک باشد. متأسفانه ، بین کیفیت تصویر و اندازه پرونده تعادل وجود دارد.

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

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

صفحه رایانه فقط می تواند تصاویر را با سرعت 72 dpi (نقاط در هر اینچ) نمایش دهد.

در نتیجه ، اولین قدم در بهینه سازی تصاویر ، کاهش وضوح تصویر به 72 dpi است. تصاویر

بزرگتر را می توان به قسمت های کوچکتر تقسیم کرد. هر بخش یک پرونده کوچک است

که در مدت زمان کمی قابل بارگیری است.

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

نمایش در سایت الزامی نیست. بسیاری از برنامه های گرافیکی قابلیت ذخیره تصاویر در وب را دارند.

“صرفه جویی در وب” گزینه ای است که تمام اطلاعات غیر ضروری را از یک تصویر حذف می کند

بدون اینکه کیفیت نهایی تصویر را به خطر بیاندازد.

روش دیگر به نظر می رسد برای افزایش زمان بارگذاری ، استفاده از ویژگی مترقی اتصال به تصاویر

GIF یا PNG است. هر دوی این ویژگی ها بارگذاری صفحه را کندتر می کنند ، ابتدا یک تصویر

مبهم و سپس یک تصویر واضح تر نشان می دهند. در حقیقت ، این عکس ها تا چند ثانیه کندتر

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

ویژگی طول و عرض IMG

برچسب IMG از مرورگر وب می خواهد جعبه ای با اندازه خاص را برای ایجاد گرافیک

ایجاد کند. این به مرورگر اجازه می دهد تا ضمن بارگیری تصویر ، مابقی صفحه را بارگیری کند.

اگر طول و عرض تصویر مشخص نشده باشد ، مرورگر وب باید منتظر بماند تا تصویر سایر قسمتهای

صفحه به طور کامل بارگیری و بارگیری شود.

چند تصویر باید استفاده شود؟

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

این مناسب به نظر برسد ، اما قطعاً زمان بارگذاری صفحه شما را افزایش می دهد. سرعت صفحه

به اندازه خود پرونده HTML و اندازه کلیه پرونده های استفاده شده در آن بستگی دارد.

تصاویر معمولاً شامل 50٪ زمان بار است.

استفاده کمتر از تصاویر باعث کاهش زمان بار شما می شود تا کاربران از سایت شما فرار نکنند.

کیفیت عکس

کیفیت تصویر با وضوح ، وضوح رنگ و جزئیات تصویر تعیین می شود. از ویرایشگرانی

استفاده کنید که نویز و سایر ویژگیهای ناخواسته را در تصویر حذف می کنند. بیشتر نرم افزارهای

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

ویرایشگرهای حرفه ای مانند Fireworks و Photoshop به شما امکان می دهند سطح و رنگ

پس زمینه را تنظیم کنید و تقریباً هر کاری را که می خواهید با تصویر انجام دهید.

همچنین می توانید از یک تصویر بند انگشتی در سایت استفاده کنید تا پیوندی به یک نسخه

با کیفیت بالاتر از همان تصویری که بازدید کننده می تواند در آن بگذارد ، بدهد.

چارچوب بهینه سازی عکس

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

بهبود دهید بدون اینکه روی کیفیت نهایی آن تأثیر بگذارد:

وضوح تصویر را به 72 dpi کاهش دهید.

تبدیل تصاویر متنی به متن واقعی.

تصویر را به اندازه دلخواه (برش) برش دهید.

در صورت عدم نیاز به کیفیت ، عمق رنگ را کاهش دهید.

طول و عرض واقعی تصاویر را مشخص کنید.

در صورت لزوم ، از نسخه کوچک تصاویر استفاده کنید.

آخرین جمله

گرافیک باید محتوای سایت را برجسته کند ، مگر در مواردی که تصاویر حاوی متن هستند.

در هر صورت ، باید تصاویر و فایلهای گرافیکی خود را برای بارگیری سریعتر بهینه کنید تا بتوان از

آنها در سایت استفاده کرد ، در غیر این صورت ممکن است بازدید کنندگان را از دست دهید.

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

و حرف آخر 

اگه هنوز وقت کافی دارید و احتیاج  به یک تبلیغ  عالی برای کاره خوددارید به سایت های دیگر ماهم حتما سر بزنید!!😊

شهر هوشمند اینترنتی

سرور طلایی

وب طلایی

چاپیرو

نت اسمارت سیتی

اشتراک گذاری

اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در reddit
0 0 رای ها
رأی دهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
View all comments
0
افکار شما را دوست دارم، لطفا نظر دهیدx
()
x