تغییر فرمت تصاویر به webp و بهینه سازی آن

سلام خدمت همراهان همیشگی ژاکد

اینبار قصد داریم چندتا سایت و افزونه برای کاهش حجم تصاویر سایت بدون افت کیفیت و تغییر فرمت تصاویر به webp معرفی کنیم

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

قبل از معرفی سایت ها و افزونه های تغییر فرمت تصاویر ، درباره اینکه چرا باید تصاویر سایتمون رو بهینه کنیم حرف بزنیم و ببینیم آیا اینکار لازمه یا نه!!!

خب همونطور که میدونید برای تصاویر سایت ها اکثرا از فرمت png  یا jpg استفاده میکنن ولی این فرمت ها زیاد بهینه نیستن و حتی تصاویر با کیفیت full hd با باکیفیت تر حجم های چند مگاباتی داشته باشن

حالا تصور کنید شما 3 تا عکس با کیفیت فول اچ دی بزارید تو بخش بنر سایتتون که هر کدوم 2 مگابات حجم داشته باشن!

نتیجه چی میشه ؟ کاربر برای اینکه سایت شما رو ببینه باید حداقل 6 مگابایت فقط برای اون تصاویر از حجم اینترنتش استفاده کنه ! درسته که امروزه 6 مگابایت حجم زیادی حساب نمیشه ولی یه سوال ؛ برای دانلود این 6 مگابایت با سرعت اینترنت کشورمون چند ثانیه باید صبر کنه؟ میدونید که هرچی سرعت لود سایتتون کمتر باشه ، نه کاربر بهش سر میزنه و نه موتورهای جستجو مثل گوگل

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

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

تو این مقاله هم افزونه بهتون معرفی میکنیم و هم چندتا سایت باخال که کار همون افزونه ها رو انجام میدن

میخوام یه پیشنهادی بهتون بکنم، هرچی کمتر از افزونه تو سایتتون استفاده کنید ، سایتتون بهینه تر و سرعت بیشتری پیدا میکنه چون هر افزونه یه سری کد به سایت اضافه میکنه و یه بخشی از پردازش هاست رو به خودش اختصاص میده ، برای همین اول چندتا سایت تغییر فرمت تصاویر یا بهینه سازی تصاویر رو معرفی میکنیم و بعد به معرفی افزونه ها می پردازیم

Squoosh.app

اولین مورد تو لیستمون که خودمون هم برای بهینه سازی تصاویر ژاکد ازش استفاده میکنیم ، سایت اسکوش هست

این سایت هم فرمت تصاویر رو به webp تغییر میده و هم بهینه سازی میکنه !!!

با مراجعه به سایت squoosh.app که وب اپلیکیشن هم داره میتونید بدون محدودیت در تعداد فایل یا حجم فایل ، تصاویرتون رو بهینه سازی کنید. این سایت یا وب اپلیکیشن علاوه بر تغییر فرمت تصاویر ، میتونه حجم تصاویر رو تا 90% کاهش بده که بی نظیره

یادتونه یکم بالاتر یه مثال از تصاویر تو بنر سایت زدیم که حجم زیادی داشت؟ تو حالت عادی مجموع حجم اون تصاویر 6 مگابایت هست ، اما وقتی با سایت اسکوش اون تصاویر رو بهینه کنید ، حدودا کل حجم اون تصاویر تا زیر 600 کیلوبایت میرسه!

کار کردن با این سایت خیلی راحته ، کافیه مثل عکس پایین عکسی که میخواید بهینه بشه رو بکشید و وسط صفحه رها کنید یا اون وسط کلیک کنید و عکستون رو انتخاب کنید

بعد از پایین صفحه سمت راست ، از بخش Compress فرمت تصویر رو به webp تغییر بدید. اگه نمیدونید webp چیه باید بگم یه فرمت جدید برای فایل های تصویری مثل عکس ها هستش که حجم خیلی کمتری نسبت به فرمت های قدیمی png  و jpg و … داره بدون اینکه کیفیتش کم بشه!

همچنین میتونید از همون بخش میزان بهینه سازی رو تغییر بدید ! هرچی قدرت بهینه سازی رو بیشتر کنید حجم فایل خروجی کمتر میشه ولی ممکنه کیفیتش کم بشه. توصیه میکنم بین 70 تا 85 درصد بزارید.

در نهایت کافیه روی دکمه دانلود که پایین صفحه سمت راست قرار گرفته کلیک کنید تا تصویر بهینه شدتون دانلود بشه

به همین راحتی

توصیه میکنم یه بار از این سرویس استفاده کنید! مطمئن باشید دیگه سمت نصب افزونه نمیرید!

online-convert

دومین سایتی که میخوام بهتون معرفی کنم ، سایت آنلاین کانورت هست که به صورت تخصصی تو زمینه تغییر فرمت فعالیت میکنه و نه تنها تصاویر بلکه فایل های صوتی ، فیلم ها ، اسناد  و … رو هم میتونه به فرمت های دیگه تغییر بده!

برای تغییر فرمت تصاویر به webp کافیه به سایت online-convert.com مراجعه کنید

برای راحتی شما لینک مستقیم تبدیل تصاویر به webp رو قرار دادیم ، کافیه اینجا کلیک کنید

خب همونطور که تو تصویر پایین می بینید ، کافیه از بخش choose file عکسی که میخواید فرمتش رو تغییر بدید انتخاب کنید و در نهایت روی دکمه start کلیک کنید تا فرآیند تغییر فرمت شروع بشه

بعد از اینکه فرمت عکستون تغییر کرد میتونید به راحتی اونو با یه کلیک دانلود کنید

خب حالا بریم سراغ چندا افزونه وردپرسی برای تغییر فرمت تصاویر به webp

Converter for Media – Optimize images | Convert WebP & AVIF

اولین افزونه تو لیست افزونه هامون ، افزونه Converter for Media – Optimize هست ؛ این افزونه میتونه تصاویر با فرمت jpeg  ، jpg ، png و gif رو به فرمت webp تبدیل کنه و دو نسخه داره ، نسخه  رایگان که تو مخزن افزونه وردپرس هست رو می تونید از اینجا دانلود کنید :

این افزونه نیاز به آموزش خاصی نداره ! بعد از نصب و فعالسازیش ، به صورت خودکار هر عکسی که آپلود کنید هم بهینش میکنه و هم فرمتش رو به webp تغییر میده

همچنین اگه میخواید عکسای قدیمی که تو سایتتون هست رو بهینه کنید کافبه به بخش تنظیماتش یه سر بزنید (تو یه مقاله دیگه به صورت کامل درمورد این افزونه با هم حرف میزنیم !)

Images to WebP

دومین افزونه هم ، افزونه Images to WebP هست که به صورت رایگان تو مخزن افزونه وردپرس منتشر شده.

این افزونه هم مثل افزونه قبلی ، نیاز به آموزش و تنظیمات خاصی نداره ! کافیه اونو نصب و فعالش کنید تا خودش به صورت خودکار همه تصاویر رو بهینه کنه

خب تو این مقاله سعی کردیم خیلی مختصر و مفید در مورد بهینه سازی تصاویر سایت و تبدیل اون ها به فرمت webp توضیح بدیم و دو تا سایت و دو تا افزونه هم معرفی کنیم که به شما تو این زمینه کمک کنه

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