آموزش تغییر تصاویر در وب سایت های وردپرسی

به لطف پسوند webp که یک پسوند سبک برای تصاویر هست دیگر ما میتوانید به کمک برنامه های بهینه ساز تصاویر مثل تاینی png  که در آموزش ویدیویی بالا مشاهده خواهید کرد تصاویر خود را به صورت کاملی بهینه کنید . اما در نظر داشته باشید تصاویر در دیوایس های مختلف نیاز به سایز های مختلف دارند مثلا ما در گوشی های موبایل تصاویر با عرض 360 پیکسل هم جوابگوی ما هستند و در بارگزاری سرعت وب سایت ما نقش مهمی دارند اما همین تصاویر اگر در دیوایس های بزرگتر بخواهند در سایزهای بزرگتری نمایش داده شوند کیفیت پایینی خواهند داشت پس میتونیم برای دیوایس های بزرگتر از تصاویر بزرگتر استفاده کنیم ما در وردپرس برای دسکتاپ و ویدیو اگز از یک تصویر باکیفیت تمام عرض بخواهیم استفاده کنیم سایز 1980 در عرض سایز مناسبی هست اما اگر به فکر بهینه بودن تصویر هستید این سایز رو به 1080 تغییر دهید . در زبان ساده ما باید دقت کنیم تصاویر استفاده شده در سایتمان از 50 کیلوبایت بالا نرود و تمام تلاشمان را روی 20 کیلوبایت کنیم مگر اینکه مجبور به استفاده از تصاویر با کییفیت بالاتر باشیم که به استراتژی ما برمیگرده .

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