PNG-ден WebP-ке құралын қалай қолдану керек
- 1
PNG суреттерін қосыңыз
Көлемі 25 MB-қа дейінгі 10 PNG файлды апарып тастаңыз: скриншоттар, иллюстрациялар, тауар суреттері немесе фотолар.
- 2
Шығынды немесе шығынсыз
Әдепкіде сапасы 90 болатын шығынды WebP таңдалған. Логотиптер, белгішелер және пиксельдік дәлдік керек кез келген сурет үшін «Шығынсыз» опциясын қосыңыз.
- 3
Көлемдерді салыстырыңыз
Әр карточкада жаңа файл көлемі көрсетіледі; сапаны өзгертсеңіз, барлық сурет автоматты түрде қайта кодталады.
- 4
Жүктеп алу
.webp файлдарын бөлек немесе converted-webp.zip архивімен сақтаңыз, веб-сайтыңызға дайын.
Шектеулер және Pro
Бір жолы 10 PNG файлға дейін, әрқайсысы 25 MB-қа дейін, толық ажыратымдылықта кодталады.
Pro нұсқасы бір жолы 500 PNG файлға дейін түрлендіреді, әрқайсысы 4 GB-қа дейін. Pro-ны қарау
PNG-ден WebP-ке туралы
PNG — мөлдірлігі бар графика үшін сенімді формат, бірақ оның көлемі үлкен. WebP мөлдірлікті сақтап, көлемді азайтады, сондықтан заманауи сайттағы суреттерге көбіне осыны таңдайды: оны барлық қазіргі браузер көрсетеді, соның ішінде Safari 2020 жылдан бастап. Кішірек суреттер телефондарда тезірек ашылады және іздеу жүйелері өлшейтін Largest Contentful Paint көрсеткішін жақсартады.
Түрлендірудің екі жолы бар, бұл бетте екеуі де қолжетімді. Шығынсыз WebP PNG-дегідей бірдей пиксельдерді сақтайды және Google-дың өз өлшемдері бойынша әдетте шамамен төрттен біріне кішірек болады; ол логотиптерге, белгішелерге, интерфейс графикасына және мәтін скриншоттарына жарайды, мұнда әр жиек анық болуы керек. Шығынды WebP, мұнда әдепкі сапасы 90, JPG сияқты сығады, бірақ альфа-арнаны сақтайды, сондықтан мөлдір фоны бар фото немесе тауардың қиып алынған суреті күрт кішірейеді, көбіне PNG көлемінің оннан біріне дейін, ал кез келген бет түсіне таза қосылып тұра береді.
Екі режимде де ені мен биіктігі өзгермейді және мөлдірлік сақталады, JPG-ге түрлендіруден айырмашылығы осы. PNG ішінде сақталған мәтіндік блоктар мен өзге метадеректер көшірілмейді. Суретті қайта өңдейтін болсаңыз, PNG-ні негізгі көшірме ретінде сақтаңыз: шығынды WebP-ті қайта-қайта кодтауға болмайды, ал кейбір компьютер бағдарламалары, пошта клиенттері мен офис бағдарламалары WebP-ті әлі ашпайды. Қабылдайтын сайттар үшін одан да кіші файл керек болса, «Түрлендіру пішімі» ішінен AVIF-ті қолданып көріңіз.
Құпиялылық
PNG файлдарын браузеріңіз декодтайды, ал WebP-ке WebAssembly-ге жинақталған libwebp кодтайды, ол осы беттегі Web Worker ішінде жұмыс істейді. Ешбір сурет құрылғыңыздан шықпайды, бетті жапқаннан кейін ештеңе сақталмайды.
Мүмкіндіктер
Мөлдірлік сақталады
Альфа-арна шығынды және шығынсыз режимде сақталады.
Файлдар кішірек
Шығынсыз шамамен 25% кіші; фотода шығынды одан да көп.
«Шығынсыз» қосқышы
Логотиптер мен белгішелерге пиксельдік дәлдік.
Веб үшін жасалған
Барлық қазіргі браузер қолдайды.