نحوه تبدیل تصاویر PNG به WebP

بهینه‌سازی تصاویر

فهرست مطالب

تبدیل PNG به WebP: در تبدیل تصاویر شما به فرمت WebP، فایل‌های WebP حدود ۲۳٪ کوچکتر از فایل‌های تصویری PNG می‌شوند. این کاهش اندازه می‌تواند به طور قابل توجهی عملکرد وب‌سایت شما را بهبود بخشد. با استفاده از تصاویر بندانگشتی WebP می‌توان به طور قابل توجهی سرعت بارگذاری صفحات را افزایش داد و زمان بارگذاری را ۱۰٪ کاهش داد.

با این حال، تبدیل از PNG به WebP چالش‌های خود را دارد. از آنجا که WebP یک فرمت جدیدتر است، بسیاری از ابزارهای ویرایش تصویر از آن پشتیبانی نمی‌کنند و این امر تبدیل را دشوار می‌سازد. اما نگران نباشید. ما اینجا هستیم تا شما را از طریق شش روش ساده برای تبدیل از PNG به WebP به آسانی راهنمایی کنیم.

آماده‌اید تا عملکرد وب‌سایت خود را افزایش دهید؟ بیایید شروع کنیم!

 

۱- نحوه تبدیل از PNG به WebP به صورت آنلاین

شما می‌توانید به راحتی تصاویر PNG خود را با استفاده از ابزار WebP Converter به فرمت WebP تبدیل کنید. در حالی که PNG را به WebP تبدیل می‌کنید، این ابزار همچنین تصویر WebP را فشرده می‌کند. این یک مبدل رایگان PNG به WebP است.

بنابراین، تصویر PNG شما به یک تصویر WebP کوچکتر تبدیل می‌شود. ببینیم چگونه این کار را انجام دهیم:

مرحله ۱: به بهینه‌ساز تصویر WebP Converter بروید و تصاویر مورد نظر خود را آپلود نمایید.

تبدیل PNG به WebP
تبدیل PNG به WebP

مرحله ۲: پس از انتخاب تصاویر منتظر بمانید تا فرآیند تبدیل و فشرده‌سازی صورت پذیرد.

در نهایت می‌توانید تصاویر فشرده شده را بصورت تکی(۱) یا یکجا(۲) بصورت فایل zip دانلود نمایید.

مزایای استفاده از فرمت WebP
مزایای استفاده از فرمت WebP

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

 

۲- نحوه تبدیل PNG به WebP در فتوشاپ

فتوشاپ محبوب‌ترین نرم‌افزار ویرایش عکس است. شما می‌توانید در هنگام ویرایش تصاویر با استفاده از Adobe Photoshop، تصاویر را به فرمت‌های مختلف تبدیل کنید.

به همین ترتیب، می‌توانید تصاویر PNG خود را با استفاده از فتوشاپ به فرمت WebP تبدیل کنید. بیایید این کار را انجام دهیم:

مرحله ۱: فتوشاپ را باز کنید. اگر نسخه Adobe Photoshop شما بالاتر از 23.2 است، باید افزونه پشتیبانی WebP را نصب کنید. در این صورت، این راهنما را دنبال کنید.

مرحله ۲: فتوشاپ را باز کنید و تصویر PNG را که می‌خواهید به WebP تبدیل کنید، وارد کنید. برای انجام این کار، به مسیر File > Open بروید.

مرحله ۳: پس از ویرایش تصویر PNG، به مسیر File > Save As بروید. اگر می‌خواهید تصویر PNG را نگه دارید، فرمت WebP را به عنوان “Save as type” انتخاب کنید.

اگر می‌خواهید تصویر PNG اصلی خود را حفظ کنید، گزینه As a Copy را علامت بزنید، در غیر این صورت تصویر WebP جایگزین تصویر PNG اصلی شما خواهد شد.

 

چگونه PNG را به WebP تبدیل کنیم
چگونه PNG را به WebP تبدیل کنیم

مرحله ۴: هنگامی که روی Save کلیک می‌کنید، یک کادر تنظیمات WebP ظاهر می‌شود. تنظیمات WebP را بر اساس ترجیحات خود(میزان کیفیت) پیکربندی کنید، سپس برای ذخیره تصویر WebP خود روی ok کلیک کنید.

چگونه PNG را به WebP تبدیل کنیم
چگونه PNG را به WebP تبدیل کنیم

 

