با هم تا اوج
فاصله ای نداریم

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

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

Squoosh یک برنامه آنلاین است که توسط تیم Google Chrome Labs طراحی شده است تا به کاربران کمک کند به راحتی و تنها با چند کلیک حجم فایل های تصویری را بدون تغییر کیفیت بصری آنها کاهش دهند. برای این منظور این ابزار دارای ویژگی های پیشرفته ای برای بهینه سازی تصویر است و جالب اینکه Squoosh کاملا رایگان است. از طیف گسترده ای از فرمت های وب (JPG، MozJPEG، WebP، PNG) پشتیبانی می کند و همچنین به عنوان یک پروژه منبع باز در GitHub در دسترس است.

convert png to webp

 

 

 

 

 

 

 

Squoosh App چیست؟

Squoosh یکی از ساده‌ترین راه‌حل‌های فشرده‌سازی و تغییر اندازه تصویر و در عین حال بسیار قابل تنظیم ، برای وب سایت است که می‌توانید در اینترنت پیدا کنید.

این ابزار نتیجه یک پروژه توسعه منبع باز است که توسط تیم Google Chrome Labs ایجاد شده است تا ویژگی های بهینه سازی تصویر بهتری را در اختیار کاربران قرار دهد. در واقع، با توجه به ویژگی های ارائه شده توسط Squoosh App، این ابزار جایگزین موثری برای بسیاری از راه حل های بهینه سازی تصویر پولی است. Squoosh به شما این امکان را می دهد که در زمان واقعی پیشرفت هایی را که در تصویر خود ایجاد می کنید و اندازه فایل دقیق آن مشاهده کنید. بنابراین می توانید به راحتی نتایج را مقایسه کنید و ببینید اسکووش چند بایت شما را ذخیره کرده است. این ابزار به طور مستقیم به صورت آنلاین به عنوان نرم افزار مبتنی بر وب کار می کند و دارای ویژگی است که به شما امکان می دهد حتی در حالت آفلاین نیز به بهینه سازی تصویر خود ادامه دهید. پس از تکمیل تغییرات، می توانید نسخه بهینه شده تصویر را به صورت لوکال در دستگاه خود ذخیره کنید. علاوه بر این، در صورت تمایل، می‌توانید نسخه دسکتاپ را دانلود کنید تا ابزار را مستقیماً بر روی کامپیوتر خود نصب و استفاده کنید. استفاده از نسخه وب Squoosh بسیار ساده است و حتی برای مبتدیان در تغییر تصویر به راحتی قابل استفاده است. برای توسعه دهندگانی که می خواهند کد منبع ابزار را مشاهده کنند، Squoosh به عنوان یک برنامه منبع باز در GitHub نیز در دسترس است.

 

 

چگونه از Squoosh برای بهینه سازی تصاویر خود استفاده کنیم

 

بسته به تسلط خود بر ویژگی های Squoosh، می توانید فشرده سازی ساده یا پیشرفته تصاویر خود را انجام دهید. برای اینکه همه بتوانند با موفقیت مراحل مختلفی را که در این راهنما ارائه می‌شوند بازتولید کنند، من فقط نحوه استفاده از Squoosh را برای فشرده‌سازی ساده نشان خواهیم داد:

برای شروع، باید به صفحه اصلی Squoosh بروید

 

مرجله یک وارد سایت squoosh.app شوید

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

پس از وارد کردن، Squoosh تصاویر را به طور پیش فرض در اندازه تصویر 100% نمایش می دهد. برای تصاویری که خیلی بزرگ هستند، می توانید کمی بزرگنمایی کنید تا تصویر کامل را در داشبورد Squoosh خود ببینید. هنگامی که تصویر در Squoosh آپلود شد، ارزیابی آن مهم است تا به وضوح بدانید که برای بهینه سازی آن چه باید کرد.

برای این کار: اندازه ایده‌آل تصاویری که برای ارائه تجربه کاربری بهتر به بازدیدکنندگان خود نیاز دارید چقدر است؟

اگر تصویری باشد که فقط نیمی از پنجره را اشغال کند، ابعاد 600 یا 700 پیکسل از قبل کافی است.

نوع فایل ایده آل برای تصویر شما چقدر است ؟

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

 

JPG – برای عکس ها، گرادیان ها و سایر تصاویر با رنگ های زیاد توصیه می شود.

