Претварање слика у WebP

Желите да убрзате сајт или онлајн продавницу мањим сликама? Претворите JPG и PNG у WebP. Конвертор пре претварања процени колико ћете уштедети у односу на JPG и припреми HTML код с резервним форматом за старије прегледаче. Све се одвија у вашем прегледачу, слике се нигде не шаљу.

Како претворити слику у WebP

1. Отпремите слике. Превуците их у прозор или кликните на „Претражи датотеке“. Конвертор прихвата JPG, PNG, BMP и статичан GIF, и то десетине фајлова одједном.
2. Подесите квалитет. Подразумевани квалитет 80 одговара већини сајтова. За портфолио изаберите 85 до 90, за прегледе 70.
3. Претворите и преузмите. Дугме „Претвори“ обради целу групу, готов WebP преузимате појединачно или као ZIP.

Ко жели да иде у детаље, отвара под прегледом „Технички детаљи: лупа, процена уштеде, HTML код“.

Зашто претварати слике у WebP

WebP је формат компаније Google намењен вебу. Према студији Google-а (на енглеском), фајлови WebP с губитком су при истом квалитету од 25 до 34% мањи од JPEG-а, а без губитка отприлике 26% мањи од PNG-а. Мање слике значе брже учитавање странице, боље резултате у Core Web Vitals и мању потрошњу података на мобилном.

Осим тога, за разлику од JPG-а, WebP уме провидност, тако да замени и PNG с провидном позадином. Данас га подржавају сви уобичајени прегледачи (на енглеском), укључујући Safari од верзије 14.

Шта конвертор за WebP уме додатно

Процена уштеде пре самог претварања

У техничким детаљима налазите „Процену из узорка“: конвертор кодира умањени узорак изабране слике и израчуна колики ће бити WebP при изабраном подешавању, колики би био JPEG при истом квалитету и колико процената уштедите. Одмах видите да ли се претварање исплати.

HTML код с резервним форматом

Конвертор припреми готов код за елемент <picture>: прегледачи с подршком за WebP учитају нови фајл, остали добију оригинални JPG или PNG. Код садржи и димензије слике и лено учитавање, довољно је да га копирате у шаблон. Како <picture> функционише, описује MDN (на енглеском).

Лупа при увећању од 100%

Кликом у преглед померате лупу на произвољно место и упоређујете оригинал с резултатом пиксел по пиксел. Артефакти компресије с губитком прво се показују на тексту, ивицама и финим прелазима, ту се исплати погледати.

Провидност остаје

PNG с провидном позадином претварате у WebP без губитка алфа канала. Ако циљна апликација не подржава провидност, укључите „Спљошти провидност на боју“.

Заштита од лошег резултата

Анимирани GIF конвертор одбија, јер би од њега нечујно остао само први кадар. Кад претворени фајл испадне већи од оригинала, што се дешава код већ добро компримованих слика, табела то означи и једним кликом задржите оригинал.

Смањење, преименовање, без метаподатака

У „Напредним опцијама“ слике смањујете на дужу страницу у пикселима или на проценте и групно их преименујете помоћу {name}, {width}, {height} и {index}. Претварање уклања EXIF, ICC и GPS, тако да слике не откривају локацију. Ако слике треба да смањите на тачне димензије или испод ограничења у kB, користите смањење слика.

Који квалитет WebP изабрати

Намена	Квалитет	Напомена
Портфолио, фотографије производа	85 до 90	Детаљи без губитка, и даље мањи од JPG-а
Уобичајен сајт и блог	75 до 80	Најбољи однос квалитета и величине
Прегледи, галерије	65 до 70	Мали фајлови, ситни артефакти

Када WebP а када други формат

• Фотографије и графика на вебу: WebP, с резервним решењем у <picture> за сваки случај.
• Слике за е-пошту, институције или старије програме: боље JPG, отвори га заиста све.
• Подлоге за даљу обраду и штампу: PNG, без икаквог губитка.

Димензије слика на сајту пре претварања брзо проверавате у анализи димензија слика.

Често постављана питања

Како претворити JPG у WebP?

Отпремите JPG фајлове, оставите квалитет 80 или га измените и кликните на „Претвори“. WebP је при истом визуелном квалитету обично мањи за четвртину до трећину. Колико ћете уштедети код конкретне фотографије, показује процена у техничким детаљима.

Како претворити PNG у WebP и сачувати провидност?

Довољно је да отпремите PNG и претворите га, провидност остаје сачувана аутоматски. Ако је, напротив, не желите, укључите „Спљошти провидност на боју“.

Да ли WebP подржавају сви прегледачи?

Да, сви савремени прегледачи, укључујући Safari од верзије 14. За старије уређаје користите HTML код с елементом <picture> који конвертор припрема: старији прегледач тада учита оригинални JPG или PNG.

Да ли је WebP бољи од JPG-а?

За веб да: при истом квалитету је мањи и уме провидност. JPG ипак и даље отвара више програма, штампача и институција. На сајту зато користите WebP, за дељење и штампу JPG.

Зашто је конвертор одбио мој GIF?

Анимирани GIF би се претварањем нечујно променио у један статичан кадар. Да вас резултат не би изненадио, конвертор га одбија. Статичне GIF-ове претвара без проблема.

Да ли се моје слике шаљу на сервер?

Не. Претварање се одвија директно у вашем прегледачу и фајлови се нигде не шаљу.