UltKit

JPG na WebP omskakel

Maak die JPG-foto's op u webwerf kleiner deur hulle na WebP om te skakel, die formaat wat elke huidige blaaier vertoon. Laai 'n hele klomp op, hou die kwaliteit op 80 of stel dit self in, en laai lêers af wat gewoonlik 'n kwart tot 'n derde ligter is.

Beeldomskakelaar

of los JPG, JPEG, JPE …-lêers hier ·

Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute

Uitvoer

Lêers word op ons bedieners verwerk en na 30 minute uitgevee.

Hoe om hierdie nutsding te gebruik

  1. 1

    Laai die JPG's van u webwerf op

    Sleep produkfoto's, blogopskrifbeelde of galeryfoto's na die oplaaiarea. Twintig lêers per bondel, tot 95 MB elk.

  2. 2

    Stel die WebP-kwaliteit in

    Kwaliteit begin by 80, 'n algemene beginpunt vir foto's wat teen 85–90 as JPG gestoor is. Los Verliesloos af; dit maak foto's groter, nie beter nie.

  3. 3

    Skakel om en vervang

    Druk Skakel om na WebP, laai die lêers of die ZIP af, en laai hulle langs jou bestaande JPG's op sodat jy albei kan bedien.

Antwoord

Is dit die moeite werd om JPG na WebP om te skakel?

Ja, as die beelde op 'n webwerf is wat jy bestuur. WebP spaar gewoonlik 'n kwart tot 'n derde van die grepe by dieselfde visuele kwaliteit, en elke blaaier sedert 2020 wys dit. Behou die oorspronklike JPG's as terugval.

Skakel JPG om na WebP sodat u bladsye vinniger laai

Beelde is gewoonlik die swaarste deel van 'n webbladsy, en die meeste is steeds JPG omdat kameras, foonne en voorraadbiblioteke dit lewer. WebP is in 2010 deur Google vrygestel as 'n kleiner vervanger vir presies daardie lêers. Sy verlieslywige modus is gebou op die VP8-videokodek, wat elke blok uit sy bure voorspel in plaas daarvan om elke 8 × 8-blok op sy eie te enkodeer soos JPEG doen.

Die praktiese resultaat is minder grepe vir dieselfde prent. Op 'n produkbladsy met twaalf foto's van 150 KB spaar dit per besoek etlike honderde kilogrepe as 'n kwart tot 'n derde van elk afgesny word, wat direk in Largest Contentful Paint sigbaar is, die Core Web Vitals-maatstaf wat die grootste beeld of teksblok op die skerm tyd.

Ondersteuning is nie meer 'n bekommernis vir besoekers nie. Chrome wys al meer as 'n dekade WebP, Firefox sedert weergawe 65 in 2019, en Safari sedert weergawe 14 in 2020. Die agterblywers is buite die blaaier: e-poskliënte, sommige sosiale platforms wat skakelvoorskoue bou, en rekenaarsagteware. Daarom bedien die verstandige opstelling WebP aan blaaiers en hou die JPG vir alles anders.

Watter WebP-kwaliteit om vir 'n JPG-foto te kies

  1. 50

    Duimnaelsketse en klein kaarte; sagtheid wys op groot skerms

  2. 70

    Agtergrondbeelde en volbreedte-banner met min fyn detail

  3. 80

    Verstek hier; produk- en blogfoto's lyk soos die JPG

  4. 90

    Foto's met fyn teks, materiaaltekstuur of skerp rande

Bied WebP aan met 'n JPG-terugval via die picture-element

HTML: WebP eerste, JPG as terugval
<picture>
  <source srcset="/images/sofa.webp" type="image/webp">
  <img src="/images/sofa.jpg" alt="Grys driesitplek-rusbank" width="1200" height="800">
</picture>

JPG

JPEG-beeld

JPEG (of JPG) is die mees gebruikte foto-formaat en is in 1992 deur die Joint Photographic Experts Group gestandaardiseer. Dit gebruik verliesgewende kompressie wat fyn detail weggooi wat die oog skaars sal opmerk, sodat foto's klein genoeg bly vir die web, e-pos en foonberging. Dit hanteer gladde gradiënte en natuurtonele goed, maar skerp teks, lyntekeninge en egte kleure kry sigbare blokkerige of waasagtige artefakte. JPEG het geen deursigtigheid of animasie nie, en elke herstoor verloor 'n bietjie meer gehalte. Elke blaaier, foon, kamera en beeldredigeerder kan dit oopmaak.