۳- تبدیل دسته‌ای PNG به WebP با استفاده از افزونه

شما می‌توانید به سرعت تصاویر PNG را به WebP در وردپرس با استفاده از افزونه WebP Converter For Media تبدیل کنید. مراحل ساده زیر را دنبال کنید تا تصاویر PNG را به WebP به صورت دسته‌ای تبدیل کنید:

مرحله ۱: پس از نصب افزونه، از قسمت رسانه‌ها، گزینه converter for media (۱) را انتخاب کنید. گزینه Force the conversion of all images again (۲) را فعال کنید تا همه تصاویر سایت به WebP تبدیل شوند. در نهایت دکمه Start Bulk Optimization (۳) را بزنید. تصاویر پس از اتمام پروسه تبدیل به WebP تبدیل می‌شوند.

تبدیل دسته‌ای تصاویر PNG به WebP
تبدیل دسته‌ای تصاویر PNG به WebP

اگر با مرورگر یکی از تصاویر سایت را چک کنید مشاهده خواهید کرد که هنوز فرمت تصاویر بصورت پیشفرض jpg یا png می‌باشد اما نگران نباشید و فکر نکنید که افزونه کارش را درست انجام نداده است!

تبدیل دسته‌ای تصاویر PNG به WebP
تبدیل دسته‌ای تصاویر PNG به WebP

اگر همین تصویری که چک کرده‌اید را روی سیستم خود ذخیره کنید مشاهده خواهید کرد که فرمت تصویر WebP می‌باشد. پس جای نگرانی نیست.

تبدیل دسته‌ای تصاویر PNG به WebP
تبدیل دسته‌ای تصاویر PNG به WebP

همچنین اگر از افزونه WP Rocket روی سایت خود استفاده می‌کنید، گزینه WebP Compatibility را از قسمت Add-ons(افزودنی‌ها) برای سازگاری بهتر  فعال نمایید.

بهترین ابزارهای تبدیل از PNG به WebP
بهترین ابزارهای تبدیل از PNG به WebP

 

۴- تبدیل از PNG به WebP با استفاده از یک افزونه گوگل کروم

برای تبدیل از PNG به WebP با استفاده از افزونه کروم، می‌توانید از افزونه “Convert WebP to PNG” استفاده کنید. فرآیند به صورت زیر است:

مرحله ۱: افزونه را از فروشگاه کروم نصب کنید.

مرحله ۲: روی آیکون افزونه کلیک کنید تا فایل‌های PNG خود را به صورت مستقیم یا با کشیدن و رها کردن آنها بارگذاری کنید.

مرحله ۳: پوشه و نام تصویر را برای ذخیره تصویر تبدیل‌شده WebP انتخاب کنید.

افزونه‌های مرورگر برای تبدیل از PNG به WebP
افزونه‌های مرورگر برای تبدیل از PNG به WebP

– همچنین می‌توانید هر تصویری در مرورگر خود را به WebP تبدیل کنید بدون اینکه آن را دانلود کنید. بر روی تصویر راست‌کلیک کرده و گزینه “ذخیره تصویر به عنوان WebP” را انتخاب کنید تا تصویر به فرمت WebP تبدیل شود.

افزونه‌های مرورگر برای تبدیل از PNG به WebP
افزونه‌های مرورگر برای تبدیل از PNG به WebP

 

۵- نحوه تبدیل تصاویر PNG به WebP در مک

WebP Converter یکی از بهترین راه‌حل‌ها برای تبدیل از PNG به WebP در مک است. شما می‌توانید به سرعت تصاویر PNG خود را با استفاده از این ابزار به WebP تبدیل کنید.

تبدیل از PNG به WebP در مک با استفاده از WebP Converter:

مرحله ۱: WebP Converter را روی مک خود اجرا کنید. اگر آن را ندارید، WebP Converter را دانلود و نصب کنید.

کاهش حجم تصاویر با WebP
کاهش حجم تصاویر با WebP

مرحله ۲: تصویر را به داخل WebP Converter بکشید و رها کنید(۱). فرمت WebP را از گزینه‌های decode انتخاب کنید(۲). در قسمت compression ratio (۳) می‌توانید کیفیت تصویر WebP را تنظیم کنید.

مرحله ۳: در نهایت، روی Convert(۴) که در گوشه پایین سمت راست قرار دارد، کلیک کنید. تصاویر شما به WebP تبدیل شوند.

کاهش حجم تصاویر با WebP
کاهش حجم تصاویر با WebP

 