PNG – برای تصاویر با پس زمینه روشن و تصاویر با رنگ های کم توصیه می شود.

WebP – برای تصاویر پیشرفته توصیه می شود (در همه مرورگرها کار نمی کند)

AVIF – برای تصاویر پیشرفته توصیه می شود (در همه مرورگرها کار نمی کند)

 

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

 

 درک رابط ابزار

 

هنگامی که برای اولین بار یک تصویر را در Squoosh آپلود می کنید، ممکن است با همه گزینه هایی که این ابزار ارائه می دهد کمی احساس  سر درگمی پیدا کنید. برای کمک به آشنایی شما با این ابزار، چند مورد ضروری مختلف را بررسی می کنیم که رابط Squoosh خود را پیدا خواهید کرد:

نوار لغزنده با فلش های صورتی و آبی: این نوار لغزنده ای است که تصویر شما را به دو قسمت تقسیم می کند: «قبل و بعد از’. قسمت سمت چپ پیش نمایشی از تصویر اصلی و قسمت سمت راست پیش نمایشی از نسخه فشرده را نشان می دهد. این نوار لغزنده را می توان برای تغییر هر دو قسمت به چپ و راست کشید. با این حال، باید اذعان داشت که دیدن تفاوت بین این دو بخش کمی دشوار است. موضوع این است که تنظیمات بهینه سازی پیش فرضی که Squoosh ارائه می دهد کاملاً مشابه است.

تنظیمات بهینه سازی (در سمت راست شما): در گوشه سمت راست پایین صفحه، گزینه های بهینه سازی دارید که به شما امکان می دهد نحوه فشرده شدن تصویر را کنترل کنید. این تنظیمات فرمت فشرده سازی، گزینه های تغییر اندازه و بسیاری موارد دیگر را در نظر می گیرند. من نمی توانیم تمام گزینه های ارائه شده توسط ابزار در این راهنما را بررسی کنیم. با این حال، می‌توانید از امتحان کردن آنها لذت ببرید تا ببینید چگونه به نظر می‌رسند و آنهایی را انتخاب کنید که مناسب شما هستند.

پارامترهای تصویر (در سمت چپ شما قرار دارد): قسمت سمت چپ به صورت پیشینی رزرو شده است تا یک پیش نمایش از فایل تصویری اصلی که در Squoosh آپلود کرده اید داشته باشید. اما می توان از آن برای مقایسه دو نسخه فشرده متفاوت از یک تصویر نیز استفاده کرد. برای انجام این کار، روی فلش های واقع در نوار با عنوان ‘ویرایش’ کلیک کنید تا تنظیمات فشرده سازی (در سمت راست) را کپی کنید و آنها را با تنظیمات تصویر اصلی (در سمت چپ) جایگزین کنید. پیش نمایش اصلی باید بازنویسی شود. سپس می توانید به اصلاح تصویر (در قسمت سمت راست) ادامه دهید تا این نسخه فشرده شده جدید تصویر را با نسخه قبلی مقایسه کنید.

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

 

squoosh for desktop

 

نسخه دسکتاپ Squoosh به عنوان یک برنامه کاربردی برای مک و ویندوز نیز وجود دارد که می توانید آن را  از اینجا دانلود و بر روی کامپیوتر خود نصب کنید.

تبدیل پی ان چی به وب پی - علیرضا چوپانیان

این نسخه دسکتاپ ابزار های زیررا  ارائه می دهد:

ادیت کردن تصویر راحت تر

کیفیت تصویر بهتر

امکان ویرایش آفلاین تصاویر

یک رابط گرافیکی بزرگتر

100% رایگان

 

 

اپلیکیشن Squoosh : مزایا و معایب

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

 

مزایا

رابط کاربری کاربر پسند و آسان برای یادگیری

احترام به حریم خصوصی

امکان مشاهده تنظیمات در زمان واقعی

ابزار کاملا رایگان

 

معایب

فقط می‌توان یک تصویر را در یک زمان پردازش کرد

 

 

علاقمندی(0)
کلیه حقوق محفوظ :علیرضا چوپانیان » بهینه سازی تصاویر با Squoosh

دیدگاه تعداد دیدگاه

  • نام (ضروری)
  • ایمیل (ضروری)
  • وبسایت

طراحی وب سایت سئو و برنامه نویسی وب

سفارش طراحیسفارش طراحی سایت