Гайди

Вибір правильного формату — найважливіший чинник того, наскільки сильно файл можна зменшити без погіршення вигляду. JPG (JPEG) використовує стиснення з втратами, налаштоване під фотографії: він прибирає деталі, які око майже не помічає, тож фото зменшується в рази й при цьому виглядає чисто. Це формат за замовчуванням для знімків із камери, фото товарів і всього, де плавні градієнти й багато кольорів.

PNG — формат без втрат із підтримкою прозорості. Він зберігає кожен піксель як є, тому ідеальний для логотипів, іконок, скріншотів і графіки з чіткими краями чи текстом. Розплата — розмір: повноколірне фото в PNG часто в кілька разів важче за те саме фото в JPG, без видимої вигоди.

WebP — новіший формат, який зазвичай переважає обидва: стиснення з втратами як у JPG плюс прозорість як у PNG, часто на 25–35% легше. Заковика — сумісність: кілька старих програм і частина маркетплейсів досі не приймають WebP, тож використовуйте його там, де ви контролюєте отримувача (власний сайт, сучасні браузери), а не для завантаження на сторонні платформи.

• Фото й знімки товарів → JPG (або WebP, якщо контролюєте, де показується).
• Логотипи, іконки, скріншоти, прозорість → PNG.
• Власний сайт із сучасною аудиторією → WebP для найменших файлів.

Іноді "менше" недостатньо — потрібно вкластися в жорсткий ліміт, наприклад 200 КБ для державної форми чи обмеження 5 МБ на маркетплейсі. У LiteCompress для цього є окремий режим. Увімкніть "Стиснути до потрібного розміру", укажіть кількість кілобайтів, і інструмент знайде найвищу якість, яка все ще вкладається в ваш ліміт. Вам ніколи не доведеться вгадувати відсоток якості.

Якщо суворого ліміту немає, а ви просто хочете легший файл, виберіть натомість рівень стиснення. "Менший файл" схиляється до найлегшого результату, "Збалансовано" — щоденна оптимальна точка, де різниця на екрані непомітна, а "Найкраща якість" зберігає найбільше деталей для друку чи архівування.

На вагу файлу найбільше впливають дві речі: розміри в пікселях і рівень якості. Фото просто із сучасного телефона може бути 4000 пікселів завширшки — набагато більше, ніж будь-коли показує вебсторінка чи чат. Зменшення найдовшої сторони до розумного значення в поєднанні з помірною якістю зазвичай достатнє, щоб ужати багатомегабайтне фото до кількох сотень кілобайтів.

• Потрібен точний розмір → увімкніть "Стиснути до потрібного розміру" й укажіть КБ.
• Немає жорсткого ліміту → виберіть "Менший файл / Збалансовано / Найкраща якість".
• Для фото конвертуйте PNG у JPG — часто це найбільша економія.
• Звіртеся з попереднім переглядом "До/Після", що якість досі виглядає добре.

У кожного маркетплейсу свої правила щодо зображень, і картки, які їх ігнорують, вантажаться повільно, виглядають непрофесійно або не проходять модерацію. Найважливіші дві вимоги — співвідношення сторін і формат. Wildberries та Ozon очікують вертикальні фото 3:4; Amazon, eBay і AliExpress віддають перевагу квадрату 1:1; Avito використовує 4:3. Більшість платформ хочуть JPG і чистий рівний фон, щоб товар виділявся.

Найшвидший спосіб зробити це правильно — готовий пресет. У LiteCompress перемкніться на "Під майданчик", виберіть свій маркетплейс, і потрібні співвідношення, розмір і формат застосуються автоматично — потім обріжте під це фіксоване співвідношення, щоб не відрізати важливе. Запам'ятовувати цифри кожної платформи не потрібно.

Окрім правил, кілька звичок підвищують конверсію карток: товар має заповнювати більшу частину кадру, на головному фото не повинно бути водяних знаків чи рекламного тексту, а весь каталог варто обробити однією пачкою, щоб кожна картка виглядала однаково. Чітке фото правильного розміру — один із найдешевших способів здобути кліки.

• Виберіть пресет платформи — співвідношення, розмір і формат задаються за вас.
• Обріжте під зафіксоване співвідношення, щоб не відрізати товар.
• Тримайте чистий фон і заповнюйте більшу частину кадру.
• Обробляйте каталог пачкою заради однакового вигляду.

Зображення зазвичай — найважча частина вебсторінки, нерідко важча за весь текст, код і шрифти разом узяті. Стиснення перед завантаженням — одна з найпростіших і найефективніших дій для швидкості сторінки, а швидші сторінки означають менше відмов, задоволеніших мобільних відвідувачів і невеликий, але реальний приріст у пошуковому ранжуванні, адже Google використовує зручність сторінки як сигнал ранжування.

Перше правило — ніколи не віддавати зображення більше, ніж воно відображається. Якщо мініатюра показується завширшки 400 пікселів, немає сенсу вантажити оригінал у 3000 пікселів. Змінюйте розмір до найбільшого, у якому зображення реально з'явиться, потім стискайте до розумної якості — 75–85% зазвичай не відрізнити від оригіналу на екрані.

Сучасні формати теж допомагають. Там, де аудиторія користується свіжими браузерами, WebP здатен зрізати ще чверть ваги порівняно з JPG за тієї самої якості. Поєднайте зміну розміру, стиснення й сучасний формат — і типова сторінка з купою фото вантажитиметься в кілька разів швидше.

• Змінюйте розмір до максимального розміру показу перед завантаженням.
• Стискайте до ~75–85% якості — зазвичай непомітно, але набагато легше.
• Надавайте перевагу WebP там, де його підтримують браузери аудиторії.
• Стискайте кожне зображення, а не лише великі — дрібниці складаються.

"Зміну розміру" та "стиснення" часто вживають як синоніми, але вони змінюють дві різні властивості. Зміна розміру змінює розміри — скільки пікселів завширшки й заввишки має зображення. Стиснення змінює вагу файлу — скільки кілобайтів потрібно для зберігання — зазвичай спрощуючи дані, які око не помічає. Фото може бути величезним у пікселях, але легким за вагою, або маленьким у пікселях, але важким, якщо збережене в максимальній якості.

Для більшості щоденних завдань потрібне й те, й інше. Зменшення фото з телефона з 4000 пікселів до 1500, які реально використовує маркетплейс, прибирає дані, які ви ніколи не побачите, і робить основну роботу. Стиснення потім підчищає решту, вичавлюючи невидимі деталі до потрібного розміру. LiteCompress робить обидва кроки одразу — рівень стиснення й пресети майданчиків задають розумні розміри й якість разом.

Простий спосіб думати про це: спершу змініть розмір під місце показу, потім стисніть до потрібної ваги. Якщо файл усе ще завеликий після стиснення — майже завжди річ у тому, що розміри більші за необхідні.

• Зміна розміру = менше пікселів (під місце показу).
• Стиснення = менше кілобайтів (прибирає невидимі деталі).
• Робіть обидва: змініть розмір під розмір показу, потім стисніть до потрібної ваги.