آموزش افزودن فرمت WebP به فتوشاپ |معرفی افزونه های WebP

فرمت WebP  اولین‌بار در سال ۲۰۱۰ معرفی شد و از آن زمان تابه‌حال در حال ارتقا پیداکردن و بهبود است. بیشتر نرم‌افزارهای مرورگر از جمله کروم، مایکروسافت ، فایرفاکس، اپرا و اخیراً سافاری از آن پشتیبانی می‌کنند.

WebP یک فرمت تصویری مدرن است که فشرده سازی عالی بدون ضرر و زیان را برای تصاویر در وب فراهم می کند. با استفاده از WebP ، مدیران وب و توسعه دهندگان وب می توانند تصاویر کوچکتر و غنی تری ایجاد کنند که وب را سریعتر می کند.

حجم فرمت WebP

فرمت وپی، ۲۶ درصد کم‌حجم‌تر از تصاویر PNG و ۲۵ تا ۳۴ درصد کم‌حجم‌تر از فرمت JPEG است. برای وب‌سایت‌هایی که تصاویر زیادی دارند، تغییر دادن فرمت به وپی، می‌تواند تأثیر زیادی داشته باشد و سرعت لود صفحات را به‌خصوص در موبایل به میزان قابل‌توجهی افزایش دهد.

معمولاً استفاده از تصاویر WebP باعث می شود که صفحات وب سایت شما سریع تر بالا بیایند. همچنین باعث می شود همان ابتدا نیز زمان آپلود تصاویر توسط شما کاهش یابد.

مزایای افزودن فرمت WebP به فتوشاپ

1. فرمت Webp  در فتوشاپ با سایر فرمت های تصویری سازگار است.
2. به دلیل حجم پایین این فرمت، فضای زیادی در وب سایت اشغال نمی شود و شما قادر به افزودن تصاویر بیشتری در سایت خود هستید.
3. از دو حالت شفاف Lossy و Lossless پشتیبانی می کند.
4. این فرمت تحت لیسانس گوگل بوده و استفاده از این فرمت به عنوان تصویر در سایت به سئو سایت شما کمک بیشتری خواهد کرد. زیرا باعث لود سریع تصاویر و تبعا سرعت سایت می شود

معایب افزودن فرمت WebP به فتوشاپ

1. تمامی مرورگر ها از این فرمت پشتیبانی نمی کنند.

افزودن فرمت WebP به فتوشاپ

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

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

باز کردن عکس‌های WebP  با نصب پلاگین درفتوشاپ

نرم افزار فتوشاپ به صورت پیشفرض تصاویر فرمت WebP را شناسایی و پشتیبانی نمی کند. از این رو باید با استفاده از نصب پلاگین WebPShop در نرم افزار فتوشاپ این ویژگی را فعال کنید. علاوه بر این امکان خروجی گرفتن و تبدیل تصاویر به فرمت WebP نیز در نرم افزار فتوشاپ اضافه می شود.

برای این کار شما به یک پلاگین احتیاج دارید به  نام پلاگین WebPShop که نسخه‌های مک و ویندوز آن به صورت جداگانه آپلود شده و شما باید نسخه‌ی مربوط به سیستم عامل خود را دانلود کنید.

نکته ضروری در رابطه نحوه استفاده از تصاویر WebP در وردپرس

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

البته خوشبختانه به دلیل اینکه تصاویر با از حجم بسیار پایینی برخوردار هستند می‌توانید با خیال راحت با ابعاد کامل در تمامی بخش های سایت خود استفاده نمایید

همانطور که گفته شد، بخش اعظمی از یک وب سایت را تصاویر تشکیل می دهند. پس بهتر است با تبدیل فرمت تصاویر به فرمت WebP سرعت وب سایت خود را نیز بهبود ببخشید تا علاوه بر تجربه کاربری مناسب، سئو وب سایت شما هم بهتر شود.

در ادامه ما با روش  دیگری جهت استفاده تصاویر webp در وردپرس آشنا می شویم.

افزونه های وردپرس برای تبدیل تصاویر به فرمت Webp

در ادامه به معرفی چهار پلاگین  ShortPixel، Imagify، Optimole و Smush برای تبدیل این فرمت ها خواهیم پرداخت.

افزونه ShortPixel

این افزونه را می توان یکی از بهترین افزونه های تبدیل فرمت تصویری دانست که به صورت رایگان هم قابل استفاده است. افزونه ShortPixel تصاویر را به طور خودکار به Webp تبدیل کرده و ان را در مرورگر هایی که از Webp پشتیبانی نمی کنند ارائه می کند.

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

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

ویژگی های افزونه

• امکان بهینه کردن تمامی تصاویر در گالری و کتابخانه
• بدون محدودیت در مقدار حجم تصاویر
• تبدیل فرمت PNG به JPG در صورت نیاز
• بهینه سازی فایل های PDF و GIF
• بهینه سازی و فشرده سازی فایل های PDF و GIF
• پشتیبانی و تبدیل فرمت های تصویری به فرمت WebP در صورت فعال کردن ویژگی
• امکان تغییر ابعاد و اندازه تصاویر
• امکان مستثنی کردن تصاویر شاخص از بهینه‌سازی
• امکان مستثنا کردن تصاویر شاخص از مابقی تصاویر جهت بهینه سازی
• سازگاری با افزونه گرویتی فرم و آپلود تصاویر با استفاده از این افزونه