Kompressie
Met verlies
Deursigtigheid
Nee
Animasie
Nee
Bekendgestel
1992 · Joint Photographic Experts Group
JPG-omskakelaar

WEBP

WebP-beeld

WebP is 'n beeldformaat wat Google in 2010 vrygestel het om webbladsye vinniger te laat laai. Dit ondersteun beide verlieslike en verlieslose kompressie, alfadeursigtigheid en animasie in een formaat. Verlieslike WebP-lêers is gewoonlik 25–35% kleiner as JPEG's van soortgelyke visuele gehalte, en verlieslose WebP is gewoonlik kleiner as PNG. Elke huidige blaaier ondersteun dit, maar sommige ouer rekenaarsagteware, drukdienste en oplaaivorms weier dit steeds. Windows, macOS en die meeste moderne beeldredigeerders kan WebP-lêers oopmaak.

Kompressie
Met verlies of verliesloos
Deursigtigheid
Ja
Animasie
Ja
Bekendgestel
2010 · Google
WEBP-omskakelaar

Webwerfeienaars skakel JPG na WebP om om bladsygewig te verminder op beelde wat hulle self publiseer; niemand het WebP nodig vir 'n lêer wat op 'n skootrekenaar bly of gedruk word nie.

WebP in gebruik neem sonder om iets te breek

Die <picture>-fragment hierbo laat elke blaaier die eerste bron kies wat hy verstaan, so 'n besoeker met 'n ou blaaier kry stilweg die JPG. Behou die width en height op die <img>; hulle reserveer spasie en keer dat die uitleg spring terwyl die beeld laai.

As jou webwerf op WordPress loop, aanvaar weergawe 5.8 en later WebP-oplaaie in die mediabiblioteek, so jy kan die omgeskakelde lêers direk oplaai. Baie CDN's kan ook onmiddellik omskakel; hierdie bladsy is vir beelde wat jy met die hand wil beheer, soos 'n hoofbanier.

Vergelyk voor publisering die totale gidsgrootte: as die WebP-stel nie duidelik kleiner is nie, was die JPG's reeds hard saamgepers en wen omskakeling jou min. Vir beelde wat daarna steeds 'n grepebegroting nodig het, gebruik beeld saampers.

Vrae oor JPG na WebP van webwerfeienaars

Hoeveel kleiner is 'n WebP as dieselfde JPG?

Google se gepubliseerde vergelyking het gevind dat verlieslyvige WebP-lêers 25–34% kleiner as JPEG's is by gelyke SSIM, 'n standaardmaat vir visuele ooreenkoms. Werklike besparings hang van die foto af: gladde lugte en studioagtergronde krimp die meeste, raserige foto's by min lig die minste. 'n JPG wat reeds swaar saamgepers is, verander dalk skaars.

Watter WebP-kwaliteit stem ooreen met JPG-kwaliteit 85?

Die twee skale is nie dieselfde nie, so die getalle stem nie een tot een ooreen nie. Vir die meeste foto's lyk WebP 75–80 soos JPG 85–90 by normale kykgrootte. Kyk eers een lêer teen 100% inzoem voordat jy die hele gids verwerk.

Het ek die JPG nog nodig nadat ek na WebP omgeskakel het?

Behou dit. E-poskliënte, sosiale deelvoorskoue op sommige platforms en ouer rekenaarsagteware verwag steeds JPG, en 'n <picture>-element het 'n JPG nodig om op terug te val. Stoor die WebP langs die JPG eerder as om dit te vervang.

Sal die foto beter lyk as ek JPG na WebP omskakel?

Nee. Die WebP word van die gedekodeerde JPG gekodeer, so enige blokkies of kleurbande wat reeds in die JPG is, word oorgedra. Omskakeling verander net hoe doeltreffend daardie piksels gestoor word, nooit hoeveel detail hulle bevat nie.

Behou WebP die EXIF-data van my kamera se JPG?

WebP kan EXIF dra, maar Verwyder metadata is by verstek aan, wat GPS-ligging en kameradetails verwyder. Dit is gewoonlik wat jy wil hê vir beelde wat op 'n openbare webwerf gepubliseer word. Skakel dit af onder Gevorderde instellings as die data behou moet word.

Moet ek eerder AVIF as WebP vir my webwerf kies?

AVIF pers foto's verder saam, maar dit enkodeer baie stadiger en sommige beeldinproppe en CDN's hanteer dit steeds minder betroubaar. WebP is die veiliger eerste stap; probeer JPG na AVIF op 'n paar hoofbeelde sodra WebP in plek is.