Гайды

Выбар правільнага фармату — галоўны фактар таго, наколькі моцна можна зменшыць файл без пагаршэння выгляду. 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 робіць абодва крокі адразу — узровень сціскання і прэсеты пляцовак задаюць разумныя памеры і якасць разам.

Просты спосаб думаць пра гэта: спачатку змяненне памеру пад месца паказу, потым сціскання да патрэбнай вагі. Калі файл усё яшчэ завялікі пасля сціскання — амаль заўсёды справа ў тым, што памеры большыя за неабходныя.

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