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

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

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

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

در شروع کار تصاویر مورد نظر را بررسی کنید بعضی اوقات تصاویر نیازمند تغییر دادن بکگراند یا حذف قسمت هایی هستند که باید انجام شود.شما می توانید با نرم افزارهای فتوشاپ یا Fireworks کیفیت عکس را پایین آورده یا اگر یک آماتور هستید با نرم افزار Paint به راحتی می توانید به اهداف بهینه کردن تصاویر وب سایت برسید .

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