افزونه Imagify

از Imagify به عنوان یکی از پیشرفته ترین و بهترین ابزار برای بهینه سازی تصاویر می توان نام برد. پس از نصب افزونه می توانید به راحتی تمامی تصاویر خود را به فرمت Webp تبدیل کنید. (البته به مقدار تعیین شده در صورت استفاده از نسخه رایگان)

ویژگی های افزونه

• بهینه سازی خودکار تصاویر با استفاده از سه سطح متفاوت
• بهینه سازی و تبدیل عکس ها به فرمت WebP به صورت رایگان با محدودیت 25mb ماهانه
• بهینه سازی تصاویر برای پوشه هدف
• امکان استثنا کردن تصویر از بهینه سازی
• سازگاری کامل با افزونه ووکامرس و محصولات ووکامرسی

به صورت کلی دو افزونه ShortPixel و Imagify تفاوت خاصی باهم ندارند و تنها تفاوت این دو افزونه در مقدار هزینه کردن جهت استفاده از این افزونه ها می باشد.

افزونه Optimole

برای بالابردن سرعت وب سایت خود و ارائه تصاویر با کیفیت بالا در سایت می توانید از این افزونه Optimole استفاده کنید. البته این افزونه کمی با دو افزونه قبلی تفاوت دارد ولی با نصب آن می توانید به صورت خودکار فرمت تصاویر خود را تغییر دهید.

ویژگی های افزونه

• بهینه سازی خودکار تصاویر سایت
• بهینه سازی تصاویر بر اساس مرورگر
• پشتیبانی و ساپورت انواع فرمت ها
• پشتیبانی از تصاویر WebP و Retina
• امکان نمایش ندادن تصاویر WebP برای مرورگر های ناسازگار
• سازگاری و پشتیبانی از ویرایشگر المنتور
• ویژگی Lasy Load (بارگذاری تنبل) برای تصاویر
• قابلیت مستثنی کردن تصاویر خاص از لیزی لود یا کاهش حجم براساس اطلاعات فایل
• ارائه تصاویر بهینه شده به 5000 بازدید در هر ماه در نسخه رایگان

افزونه wp smush

بدون شک با جستجوی بهترین افزونه بهینه سازی تصاویر وردپرس در هر موتور جستجویی، اسم افزونه wp smushit به چشمتون می‌خوره. این افزونه قدیمی بارها برنده جایزه Plugin Madness شده و تابحال بیش از 1 میلیون کاربر اون رو نصب و فعال کردند.

افزونه smush به 35 زبان از جمله زبان فارسی در دسترس هست  و تمام گزینه‌های اون رو می‌تونید به زبان فارسی مشاهده کنید.

از آنجایی که رابط کاربری smush بسیار راحت و آسونه می‌تونه مناسب هر دو گروه افراد مبتدی و افراد حرفه‌ای باشه. یکی از قسمت‌های جالب این افزونه اطلاعاتی هست که راجع به عکس‌ها و فضایی که با بهینه‌سازی عکس ها آزاد کردید رو به نمایش می‌ذاره.

یکی از بهترین افزونه های بهینه سازی تصاویر در وردپرس افزونه Smush می باشد. این افزونه با 1 میلیون نصب فعال در مخزن وردپرس توانسته جایگاه خوبی در بین تمامی افزونه های بهینه سازی را کسب کند.

این افزونه امکان تبدیل تصاویر به فرمت WebP را دارد. اما حتما نیازمند این هستید که نسخه پولی این افزونه را تهیه کنید. در غیر این صورت صرفا شما می توانید از ویژگی بهینه سازی تصاویر و کاهش حجم آنها استفاده کنید.

ویژگی‌های بارز افزونه

• فشرده سازی بهینه تصاویر بدون افت کیفیت
• بهینه سازی تصاویر با نهایت حجم بالا
• قابلیت lazy load یا بارگذاری تنبل تصاویر
• فشرده سازی تمامی تصاویر سایت تنها با چند کلیک
• بهینه سازی تصاویر با فرمت Gif
• شناسایی تصاویر مخرب که سرعت وب سایت شما را کند کرده باشد.
• سازگاری با ویرایشگر بلوک و یا همان گوتنبرگ وردپرس
• پشتیبانی از وردپرس شبکه ای
• امکان تبدیل فرمت عکس به WebP (در نسخه پولی)

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

اما اگر در کنار بهینه سازی قصد دارید که تصاویر خود را تبدیل به فرمت WebP کنید بدلیل محدودیت در ارائه خدمات در نسخه رایگان افزونه ها نمی توان به این افزونه های دل خوش کرد. زیرا هرگاه امکان دارد که شرایط و ضوابط استفاده از سرویس رایگان این افزونه ها تغییر کند..

منبع