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

WebP در اندروید یک فرمت تصویری است که روی بهینه سازی و کیفیت تصاویر تمرکز دارد و توسط گوگل توسعه  یافته است. یکی از ویژگی های جالب آن lossless (بدون افت کیفیت) و lossy (با افت کیفیت) است به این معنی که بر خلاف دو نوع فرمت PNG   و JPG از فشرده سازی پشتیبانی می کند. WebP در مرورگرهای Firefox ، Chrome و Opera پشتیبانی می شود (تصویر زیر را ببینید). از API14  به بعد WebP در اندروید اضافه شده است و می توان در پروژه ها از آن استفاده کرد.

سازگاری WebP با مرورگرها

در صورتی که WebP امروزه در اکوسیستم اپل استفاده نشود در آینده نزدیک این اتفاق می افتد. با این حال کتابخانه Swift به نام SDWebImageWebPCoder برای این کار وجود دارد. اگر می خواهید از WebP در وب استفاده کنید اطمینان حاصل کنید که از polyfills استفاده می کنید یا خیر.

Alpha Transparency

WebP از پس زمینه شفاف (Transparency) پشتیبانی می کند بنابراین جایگزین خوبی برای فرمت های JPG و PNG می باشد. اکنون ما فقط یک فرمت تصویری داریم که باید با آن کار کنیم.

فشرده سازیLossy  (با افت کیفیت) و  lossless(بدون افت کیفیت)

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

Tooling – Android Studio

در اندروید استودیو با کلیک راست روی تصاویری که فرمت JPG و PNG دارند می توان آن ها را به آسانی به فرمت WebP در اندروید تبدیل کرد. برای این کار بعد از کلیک راست گزینه Convert to WebP را انتخاب کنید…

WebP converters در اندروید استودیو

پس از آن پنجره زیر باز می شود و شما می توانید از بین دو نوع رمزگذاری Lossless و Lossy یک گزینه را انتخاب کنید. در اینجا ما گزینه Lossy با کاهش کیفیت 75% را انتخاب می کنیم. هر چه کیفیت کمتر باشد اندازه تصویر نیز کمتر خواهد شد. برای ادامه روی دکمه OK کلیک می کنیم.

بعد از کلیک بر روی دکمه OK اندروید استودیو تصویر قبل و بعد را مانند تصویر زیر به شما نشان می دهد.

همانطور که می بینید اندازه تصویر 52% از اندازه اصلی آن کاهش پیدا کرده است. در صورتیکه از نتیجه کار رضایت ندارید می توانید با استفاده از نوار لغزنده پایین تصویر وضوح کیفیت آن را افزایش یا کاهش دهید و در صورتی که نتیجه مطابق میل شماست می توانید روی دکمه Accept All کلیک کنید تا کار تمام شود.

سخنی با طراحان

اگر شما طراح UI یا UX هستید قبل از اینکه به برنامه نویسان اجازه دهید که از تصاویر Asset در برنامه استفاده کنند از فشرده سازی و سایز مناسب آنها مطمئن شوند. همچنین شما باید دیگر برنامه نویسان را به استفاده بیشتر از فرمت WebP نسبت به PNG و JPG کنید.

برای اینکه بتوانید با WebP در Adobe Photoshop کار کنید ، باید پلاگین WebpShop را نصب کنید.

در صورتیکه ابزارهای طراحی شما WebP را پشتیبانی نمی کند می توانید آن را به صورت آنلاین نیز انجام دهید.

بهتر است در اندروید بجای فرمت WebP برای آیکن ها از فرمت SVG یا VectorDrawable که lightweight هستند استفاده کنید.

نتیجه گیری

فرمت WebP در اندروید بهترین جایگزین برای PNG و JPG در توسعه اندروید است زیرا می تواند حجم برنامه را به کمترین حد آن برساند.  فرمت WebP جدید است و شما اکنون باید از آن استفاده کنید و ما امیدواریم در آینده به عنوان یک فرمت استاندارد در سیستم عامل ها و مرورگرها استفاده شود.