۶- تبدیل از PNG به WebP در لینوکس با استفاده از ابزارهای خط فرمان

تبدیل تصاویر PNG به WebP در لینوکس می‌تواند به طور موثری با استفاده از ابزارهای خط فرمان مانند “cwebp”، که بخشی از ابزارهای پردازش تصویر WebP ارائه شده توسط گوگل است، انجام شود. در اینجا نحوه انجام آن را می‌بینید:

مرحله ۱: ابتدا، شما باید ابزارهای WebP را نصب کنید. بیشتر توزیع‌های لینوکس این ابزارها را در مخازن بسته‌های خود دارند.

می‌توانید آن را با استفاده از دستور زیر روی سیستم‌های مبتنی بر Ubuntu/Debian نصب کنید:

sudo apt-get update
sudo apt-get install webp

برای سیستم‌های مبتنی بر Fedora و دیگر سیستم‌های مبتنی بر RPM:

sudo dnf install libwebp-tools

برای Arch Linux:

sudo pacman -S libwebp

مرحله ۲: پس از تکمیل نصب، می‌توانید با استفاده از دستور “cwebp” تصویر PNG را به WebP تبدیل کنید. نحوۀ پایه‌ای این دستور به شرح زیر است:

cwebp input.png -o output.webp

نام `input.png` را با مسیر فایل PNG خود و `output.webp` را با مسیر مورد نظر برای فایل WebP خروجی جایگزین کنید.

مرحله ۳: اگر می‌خواهید چندین فایل PNG را به WebP تبدیل کنید، می‌توانید از یک حلقه ساده در ترمینال استفاده کنید. برای مثال، برای تبدیل تمام فایل‌های PNG در دایرکتوری جاری:

for i in *.png; do cwebp "$i" -o "${i%.png}.webp"; done

این دستور به دنبال تمام فایل‌های با پسوند .png در دایرکتوری جاری می‌گردد و هر تصویر PNG را به فرمت WebP تبدیل می‌کند. شما باید نتیجه را با همان نام اما با پسوند .webp ذخیره کنید.

مرحله ۴: به یاد داشته باشید که کیفیت و اندازه تصاویر WebP خروجی را می‌توان با استفاده از گزینه‌های مختلف در دستور “cwebp” تنظیم کرد.

برای مثال، برای تنظیم عامل کیفیت بر روی ۸۰ (در مقیاس از ۰ تا ۱۰۰، که ۱۰۰ بهترین کیفیت است)، می‌توانید از دستور زیر استفاده کنید:

cwebp -q 80 input.png -o output.webp

خلاصه

در نتیجه، تبدیل تصاویر PNG به فرمت WebP مزایای زیادی دارد، از جمله کاهش قابل توجه حجم فایل‌ها و بهبود عملکرد وب بدون کاهش کیفیت تصویر.

با انتخاب بهترین روش تبدیل PNG به WebP برای نیازهای خود، می‌توانید WebP را به راحتی در جریان‌های کاری خود ادغام کنید و اطمینان حاصل کنید که وب‌سایت‌های شما سریع، جذاب و کارآمد هستند.

سخن آخر 

برای دریافت جدیدترین قالب ها و افزونه های وردپرسی حتما از کانال تلگرام نوین مستر دیدن کنین و در صورت تمایل، در گروه تلگرامی پرسش و پاسخ نوین مستر که مربوط به طراحان سایت با وردپرس هست، به راحتی افزونه و قالب درخواستی خود را عنوان کنین.
کارشناسان شرکت طراحی سایت Novin Master در اولین فرصت ممکن علاوه بر پاسخگویی به سوالات شما، افزونه و قالب درخواستی شما رو در صورتی که متعلق به طراحان ایرانی نباشد، مود کرده و در کانال تلگرامی نوین مستر قرار می‌دهند.
یادتون نره اگه دوست دارین از آخرین اخبار تخفیف‌های دوره و یا آموزش‌های ما با خبر بشید، از اینستاگرام نوین مستر دیدن کنید. اگه دوست داشتین با افزایش سرعت سایت وردپرس، بترکونید، سفارش بدید.
در یوتیوب نوین مستر هم دوره ی رایگانی گذاشتیم که اصلا نباید از دستش بدید.

امتیاز شما به این مطلب:

5 / 5. تعداد رای: 1

 
 
اشتراک گذاری مطلب:
مطالب مرتبط:

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

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