فرمت WebP چیست؟

مطمئنا آرزوی هر مدیر وب سایت بعد از اتمام طراحی سایت این است که وبسایتی با سرعت بارگذاری بالا داشته باشد. فرمت WebP یکی از راه حل هایی برای افزایش سرعت سایت بوده و روی سئو سایت تاثیر بسیاری دارد. اما چگونه و از چه راهی؟ فرمت WebP با کاهش دادن حجم عکس هایی با فرمت PNG و JPEG بدون آن که کیفیت این تصاویر پایین بیاید، برای صرفه جویی در فضای ذخیره سازی این کار را انجام میدهد.

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

زمانی که میگوییم فشرده سازی بدون از دست دادن به این معناست که تمام بیت های داده های اصلی بعد از فشرده سازی دقیقا به همان شکل باقی میمانند. این فرمت به شما کمک میکند که تصاویرتان را حتی 26 درصد بیشتر از PNG فشرده سازی کنید. از طرفی دیگر با کدگذاری پیش بینی شده برای رمزگذاری یک تصویر، WebP کیفیتی مشابه JPEG را ارائه می دهد، در حالی که اندازه فایل های تصویر را از 25 درصد به 34 درصد کاهش می دهد.

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

همانطور که قبلا اشاره شد، تصاویر با حجم پایین میتوانند تفاوت زیادی در سایت شما به وجود آورند. کمک میکند که وب سایت شما سریع تر بارگذاری شود. یکی دیگر از مزایای این فرمت این است که شما میتوانید پهنای باند (bandwidth ) بیشتری را ذخیره کنید، مخصوصا اگر سایت شما با تعداد بسیار زیادی از تصاویر پر شده باشد مانند وبلاگ های مربوط به غذا، سفرهای مختلف یا عکاسی. برای درک بهتر این موارد بیایید نگاهی به توضیح مختصری از فرمت های JPEG و PNG بیاندازیم.

• فرمت JPEG یا JPG

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

• فرمت PNG

این فرمت برای حفظ کردن کیفیت عکس حتی در حالت فشرده، بسیار عالی میباشد. این فرمت برای تصاویری با تعداد زیادی داده و پیکسل مناسب است؛ مانند انواع لوگوها، تصاویر متنی و تصاویر. با این حال برای عکاسی گزینه مناسبی نیست.

WebP بهترین ها را از هر دو فرمت ترکیب کرده و ارائه می دهد. در حالیکه 25-34% اندازه کوچکتری کمتر از PNG و JPEG ارائه میدهد، همچنین حفظ کردن کیفیت عکس را مدیریت خواهد کرد. به تصاویر گالری WebP Google  نگاهی بیندازید. همانطور که مشاهده می کنید، تفاوت کیفیت بین تصاویر JPEG در سمت چپ و تصاویر WebP در سمت راست را به سختی میتوان تشخیص داد.

نقص های فرمت WebP

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

• اول از همه، در حالی که برخی از مرورگرهای اصلی، از جمله Google Chrome ، Firefox و Opera  از فرمت WebP پشتیبانی می کنند، با این حال مرورگرهای Safari و Internet Explorer این کار را انجام نمیدهند.
• مشکل دیگر برای مدیر وب که بعد از تمام شدن طراحی سایت، میخواهد برای سایت خود از این فرمت استفاده کند این است که وردپرس در حال حاضر از تصاویر WebP پشتیبانی نمی کند. به این معناست که شما نمیتوانید فایل های WebP را برای در کتابخانه رسانه WordPress (WordPress media library ) خود، آپلود کنید. این موضوع به این معنا نیست که شما نمیتوانید ار آن استفاده کنید، شما فقط به یک پلاگین برای انجام دادن آن نیاز دارید.

استفاده از WebP در وردپرس

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

پلاگین WebP Express از WebP Convert Library برای ایجاد تغییر در تصاویر استفاده میکند. این پلاگین به عنوان یک تبدیل کننده عمل میکند که WebP را برای مرورگرهایی که از این فرمت پشتیبانی می کنند تولید می کند، اما JPG یا PNG را برای مرورگرهایی که پشتیبانی نمی کنند نمایش می دهد. همچنین شما میتوانید از پلاگین Optimole استفاده کنید که به شما در تبدیل تصاویر به مرورگرهایی که از WebP پشتیبانی می کنند، کمک کند. این پلاگین علاوه بر اینکه تصاویر WebP شما را بهینه سازی میکند، از طریق CDN نیز به آنها سرویس می دهد.

یک گزینه جایگزین برای پلاگین ها، همچنین شما می توانید از Photon API برای انجام همان کار استفاده کنید. با استفاده از این API، تصاویر JPEG و PNG شما فوراً به قالب دلخواه شما تبدیل می شوند. با این حال توجه داشته باشید که می توانید از این API فقط برای سایتهای میزبانی شده در WordPress.com یا سایتهای وردپرسی متصل به Jetpack استفاده کنید.

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

ذخیره کردن تصاویر با فرمت JPEG و PNG به جای فرمت WebP

با یکی از مرورگرهایی مثل گوگل کروم یا Opera که فرمت WebP روی آن ها اجرا میشود، وبسایت مد نظر خود را که از این فرمت استفاده کرده را باز کنید. روی یکی از تصاویر راست کلیک کنید و گزینه open image in new tab را انتخاب کرده که تصویر در یک تب جدید باز شود. به صفحه جدید رفته و روی نوار ادرس کلیک کنید و 3 حرف آخر لینک که –rw است را پاک کنید و کلید enter را بزنید. شما با همان تصویر روبرو خواهید شد ولی با این تفاوت که فرمت آن به JPEG یا PNG تغییر پیدا کرده است. اکنون میتوانید روی تصویر راست کلیک کرده و گزینه save image as را انتخاب کنید و تصویر را ذخیره کنید.

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