تاثیر استفاده از تصاویر در بهینه سازی سایت
۴٫۸ (۹۵%) ۴ votes
حتما تا بحال با کتاب هایی سر و کار داشته اید که پر از نوشته هستند و حتی هیچ فضای خالی در آنها پیدا نمی شود ! هر چند که این کتاب های ارزشمند باشند اما بعد از مدتی حوصله شما را سر می برند …
این موضوع درباره وب سایت ها هم صدق می کند ، اگر سایت شما پر از مطالب مفید و به درد بخور هم باشد ولی در دیزاین آن از تصاویر و فاصله بندی مناسب استفاده نکرده باشید ، کاربر به راحتی سایت شما را ترک می کند ، این کار فقط به اندازه یک کلیک از کاربر وقت می گیرد !!!

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

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

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

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

برای استفاده از تصاویر در وب سایت ۳ فرمت کلی وجود دارد که شرح زیر است

JPG

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

PNG

این فرمت خود در دو نوع ۲۵۶ رنگ و ۸ میلیون رنگ با نام های png-8 و png24 ارائه می شود که در طیف رنگی پشتیبانی شده متفاوت اند و به طبع حجم بسیار زیادی را اشغال می کنند و به همین دلیل اگر میخواهید سرعت لود پیج خود را افزایش دهید این فرمت پیشنهاد نمی شود .

GIF

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

مقایسه طراحی سایت تصویر

سایز تصویر

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

طراحی سایت با فتوشاپ

چگونه حجم تصاویر را کاهش دهیم ؟
ابتدا تصویر مورد نظر خود را در فتوشاپ باز کنید، از منو File، گزینه Save for web را انتخاب کنید. پنجره‌ای نمایش داده می‌شود که می‌توانید کیفیت دلخواه خود را انتخاب کنید. پیشنهاد می‌کنیم کیفیت ۶۰ را انتخاب کنید تا هم تغییر زیادی در کیفیت تصویر ایجاد نشود و هم حجم فایل بسیار کم شود و به زیر ۱ مگ برسد (حجم تصویر در حد ۱۵۰ کیلو بایت حجم بسیار خوبی برای تصاویر در وب سایت است).

چرا طراحی سایت

برای همه تصاویر سایت ویژگی ALT بسازید .

موتور های جستجو مانند گوگل نمی توانند تصاویر را به خوبی تشخیص دهند بنا بر این باید برای آنها ویژگی alt در نظر بگیرید تا بتوانند شناسایی شوند .
اگر از سایت ساز متسون استفاده می کنید این ویژگی به صورت پیشفرض روی تصاویر قابل انجام است .

2 دیدگاه برای “تاثیر استفاده از تصاویر در بهینه سازی سایت

  1. Roi گفته:

    آقا من شنیده بودم png چون اول یه بارگذاری کلی از تصویر به صورت محو نشون میده و سریع کیفیت کامل میشه توصیه شده بود …. اگه png بخوایم استفاده کنیم کدومش پیشنهاد میفرمایید
    ؟>؟

    • admin گفته:

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

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

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