دوشنبه 23 بهمن 1396

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

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

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

 

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


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



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



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



صفحه نمایش کامپیوتر می تواند تنها تصاویری با وضوح 72dpi (نقطه در اینچ) را نمایش دهد. در نتیجه اولین گام در بهینه سازی تصاویر، کاهش وضوح به 72 dpi است. تصاویر بزرگتر می توانند به قسمتهای کوچکتری تقسیم بندی شوند. هر قسمت، فایل کوچکی است که می تواند در کسر کوچکی از زمان لود شود.



اکثر فایلهای گرافیکی شامل اطلاعاتی در مورد پالت رنگ تصویر هستند. این اطلاعات معمولا برای نمایش در سایت مورد نیاز نمی باشد. بسیاری از برنامه های گرافیکی این قابلیت را دارند تا تصاویر را بتوان برای وب دخیره سازی نمود. "Save for the web" انتخابی است که کلیه اطلاعات غیر ضروری را از تصویر حذف می کند بدون آنکه بر کیفیت نهایی تصویر خدشه ای وارد شود.



روش دیگری که به ظاهر می تواند زمان بارگذاری را بالاتر برد، استفاده از ویژگی progressive برای تصاویر GIF، یا PNGهای interlaced است. هر دوی این ویژگیها این امکان را می دهند تا زمان بارگذاری صفحات به تدریج صورت گیرد و در ابتدا تصویری مات نمایش داده شود و سپس تصویری با وضوح بیشتر و شفاف تر. در حقیقت این تصاویر حتی چند ثانیه نیز کندتر از تصاویر معمولی بارگذاری می شوند ولی آنها برای بازدید کنندگان به نظر سریعتر هستند.

 



خصیصه طول و عرض IMG


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

 


از چند تصویر می بایست استفاده کرد؟

 


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


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

 


کیفیت تصاویر


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


ویرایشگرهای حرفه ای نظیر Fireworks و Photoshop به شما امکان می دهند تا پیش زمینه و سطوح رنگ را تنظیم کنید و تقریبا هر کاری که دوست دارید با تصویر انجام دهید.

 


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

 



چهارچوب بهینه سازی تصاویر


پیشنهادهای زیر به شما این امکان را می دهند تا تصاویرتان را برای بارگذاری سریع در سایت بهینه سازی کنید بدون آنکه بر کیفیت نهایی آنها تاثیری گذارد:



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


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


    تصاویر را به اندازه ای که مورد نیاز است برش (crop) دهید.


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


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


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

 



جمله آخر


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

 

منبع: واحد تحقیقات و توسعه پایگاه اینترنتی امور

 


(طراحی سایت سئو وب سایت سئو سایت طراحی وب سایت و بهینه سازی سایت)

 

 

برای اطلاع از قیمت طراحی سایت|طراحی وب سایت|طراحی سایت حرفه ای

 

به لینک کلیک کنید:

 

 

لینک

دیگر اخبار
ظرفیت باتری کدام لپ تاپ ها بیشتر است؟ ظرفیت باتری کدام لپ تاپ ها بیشتر است؟

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

ادامه خبر ...
آموزش انتقال پیامک‌ از یک گوشی اندرویدی به گوشی دیگر آموزش انتقال پیامک‌ از یک گوشی اندرویدی به گوشی دیگر

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

ادامه خبر ...
عدم مشاهده پیام در تلگرام عدم مشاهده پیام در تلگرام

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

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

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

ادامه خبر ...
الگوریتم های ۲۰۱۸ گوگل الگوریتم های ۲۰۱۸ گوگل

در این مقاله آموزشی از پایگاه اینترنتی امور درباره جدید ترین الگوریتم های گوگل توضیح خواهیم داد. با ما همراه باشید

ادامه خبر ...
۵ نکته برای افزایش کارآیی یخچال ۵ نکته برای افزایش کارآیی یخچال

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

ادامه خبر ...
کاربران ایرانی در سال 95 بیشتر چه چیزهایی را در گوگل جست‌وجو کردند؟ کاربران ایرانی در سال 95 بیشتر چه چیزهایی را در گوگل جست‌وجو کردند؟

آیا میدانستید کاربران ایرانی در سال 95 بیشتر چه چیزهایی را در گوگل جست‌وجو کردند؟ امور لیستی از این سرچ هارا برای شما مهیا کرده است... 

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

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

ادامه خبر ...
دوربین گوشی های هوشمند دوربین گوشی های هوشمند

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

ادامه خبر ...
نحوه نوشتن پاورقی در ورد نحوه نوشتن پاورقی در ورد

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

ادامه خبر ...
پردیس چاپگر باران

کارتریج ایرانی

ثبت آگهی منطبق با الگوریتم گوگل

آگهی ویژه,ثبت آگهی

دفاع شخصی کاربردی

دفاع شخصی کاربردی

آگهی رایگان

آگهی رایگان/درج آگهی تبلیغاتی

بانک اطلاعات مشاغل و اصناف

جامع ترین بانک اطلاعات کشور

خانه سالمندان یارین

خانه سالمندان / خانه سالمندان در پاسداران / مرکز سالمندان یارین

دسته بندی محصولات
دسته بندی آگهي ها
شارژ و تعمیر کارتریج

شارژ وتعمیر کارتریج لیزری

آگهی رایگان

آگهی رایگان

کانال دفاع شخصی حرفه ای

دفاع شخصی