راهنماها

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

JPG، PNG یا WebP — کدام فرمت را باید انتخاب کنید؟

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

PNG بدون اتلاف است و از شفافیت پشتیبانی می‌کند. هر پیکسل را دقیقاً همان‌طور که بوده نگه می‌دارد، که برای لوگوها، آیکون‌ها، اسکرین‌شات‌ها و گرافیک با لبه‌های تیز یا متن ایده‌آل است. هزینه‌اش اندازه است: یک عکس تمام‌رنگی ذخیره‌شده به‌صورت PNG اغلب چند برابر سنگین‌تر از همان عکس به‌صورت JPG است، بدون هیچ فایده‌ای که دیده شود.

WebP فرمتی جدیدتر است که معمولاً از هر دو بهتر عمل می‌کند — فشرده‌سازی با اتلاف مانند JPG به‌علاوه شفافیت مانند PNG، اغلب ۲۵ تا ۳۵٪ کوچک‌تر. نکته منفی سازگاری است: چند برنامه قدیمی و برخی بازارگاه‌ها هنوز WebP را نمی‌پذیرند، پس آن را جایی به کار ببرید که مقصد را کنترل می‌کنید (وب‌سایت خودتان، مرورگرهای مدرن) نه برای آپلود در پلتفرم‌های شخص ثالث.

  • عکس‌ها و عکس محصول ← JPG (یا WebP اگر کنترل می‌کنید کجا نمایش داده می‌شود).
  • لوگوها، آیکون‌ها، اسکرین‌شات‌ها، شفافیت ← PNG.
  • وب‌سایت خودتان با مخاطب مدرن ← WebP برای کوچک‌ترین فایل‌ها.

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

گاهی «کوچک‌تر» کافی نیست — باید زیر یک محدودیت سخت بمانید، مثلاً ۲۰۰ کیلوبایت برای یک فرم دولتی یا سقف ۵ مگابایتی یک بازارگاه. LiteCompress دقیقاً برای همین یک حالت اختصاصی دارد. «فشرده‌سازی تا اندازه هدف» را روشن کنید، تعداد کیلوبایت موردنیاز را وارد کنید و ابزار بالاترین کیفیتی را که هنوز زیر محدودیت شما جا می‌گیرد پیدا می‌کند. هرگز لازم نیست درصد کیفیت را حدس بزنید.

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

دو چیز بیش از هر چیز دیگری وزن فایل را تعیین می‌کنند: ابعاد پیکسلی و سطح کیفیت. عکسی مستقیم از یک تلفن مدرن می‌تواند ۴۰۰۰ پیکسل عرض داشته باشد — بسیار بیشتر از آنچه یک صفحه وب یا یک چت نمایش می‌دهد. کاهش بلندترین ضلع به یک مقدار معقول، همراه با کیفیتی متعادل، معمولاً برای کوچک کردن یک عکس چندمگابایتی به چند صد کیلوبایت کافی است.

  • به اندازه دقیق نیاز دارید ← «فشرده‌سازی تا اندازه هدف» را روشن کنید و کیلوبایت را وارد کنید.
  • بدون محدودیت سخت ← «فایل کوچک‌تر / متعادل / بهترین کیفیت» را انتخاب کنید.
  • برای عکس‌ها، PNG را به JPG تبدیل کنید — اغلب بزرگ‌ترین صرفه‌جویی به‌تنهایی.
  • پیش‌نمایش قبل/بعد را بررسی کنید تا مطمئن شوید کیفیت همچنان درست به نظر می‌رسد.

چگونه عکس محصول را برای بازارگاه‌های آنلاین آماده کنیم

هر بازارگاه قوانین تصویری خودش را دارد و آگهی‌هایی که آن‌ها را نادیده می‌گیرند کند بارگذاری می‌شوند، غیرحرفه‌ای به نظر می‌رسند یا در بازبینی رد می‌شوند. دو الزامی که بیش از همه اهمیت دارند نسبت ابعاد و فرمت هستند. Wildberries و Ozon عکس‌های عمودی بلند ۳:۴ می‌خواهند؛ Amazon، eBay و AliExpress مربع ۱:۱ را ترجیح می‌دهند؛ Avito از ۴:۳ استفاده می‌کند. بیشتر پلتفرم‌ها JPG و یک پس‌زمینه تمیز و یکدست می‌خواهند تا محصول برجسته شود.

