وبلاگ

سایت ساز سی می پلاس

مقالات

از قدرت و تاثیر تصاویر در سایت غافل نشوید، همه فاکتورهای بهینه سازی تصاویر

دوشنبه، ۱۴ اسفند ۱۳۹۶

 زمان مطالعه : حدود 4 دقیقه  
از قدرت و تاثیر تصاویر در سایت غافل نشوید، همه فاکتورهای بهینه سازی تصاویر
 
تا کنون به کتاب‌های پر از نوشته توجه کرده‌اید؛ صفحاتی که حاوی متن‌های ارزشمند هستند و بدون هیچ فاصله، فضای خالی و یا تصویری، کلمات پشت سر هم قرار گرفته‌اند؟ اگرچه این کتاب‌ها بسیار ارزشمند هستند اما بعد از اندکی حتما شما را خسته می‌کنند. این موضوع در مورد وب سایت‌ها بیشتر اهمیت پیدا می‌کند زیرا وب سایت مثل کتاب نیست که هزینه‌ای برای خرید آن پرداخت کرده باشید بنابراین به راحتی وقتی وب سایتی پر از کلمه را می‌بندید و به سراغ وب سایت دیگری می‌روید! پس اگر شما هم یک وب سایت دارید به هیچ وجه از تاثیر تصاویر در صفحات وب سایت خود غافل نشوید.
قرار دادن تصاویری که درک مطلب را ساده‌تر می‌کند و صفحات را جذاب می‌کند علاوه بر کاربران، نظر موتورهای جستجو را هم به خود معطوف می‌کند. بنابراین برای استفاده از تصاویر در وب سایت خود باید به نکاتی توجه کنید که در ادامه توضیح می‌دهیم. با سی می پلاس همراه باشید.

کجا تصاویر را قرار دهیم؟

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

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

سه فرمت تصویر اصلی برای صفحات وب سایت وجود دارد که هر یک نقاط قوت و ضعف خود را دارند . این سه فرمت JPG، PNG و GIF هستند.

JPG

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

PNG

فرمت تصویر مناسب دیگری که در صفحات وب استفاده می‌شود فرمت PNG است. این فرمت را می‌توان با دو کیفیت PNG-8 و PNG-24 ذخیره کرد اما باید بدانید PNG-8 تنها 256 رنگ را پشتیبانی می‌کند در صورتی که PNG-24 طیف بسیار زیادی از رنگ (بیش از 8 میلیون رنگ) را پوشش می‌دهد. بنابراین کیفیت تصاویری که با فرمت PNG-24 ذخیره شده‌اند بسیار بالا است و به طبع حجم آن نیز بسیار زیاد است.

GIF

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

سایز تصویر

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

کاهش حجم عکس با استفاده از فتوشاپ
ابتدا تصویر مورد نظر خود را در فتوشاپ باز کنید، از منو File، گزینه Save for web را انتخاب کنید. پنجره‌ای نمایش داده می‌شود که می‌توانید کیفیت دلخواه خود را انتخاب کنید. پیشنهاد می‌کنیم کیفیت 60 را انتخاب کنید تا هم تغییر زیادی در کیفیت تصویر ایجاد نشود و هم حجم فایل بسیار کم شود و به زیر 1 مگ برسد (حجم تصویر در حد 150 کیلو بایت حجم بسیار خوبی برای تصاویر در وب سایت است).

سایز تصاویر

بزرگ‌ترین صفحه نمایش معمول، در حال حاضر حداکثر 1600 پیکسل طول دارند بنابراین حتی اگر در نظر داشته باشید از تصویری استفاده کنید که کل این صفحه را بپوشاند نباید از تصویری با طول بیشتر از 1600 استفاده کنید. در واقع طول و عرض تصویر به طراحی سایت شما بستگی دارد اما به هر حال در نظر داشته باشید که طول و عرض تصاویر سایت را دقیقا به اندازه‌ای تعیین کنید که نیاز دارید مثلا از تصویری با اندازه 3400 در 2800 پیکسل در سایت استفاده نکنید زیرا حجم سایت را بالا می‌برد و سرعت بارگذاری آن را به شدت کاهش می‌دهد.
 

برای تصاویر Alt در نظر بگیرید

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

 در مقالات آتی سایت قصد داریم هر آنچه برای موفقیت یک وب‌ سایت به آن نیاز دارید را بررسی کنیم. پس پیشنهاد می‌کنیم مقالات سی‌ می‌ پلاس را دنبال کنید و در خبرنامه سی می پلاس عضو شوید. برای دسترسی سریع به مقالات می‌توانید در کانال تلگرام ما با آی دی seemeplus@ عضو شوید.

0 دیدگاه

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد.
کد امنیتی

مشاهده دیدگاه های بیشتر