سریع‌ترین راه برای درست انجام دادن این کار یک پیش‌تنظیم آماده است. در LiteCompress به «برای یک پلتفرم» بروید، بازارگاه خود را انتخاب کنید و نسبت، اندازه و فرمت درست به‌طور خودکار اعمال می‌شوند — سپس به همان نسبت ثابت برش بزنید تا چیز مهمی بریده نشود. لازم نیست اعداد هر پلتفرم را به خاطر بسپارید.

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

  • پیش‌تنظیم پلتفرم را انتخاب کنید — نسبت، اندازه و فرمت برایتان تنظیم می‌شوند.
  • به نسبت قفل‌شده برش بزنید تا محصول بریده نشود.
  • پس‌زمینه‌ای تمیز نگه دارید و بیشتر کادر را پر کنید.
  • کاتالوگ را به‌صورت دسته‌ای پردازش کنید تا ظاهری یکدست داشته باشد.

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

تصاویر معمولاً سنگین‌ترین بخش یک صفحه وب هستند — اغلب بیشتر از همه متن، کد و فونت‌ها روی هم. فشرده‌سازی آن‌ها پیش از آپلود یکی از ساده‌ترین و پرتأثیرترین کارهایی است که می‌توانید برای سرعت صفحه انجام دهید، و صفحات سریع‌تر یعنی نرخ پرش کمتر، بازدیدکنندگان موبایلی راضی‌تر و یک افزایش کوچک اما واقعی در رتبه‌بندی جستجو، چون Google تجربه صفحه را به‌عنوان یک عامل رتبه‌بندی در نظر می‌گیرد.

قانون اول این است که هرگز تصویری بزرگ‌تر از اندازه نمایشش ارائه نکنید. اگر یک بندانگشتی با عرض ۴۰۰ پیکسل نمایش داده می‌شود، دلیلی برای آپلود یک نسخه اصلی ۳۰۰۰ پیکسلی وجود ندارد. به بزرگ‌ترین اندازه‌ای که واقعاً ظاهر می‌شود تغییر اندازه دهید، سپس تا کیفیتی معقول فشرده کنید — ۷۵ تا ۸۵٪ معمولاً روی صفحه از نسخه اصلی قابل تشخیص نیست.

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

  • پیش از آپلود به حداکثر اندازه نمایش تغییر اندازه دهید.
  • تا کیفیت حدود ۷۵ تا ۸۵٪ فشرده کنید — معمولاً نامرئی و بسیار سبک‌تر.
  • جایی که مرورگرهای مخاطبان شما پشتیبانی می‌کنند WebP را ترجیح دهید.
  • هر تصویر را فشرده کنید، نه فقط بزرگ‌ها — صرفه‌جویی‌های کوچک جمع می‌شوند.

تغییر اندازه یا فشرده‌سازی؟ ابعاد در برابر وزن فایل

«تغییر اندازه» و «فشرده‌سازی» اغلب طوری به کار می‌روند که انگار یک معنا دارند، اما دو ویژگی متفاوت را تغییر می‌دهند. تغییر اندازه ابعاد را عوض می‌کند — اینکه تصویر چند پیکسل عرض و ارتفاع دارد. فشرده‌سازی وزن فایل را عوض می‌کند — اینکه چند کیلوبایت برای ذخیره‌اش لازم است — معمولاً با ساده کردن داده‌هایی که چشم متوجه نمی‌شود. یک عکس می‌تواند در پیکسل بزرگ اما در وزن سبک باشد، یا در پیکسل کوچک اما سنگین اگر با حداکثر کیفیت ذخیره شده باشد.

برای بیشتر اهداف روزمره هر دو را می‌خواهید. تغییر اندازه یک عکس ۴۰۰۰ پیکسلی تلفن به ۱۵۰۰ پیکسلی که بازارگاه واقعاً استفاده می‌کند، داده‌ای را حذف می‌کند که هرگز نمی‌بینید و بیشتر کار سنگین را انجام می‌دهد. سپس فشرده‌سازی باقی‌مانده را پاک می‌کند و جزئیات نامرئی را برای رسیدن به اندازه هدف بیرون می‌کشد. LiteCompress هر دو را در یک مرحله انجام می‌دهد — سطح فشرده‌سازی و پیش‌تنظیم‌های پلتفرم ابعاد و کیفیت معقول را با هم تنظیم می‌کنند.

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

  • تغییر اندازه = پیکسل‌های کمتر (تطبیق با جایی که نمایش داده می‌شود).
  • فشرده‌سازی = کیلوبایت کمتر (حذف جزئیات نامرئی).
  • هر دو را انجام دهید: به اندازه نمایش تغییر اندازه دهید، سپس تا وزن هدف فشرده کنید.