Myndabestun vefsíðu

Myndabestun er ein af þeim þáttum í frammistöðu WordPress sem skilar mestum ábata: með sömu síðuströgun og sama þemað getur það oft leitt til tafarlausrar hraðabótar í hleðsluhraða að stilla rétt stærð myndskrár, víddir, snið og afhendingaraðferð.

Hins vegar er myndabestun einnig sviðið þar sem auðveldast er að gera allt í óreiðu; ástæðan er ekki sú að tæknin sé of flókin, heldur sú að upplýsingarnar eru of sundurleitir:
Þú hefur lesið nokkrar greinar og lært um “þjöppun”, “WebP/AVIF” og “lazy loading”, en þegar þú skoðar lýsinguna á viðbótinni stendur þar “100 ókeypis inneignir á mánuði”, “20MB ókeypis” og “1 inneign fyrir hverja mynd” – og því meira sem þú lest, því ruglaðari verðurðu. Er ókeypis kvótinn í raun nægjanlegur? Hvernig eru gjöldin dregin frá? Hefurðu misskilið “sama hlutinn”? Og það sem skiptir mestu máli:Virkaði það í raun þegar þú hafðir lokið?

Þessi grein gerir aðeins þrjú atriði:

1. Hér er hagnýt ráðVegalína(Hvað á að gera fyrst, hvað á að gera næst)
2. Vinsamlegast útskýrðu valkostina sem þú ert að íhuga í smáatriðum (hvað nákvæmlega greinir ókeypis og greidda útgáfur og hverjum hvor þeirra hentar best).
3. Hér eru algengustu gildrurnar, taldar upp fyrirfram (svo þú þurfir ekki að eyða tíma í að leita að þeim og leysa úr þeim eftir að þú hefur lokið)

1. Grunnatriðin: Hvað WordPress býður upp á og hvað það býður ekki upp á

Ef þú skilur ekki fyrst hvað kjarni WordPress hefur þegar gert, munu tvær aðstæður líklega koma upp:

• Í stað þess að nýta okkur “ókeypis möguleika” sem standa okkur til boða, höfum við sóað tíma og peningum í að enduruppgötva hjólið.
• Ég hélt að WordPress myndi sjálfkrafa umbreyta öllum gömlum myndum í WebP/AVIF, en það gerir það ekki.

Kjarni WordPress inniheldur nú þegar eftirfarandi lykilatriði:

• Sveigjanlegar myndir (srcset/sizes)Frá WordPress 4.4 og framvegis mun kjarni birta myndir. srcset 与 sizes... og nýtir fjölstærðar myndir sem búnar eru til við upphleðslu til að leyfa vafranum að velja og hlaða hentugustu auðlindirnar miðað við skjástillingar.
• Innfæddur letilæsingFrá og með WordPress 5.5 er innbyggð letilögun virkjuð sjálfgefið fyrir myndir, í samræmi við HTML-staðla. loading Eignaframkvæmd.
• Styður upphleðslur WebPFrá WordPress 5.8 og framvegis geturðu hlaðið upp og notað WebP-skrár á sama hátt og JPEG- og PNG-skrár (ef hýsingarumhverfi þitt styður WebP).
• Styður AVIF-upphleðslurFrá WordPress 6.5 og framvegis er hægt að hlaða upp AVIF-skrám og nota þær á sama hátt og JPEG- og PNG-skrár (háð stuðningi hýsingarumhverfisins).

Vinsamlegast athugið þó:
“Stuðningur við upphlekk/notkun ≠ sjálfvirk umbreyting/sjálfvirk afhending
Með öðrum orðum: jafnvel þó þú sért þegar á WP 6.5, munu JPG/PNG-skrár í miðlajassafni þínu ekki sjálfkrafa umbreytast í WebP/AVIF; né færðu sjálfkrafa alla virkni þess að “framleiða AVIF/WebP út frá vaframöguleikum og falla aftur á upprunalegu myndina fyrir vafra sem styðja það ekki” – til þess þarf yfirleitt viðbót eða þjónustu til að fylla upp í eyðuna.

2. Verkaskrá: Fimm skrefa leiðarvísir að myndabestun

Hvað á að gera, af hverju, hvað telst vera pass og hvaða algengu gildrur eru til.

2.1 Fáðu “víddirnar” réttar fyrst (auðveldast að vanrækja, en það sem skilar mestu ávinningi)

Margir vefir eru hægir, ekki vegna þess að þeir hafi ekki verið fínstilltir, heldur vegna þess aðSækið mynd sem er mun stærri en skjá svæðið：
Til dæmis, ef síða er í raun aðeins 900 px á breidd en þú lætur gesti hlaða upprunalegu 3000 px myndinni, mun vafrinn einfaldlega hlaða henni niður og svo minnka hana til sýnis. Þetta eyðir bandbreidd, eykur afkóðunartíma og hægir á hleðslutíma fyrstu skjásins.

Fyrir WordPress 4.4 og nýrriVerkunarháttur sveigjanlegra mynda（srcset/sizes) var hannað sérstaklega til að takast á við þetta vandamál.

Hvað telst sem pass:

• Þegar síðan er skoðuð á farsíma ættu hlaðnar myndir að vera áberandi minni en á skjáborði.
• Stærð skrárinnar fyrir sama myndbreytist eftir tæki (frekar en að hlaða alltaf niður upprunalegu myndinni)

Algengustu gildrurnar:

• Sum þemu eða byggingartólar meðhöndla myndir sem CSS-bakgrunnamyndir eða birta þær á sérstakan hátt, sem getur komist hjá srcset, sem veldur því að stóra myndin heldur áfram að hlaðast inn
• Ef þú notar utanaðkomandi myndhýsingarþjónustu eða myndablokkir frá þriðja aðila gætirðu komist hjá kerfi margra stærða sem fjölmiðlasafnið býr til.

---

2.2 Þjöppun (að minnka stærð skráarinnar án þess að skerða gæði)

Kjarni þjöppunar er ekki sá að “minni er betri”, heldur sá að “munurinn sé varla sjáanlegur með berum augum, en skráarstærðin verulega minnkuð”.

Reglurnar eru sem hér segir:

• Ljósmyndir/alvöru myndir (portrett, vörur, landslag): Forgangsraðið tapþjöppun (hámarks ávinningur)
• Skjámyndir/myndir sem innihalda mikið af textaBeittu varfærnari þjöppun til að koma í veg fyrir að textinn virðist óskýr.
• Merki/tákngerðForgangsraðið SVG eða notið taplausa þjöppun af varúð (tapsþjöppun getur auðveldlega valdið óskýrri brún)

Hvað telst sem pass:

• Stærðir flestra myndskrár hafa verið verulega minnkaðar.
• Enginn áberandi hávaði, engar óskýrar brúnir, engin litabönd né óskýr texti

---

2.3 WebP / AVIF (Skráarsniðstefna: minni skráarstærð fyrir sama skýrleikastig)

WordPress styður nú skráarupphleðslur. WebP (5.8) og AVIF (6.5)。
Hins vegar, til að koma “næstu kynslóðar sniði” í hagnýta notkun, þarf venjulega að leysa tvö mál:

1. Hvernig á að umbreyta sagnamiðlissafninu í lotu(Annars munt þú aðeins vera að hámarka nýjar myndir sem hlaðnar verða upp í framtíðinni)
2. Ætti ég að búa til afrit eða skipta út upprunalegu myndinni?(Þetta er mikilvægur punktur; síðar munum við einbeita okkur að “skipta út og eyða upprunalegu myndinni” eiginleika Plus WebP.)

Mælt er með eftirfarandi nálgun:

• WebP: Almennt sem sjálfgefin valkostur (býður upp á áreiðanlegri samrýmanleika)
• AVIF: Enn eitt skref í þjöppun, hentugt fyrir stórar myndir, stórar myndir á fyrsta skjánum og gallerímyndir (en meiraháð umhverfisstuðningi）

---

2.4 Notaðu letilega hleðslu rétt (ekki beita einni lausn sem hentar öllum)

Frá WordPress 5.5 og síðarSlepphleðsla sjálfgefinMynd.
Það dregur úr bandbreiddarnotkun við upphaflega birtingu:

• Letilæsing hentar fyrir auðlindir sem eru utan skjásýnissviðs.“
• Stóra myndin efst á síðunni (sem oft er mikilvægasta myndin á fyrsta skjánum) er almennt ekki hentug til frestaðrar hleðslu.

---

2.5 Afhendingarlag: CDN / Mynd CDN

Þjöppun, skráarstærð og sniðmiðun miða allar að því að gera skrár minni og hentugri.
Hins vegar, ef myndir eru stöðugt sóttar af fjarverandi upprunþjóni, mun netseinkun samt sem áður hafa veruleg áhrif á notendaupplifunina. Í slíkum tilvikum er þörf á lausn á “afhendingarlagi” (CDN/mynd CDN).

Tvær algengar nálganir:

• Cloudflare Pólland：Skjöl CloudflareÞessi kafli kynnir þjöppunaraðferðir sem eru í boði í Polish (án taps, með taps og WebP) og nefnir notkun þeirra format=auto WebP- og AVIF-sniðmát eru leyfð.
• Jetpack Site Accelerator：Jetpack-handbókÞetta þýðir að það mun hagræða myndum og dreifa þeim í gegnum net sitt ásamt kyrrstæðum auðlindum.

Myndabestun tryggir að myndir séu minnkaðar í stærð og endurstærðar viðeigandi,CDN: Að skila nánari og áreiðanlegri

3. Val á leiðum: Fylgdu aðeins tveimur aðalleiðum

Algengasta mistökin í myndabestun eru ekki að setja ekki upp viðbót, heldur að setja upp of margar viðbætur, sem leiðir til tvíverkunar:
A er að þjappa, B er líka að þjappa; A er að umbreyta í WebP/AVIF, B er að gera hið sama; A er að breyta vefslóðum, B er að framkvæma vefslóðaviðskriftir—að lokum nærðu ekki einu sinni að átta þig á því hvað raunverulega er að gerast á síðunni.

Reglur:

Fylgdu einni nálgun: annaðhvort algerlega ókeypis staðbundinni geymslu eða einni af þremur skýjþjöppunarvalkostum.

• Leið A (algerlega ókeypis staðbundin):Auk WebP eða AVIF + EWWW Image Optimizer(eða veldu bara einn)
• Valmöguleiki B (Veljið eina af þremur þjöppunaraðferðum fyrir ský):ShortPixel / Imagify / TinyPNG

---

3.1 Valkostur A: Algjörlega ókeypis staðbundin hýsing (með WebP eða AVIF eða EWWW)

Helstu einkenni þessarar leiðar eru:

• Þú treystir ekki á þjöppunarþjónustu þriðja aðila sem rukka eftir mánaðarlegri kvótu eða fyrir hvert skjal (þó að sumar aðgerðir kunni að vera í boði sem valfrjálsar þjónustur).
• Viðskiptin eru þau að lotuvinnsla getur sett þyngri álag á netþjóninn hvað varðar CPU/IO, sem krefst þess að þú veitir meiri athygli á “stefnu og áhættu”.”

3.1.1 Auk WebP eða AVIFKjarnahugtakið er “framleiðsla/endurnýjun”; þetta er ekki þjöppunartæki í hefðbundnum skilningi.“

• Þegar búið er til allt myndasafnið:Auðkenni upprunalegu myndarskrárinnar verður skrifað yfir af WebP/AVIF-skránni, upprunalega skráin verður eytt og allar vefslóðir í efninu verða einnig skiptar út.。
• Viðbótin býður upp á WP-CLI-skipanir og bendir á að WP-CLI sé áreiðanlegri þegar unnið er með mikið magn skráa.

Þetta þýðir: það býr ekki bara hljóðlega til WebP-skrá fyrir þig, heldur gæti það verið aFjármunaflutningur(sérstaklega ef þú hefur virkjað valkostinn “Skipta út og eyða upprunalegu”.)

Mismunurinn á milli tveggja hamanna

Valmöguleiki 1: Geymdu upprunalegu myndina + búðu til WebP/AVIF-afrit (áreiðanlegra)

• Kostur: Það er auðveldara að snúa við ef samhæfnisvandamál koma upp.
• Ókostur: Diskanotkun mun aukast (upprunalegt mynd + nýtt snið + margar smámyndastærðir)

Aðferð 2: Skipta út og eyða upprunalegu myndinni (meira róttækt)

• Kostir: Diskurinn fyllist ekki eins hratt; innri tenglar eru sjálfkrafa umbreyttir í nýja sniðið.
• Áhætta: Ef þú breytir bæði eignum og tilvísunum þeirra verða bilanaleit og úrbætur á samrýmanleika vandamála dýrari (sérstaklega þar sem ytri kerfi eða þemalogík treysta á upprunalegu skráarnafnin, slóðirnar eða sniðum).

Algengir gildrur með WebP eða AVIF

1. Eftir að hafa framkvæmt fulla bókasafnsendurnýjun birtast myndir á ákveðnum síðum rangt.
   Orsökin er yfirleitt ekki sú að myndin sé brotin, heldur að eitthvað hafi farið úrskeiðis einhvers staðar í keðjunni—til dæmis breyting á vefslóð, skyndiminni eða stefna um smámyndir.
2. Því fleiri smámyndir sem eru, því umfangsmeiri eru breytingarnar.
   Þegar mynd er hlaðin upp í WordPress bætast við margar stærðir; þemu og viðbætur geta bætt við fleiri. Alhliða endurnýjun þýðir að þú gætir verið að breyta mjög stórum fjölda skráa.
3. Að framkvæma snilvendingu ein og sér leiðir ekki endilega til minnsta skráarstærðar.
   WebP- og AVIF-skrár eru yfirleitt minni, en stærðar- og þjöppunaraðferðir eru enn mikilvægar. Ekki líta á Plus WebP sem eina smellilausn til að flýta hleðslutíma.

---

3.1.2 EWWW Image OptimizerLeiðandi veitandi ókeypis staðbundinnar þjöppunar

Síða EWWW-viðbótarinnar hefur mjög skýrt markmið:

• Hann getur fínstillt myndir á netþjóninum þínum með ýmsum verkfærum (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp o.s.frv.).
• Ef þú þarft meiri þjöppun eða vilt spara CPU, geturðu einnig flutt vinnsluna sem neytir CPU yfir á netþjóninn þinn (valkvætt).

Hvaða hlutverki ætti EWWW að gegna í Route A?

Ef þú ert að nota Plus WebP sem “stefnu um sniðbreytingu/endurnýjun”, þá hentar EWWW betur til að takast á við:

• Þjöppun og rúmmáls-hagræðing(sérstaklega hagræðing hrára auðlinda eins og JPG- og PNG-skráa)
• Búta-bætir sögulegs fjölmiðlasafns(Markmiðið er “rúmminskun” frekar en “URL-skipting”)

Algeng gildra EWWW

1. Aðalbyrði eykst meðan á lotubestun stendur.
   Þetta er vegna þess að staðbundin þjöppun eyðir CPU/IO. Lausnin er ekki að hætta að nota hana, heldur að vinna í lotum utan háannatíma og velja að afhenda vinnuna á annan stað eða nota skýjalausnir þar sem þörf krefur.
2. “WebP hefur verið búið til” þýðir ekki endilega að framhliðin sé í raun að afhenda WebP.
   Margir viðbætur búa við þá misskilning að birting sé eitt, en afhendingaraðferðir (svo sem endurskrifun, `picture`-merki og lokun skyndiminni) séu allt annað.
3. Endurtekur virkni annars viðbótar
   Ef þú velur valkost A, reyndu að forðast að nota viðbótar skýjþjöppunarþjónustu eins og ShortPixel, Imagify eða TinyPNG; ef þú velur valkost B, skaltu ekki virkja skiptingarlógík í Plus WebP. Meginreglan er:Fylgdu einni aðferð.

---

3.2 Valkostur B: Veldu eina af þremur skýjþjöppunarþjónustunum (ShortPixel / Imagify / TinyPNG)

Þessi áætlun hentar þeim sem vilja spara netþjónauðlindir, kjósa vandræðalausa nálgun við lotuvinnslu og eru sáttir við notkunarbundna eða greiðslu-eftir-notkun gjaldskrá.
Hins vegar er algengasta misskilningurinn um skýþjöppun:Ókeypis leyfi er ekki einfaldlega spurning um “ókeypis blaðsíður”.Fjöldi smámynda, hvort WebP/AVIF-snið eru búin til og hvort myndirnar séu þjappaðar ítrekað, mun allt hafa veruleg áhrif á auðlindanotkun.

Hér að neðan munum við útskýra: muninn á ókeypis og greiddum valkostum, hvernig kredit er dregin frá, algengustu gildrurnar sem þarf að forðast og hvaða tegundir vefsíðna henta best þessum þjónustum.

---

3.2.1 ShortPixel100 ókeypis einingar á mánuði, en einingarnar verða uppurnar vegna smámynda og stækkana WebP/AVIF.

Hvað er eiginlega málið með ókeypis og greiddar valkosti?

Lýsing á ShortPixel-viðbótinni segir skýrt:

• 100 ókeypis inneignir á mánuði
• Einnig eru í boði “aukaleg ótakmörkuð mánaðargjöld” (verðupplýsingar má finna á viðbótarsíðunni)
• Við bjóðum einnig upp á “einnota inneignarpakka sem renna aldrei út” (ásamt upplýsingum um upphafsverð)

Athugið:

• Ókeypis: Á hverjum mánuði eru veitt ákveðin fjöldi eininga til notkunar á léttum vefsíðum eða til prófana.
• Einnota pakki: Hentar vefsíðum með stórt miðlasafn sem vilja tæma birgðir sínar í einu (keypt einu sinni og gilt þar til upp er búið; venjulega án fyrningardags)
• Mánaðarlegt/Ótakmarkað: Hentar vefsíðum sem þurfa reglulegar myndauppfærslur og langtíma, stöðuga fínstillingu.

Opinbera þekkingargrunnur ShortPixel veitir einnig leiðbeiningar um einnota leyfi vs. ótakmarkað mánaðargreiðsluleyfi.Skýr skýringÓtakmarkaða mánaðaráætlunin er gjaldfærð mánaðarlega (eða árlega) og býður upp á ótakmarkaða inneign og fasta CDN kvóta; einstakar inneignir renna ekki út, sem gefur þér meiri stjórn á notkun þegar þess er krafist.

Það sem skiptir mestu máli: Hvernig eru ShortPixel-einingar reiknaðar?

StuttPixel opinberar leiðbeiningar KB orðaði það mjög hreinskilnislega:

• Þegar þú hleður upp mynd í WordPress, býr það til marga smámyndir;
• Hagræðing hvers smámyndar telst sem einn inneign.；
• Ef þú velur að búa til WebP eða AVIF,Hver WebP- eða AVIF-útgáfa af upprunalegu mynd og smámynd hennar mun teljast sem auka eining.；
• Þú getur útilokað ákveðnar smámyndir úr fínstillingu til að draga úr gagnanotkun.

Kreditdæmi：

Segjum að þú hleð eina mynd upp, og þemað eða viðbótin býr til átta smámyndir:

• Bætið eingöngu upprunalegu myndina og smámyndirnar: 1 (upprunaleg mynd) + 8 (smámyndir) = 9 inneignir
• Ef þú vilt einnig búa til WebP/AVIF: bættu við næstu kynslóðarútgáfu fyrir hverja af þeim 9 hér að ofan → auk 9 inneigna
  Með öðrum orðum gætirðu haldið að þetta sé “ein mynd”, en það gæti í raun kostað næstum “tvístafa inneign”.

Þess vegna:“100 ókeypis inneignir” þýðir ekki “100 ókeypis myndir”.

Algengustu gildrur með ShortPixel

1. Ókeypis 100 einingar renna út fljótlega
   Ástæða: Mikill fjöldi smámynda + aukakredítar fyrir myndbúnað WebP/AVIF.
   Mæling：

• Fyrst skaltu meta fjölda smámynda síðunnar.
• Fjarlægið óþarfa smámyndastærðir (hagræðið aðeins þær stærðir sem raunverulega verða notaðar)
• Ákveðið þjöppunarstefnu fyrst, síðan keyrið ferlið í lotum til að forðast að eyða tíma í tilraunir og villur.

2. Notaðu í samvinnu við aðra viðbætur til sniðsbreytingar.
   Ef þú virkjar Plus WebP-skiptingu og lætur ShortPixel búa til og setja inn next-gen-merki, munu skynsemin skarast og gera bilanaleit erfiðari. Með valkosti B sér ShortPixel sjálft um þetta verkefni.
3. Ég gerði ráð fyrir að þegar það væri sett upp myndi framenda sjálfkrafa búa til WebP/AVIF-skrár.“
   Síða ShortPixel-viðbótarinnarHann getur umbreytt WebP- og AVIF-skrám og getur innlimað næstu kynslóðar myndir í framenda-síður (til dæmis með merkjum).
   Hins vegar þarftu samt að athuga niðurstöðurnar þegar þú hefur lokið.

---

3.2.2 ÍmyndagerðÓkeypis 20MB á mánuði; kvóti er dreginn frá miðað við “upprunalega myndastærð + fjölda smámynda”; endurþjöppun mun leiða til tvífelldar frádráttar

Ókeypis leyfilegt magn og staðsetning

Opinber verðlagsíða ImagifyÞað er sagt nokkuð skýrt:Ókeypis reikningar hafa mánaðarlegt kvóta upp á 20MB。
Á viðbótarsíðu þess kemur einnig fram að hún geti þjappað, breytt stærð og umbreytt í WebP/AVIF.

Hvernig er kvótinn dreginn frá?

Opinberar leiðbeiningar Imagify “Hvernig er notkun kvóta reiknuð?” skýrir gjaldtökukerfið mjög skýrt:

• Fjöldi smámynda hefur áhrif á auðlindanotkun.Til dæmis, ef þú hefur 10 smámyndastærðir, mun hagræðing einnar myndar leiða til þess að 11 myndir verði hagræddar (upprunalega myndin og 10 smámyndir), sem allar teljast til kvótans þíns.
• Færa frá kvóta miðað við upphaflega skráarstærð.Til dæmis, ef þú hleður upp 100 KB mynd á Imagify, verður 100 KB dregin frá kvóta þínum.
• Að breyta þjöppunarstigi og endurbestnýja mun aftur eyða af kvótanum.。
• Einn API-lykill má nota á mörgum vefsíðum, en kvótinn er sameiginlegur þeim öllum.

Þetta er kjarnaaðferð Imagify:
Þetta er frekar eins og gagnapakki: því meira sem þú hleður upp, því meira gögn notar það; því fleiri smámyndir sem þú býrð til, því meira gögn notar það; og ef þú þjappar skrárnar aftur og aftur, mun það nota gögn aftur og aftur.

Einfalt dæmi um kvóta hjá Imagify

Segjum að þú hleð upp frummynd sem er 800 KB, og vefsíðan býr til átta smámyndir.

• Þegar hagrætt er með Imagify eru bæði upprunalega myndin og átta smámyndir innifaldar (ef þú velur “Hagræða allt”), sem þýðir að þessi aðgerð mun nota upp kvóta sem nemur næstum heildarstærð allra þessara skráa.
  Þess vegna komast sumar síður að því að “20MB”-kvóti þeirra klárast fljótt: það er ekki vegna þess að Imagify sé ekki nægilega öflugt, heldur vegna þess að myndirnar sem þú hleður upp eru of stórar, þú ert að búa til of marga smámyndir og gætir líka verið að prófa mismunandi þjöppunarstig aftur og aftur.

Algengustu gildrur með Imagify

1. Ókeypis 20MB dugar ekki til að framkvæma “hreinsun alls síðusögu”
   20MB hentar almennt betur til prófana og smávægilegra uppfærslna; ef miðlasafnið þitt er þegar stórt, mun hreinsa það allt í einu líklega krefjast uppfærslu.
2. Endurteknar stillingar á þjöppunarstigi leiða til þess að kvótinn klárast aftur og aftur.
   Imagify: Skýr skýringEndurbestun mun aftur nota kvótann.
   Við mælum með að þú skilgreinir “stefnuna” skýrt á þessari síðu:

• Byrjaðu á að nota fáar myndir til að ákvarða þjöppunarstigið og sjónræna gæði.
• Þegar stefnan hefur verið endanlega mótuð, keyrðu hana í lotum.
  Forðastu tilraunir og villur í allri gagnagrunninum.

3. Að deila einni API-lykli yfir mörgum síðum veldur því að kvótar dregjast dularfullt saman.“
   Ef þú notar sama API-lykilinn á mörgum vefsíðum, verða kvótarnir deilt.
   Þess vegna er best í teymis- eða fjölstaðarverkefnum að skýra hvaða staðir deila auðlindum og hvaða starfa sjálfstætt, til að forðast að farið sé yfir fjárhagsáætlun.

---

3.2.3 LitliPNG(Smáþjappaðar myndir): 500 ókeypis inneignir á mánuði; umbreyting í WebP/AVIF kostar aukið gjald upp á 1 inneign fyrir hverja stærð.“

Fríar undanþágur og hvernig þær eru reiknaðar

Síðan fyrir TinyPNG WordPress-viðbótina er skrifuð mjög skýrt:

• 500 ókeypis inneignir á mánuði
• Í venjulegri WordPress-uppsetningu geturðu líklega þjappað. Um það bil 100 myndir á mánuði
• Hins vegar, ef AVIF- eða WebP-umbreyting er virkjuð:Hver myndastærð kostar einn auka inneign., svo ég geri ráð fyrir að eini kosturinn sé að þjappa því og umbreyta því. Um það bil 50 myndir á mánuði(Fer eftir því hversu margar smámyndastærðir þú hefur.)

Á sama tíma hefur Tinify (þróunaraðili TinyPNG og TinyJPG) einnig Verðlagsíða APIVinsamlegast athugið: Skráðu þig til að fá 500 ókeypis þjöppanir á mánuði; þegar þessu hámarki er náð verður þér rukkað miðað við fjölda árangursríkra þjöppana, án skyldubundinnar áskriftar.

Til að draga saman hvernig TinyPNG virkar í einu setningu:
Þetta er reiknað í inneign; því fleiri smámyndastærðir sem þú notar og því meira sem þú virkjar WebP/AVIF, því hraðar klárast inneignin þín.

Auðskiljanlegt dæmi um TinyPNG-inneignir

Gerum ráð fyrir að vefsíðan þín bjóði upp á átta smámyndastærðir fyrir hverja mynd:

• Aðeins þjöppun: Upprunalegt mynd + 8 smámyndir → 9 inneignir krafist
• Ef WebP/AVIF-umbreyting er virkjuð: verður tekið auka gjald fyrir hverja stærð → þetta getur næstum tvöfaldað heildarupphæðina
  Þetta samsvarar lýsingunni á viðbótarsíðunni: þegar umbreyting er virkjuð breytist ókeypis kvóti úr um það bil “100 á mánuði” í “50 á mánuði”.

Algengustu gildrur með TinyPNG

1. Ég hélt að 500 einingar þýddu 500 myndir.
   Nei. Það er rukkað fyrir hverja myndastærð/myndvalkost. Á viðbótarsíðunni kemur skýrt fram að umbreytingin kosti 1 inneign í viðbót fyrir hverja myndastærð.
2. Þema-/netverslunarviðbótin býr til of margar myndastærðir, og ókeypis kvóti hefur minnkað verulega.
   Því fleiri víddir sem eru, því auðveldara er að klára kreditin.
3. Eftir að hafa virkjað umbreytinguna kom í ljós að lánshæfismörk mín kláruðust skyndilega.
   Þetta er ekki villa; þetta er hvernig innheimtukerfið virkar.
   Mælt er með eftirfarandi stefnumótunartillögum:

• Ef frjálsa fasa er aðallega ætlaður til þjöppunar og þyngdartaps, geturðu byrjað á því að beita eingöngu þjöppun. Þegar þú hefur staðfest að vefuppbyggingin sé stöðug og að þú þurfir í alvöru næstu kynslóð, geturðu þá hafið umbreytinguna.

4. Mælingar eftir senaríóum: Hvernig á að velja fyrir mismunandi tegundir vefsíðna

Þó að þau noti öll WordPress, eru “vandamál tengd myndum” mismunandi á efnisvefsíðum, netverslunarvefsíðum, verkefnasöfnum og meðlimavefsíðum.

4.1 Innihaldsvefir/blogg (með fjölda mynda og greina, með hóflegri uppfærslu tíðni)

Forgangsráðleggingar:

1. Stærðarákvörðunarstefna (Skref 1)
2. Þjöppun (Skref 2)
3. WebP (Skref 3)

Hentugri leið:

• Ef þú vilt lausn án fyrirhafnar: veldu eina af þremur í valkosti B (ShortPixel / Imagify / TinyPNG)
• Ef þú vilt ókeypis valkost: Leið A (Plus WebP + EWWW), en við mælum með að byrja á “Varfærnisstillingu (eyða ekki upprunalegu myndunum)” til að meta áhættuna fyrst.

Algengir gildrur:

• Hausmyndin á greinasíðunni er mjög stór og letilokuáætlunin er illa innleidd.Það mun hægja á fyrsta skjánum.

4.2 Netverslunar- og vörusíður (með fjölda smámynda og myndavalkosta; stöðugleiki er í fyrirrúmi)

Algengustu vandamálin í netverslun eru ekki sú að þjöppunargæðin séu slæm, heldur frekar sú að ákveðnar víddir séu rangar eftir fínstillingu, smámyndir vantar eða framsíðuþættir geti ekki sótt myndirnar.

Forgangsráðleggingar:

1. Byrjaðu varlega: beittu varfærnri þjöppunarstefnu; skiptu ekki út allri gagnagrunninum strax.
2. Mat á stærðum smámynda: Netverslunareiningar búa venjulega til fleiri stærðir, sem getur aukið gagnanotkun verulega (þetta er sérstaklega áberandi með ShortPixel og TinyPNG).
3. Framkvæmdu fyrst smáprófun, og dreifðu síðan til víðari hóps (þetta er algjörlega nauðsynlegt)

Hentugri leið:

• Valmöguleiki B er yfirleitt vandræðalausi kosturinn: ShortPixel, Imagify og TinyPNG styðja öll lotuvinnslu; lykilatriðið er að skilja kvótakerfið og meta kostnaðinn fyrirfram.
• Valmöguleiki A er einnig ásættanlegur, en þú ættir að sýna aukna varúð varðandi hegðun Plus WebP við að “yfirskrifa auðkenni, eyða upprunalegum myndum og skipta út vefslóðum”: þar sem þetta felur í sér eignaflutning er ekki ráðlegt að framkvæma fulla endurnýjun strax.

4.3 Verkasöfn/ljósmyndavefir (þar sem myndgæði eru afgerandi, skrár eru stórar og sjónræn aðdráttarafl er í fyrirrúmi)

Forgangsráðleggingar:

1. Stærðarstjórnunarstefna (stjórnun sýningarsvæðis)
2. Þjöppunarstefna (betra er að hafa örlítið stærri skrá en að missa smáatriði)
3. WebP/AVIF (kostirnir eru skýrir fyrir stórar myndir, en sjónræn gæði þarf að staðfesta)

Hentugri leið:

• ÍmyndagerðÞar sem kvótinn er dreginn frá miðað við “upprunalega myndastærð”, gerir þessi tegund vefsíðu það auðveldara að halda kostnaði undir stjórn (þú veist að nokkru leyti hvað hver stór mynd kostar), en þú ættir að forðast að endurkompressera þær aftur og aftur.
• ShortPixelEf ekki eru of margar smámyndastærðir er auðvelt að halda utan um kreditnotkunina; hins vegar, ef þú býrð til mörg stærðarútgáfur auk næstu kynslóðarútgáfa, mun kreditnotkunin aukast verulega, svo þú þarft að skipuleggja fyrirfram.

5. Kvóti vs. gjaldtaka: Nákvæm skoðun á því hvort ókeypis leyfilegt magn sé nægjanlegt

Hvor býður upp á betri verðgildi fyrir peningana, og hversu lengi mun ókeypis prufan gilda?

5.1 Þrír reikningslíkön

• ShortPixel(Að þakka)Einingar eru reiknaðar út frá “upprunalegu myndinni auk fjölda smámynda”; við myndun WebP/AVIF-skráa bætist við auka gjald fyrir hverja viðeigandi útgáfu.
• Ímyndagerð(MB kvóti): Kvóti er dreginn frá miðað við “upprunalega skráarstærð”; því fleiri smámyndir sem eru, því meiri kvóti er notaður; endurþjöppun mun leiða til frekari frádráttar á kvóta.
• LitliPNG(Að þakka)500 einingar á mánuði; virkjun WebP/AVIF-umbreytingar krefst aukagjalds fyrir hverja myndastærð.

5.2 Aðferðir til hraðrar áætlunar

Þú getur áætlað það svona:

1. Veldu hvaða “upprunalega mynd sem þú hleður oft upp” sem er og athugaðu áætlaða stærð hennar (t.d. 300KB / 1MB / 3MB)
2. Það fer eftir því hversu mörg smámyndastærðir vefsvæðið þitt býr venjulega til (t.d. 5, 10 eða 20)
3. Ákveðið hvort þið viljið búa til WebP/AVIF (Já/Nei)

Notaðu síðan “hugreikninginn” hér að neðan til að skilja neysluna:

• ShortPixelFyrir hverja mynd eru um það bil 1 + fjöldi smámynda tilvísanir; ef WebP/AVIF er búið til, er það um það bil tvöfalt (þar sem næstu kynslóðarútgáfur krefjast einnig tilvísana).
• ÍmyndagerðKvóti fyrir hverja mynd er um það bil (upprunaleg myndstærð + heildarstærð allra smámynda); breyting á þjöppunarstigi og endurþjöppun myndarinnar mun leiða til frekari frádráttar af kvótanum.
• LitliPNG500 ókeypis einingar; ef vefsíðan þín framleiðir marga myndastærðir fyrir hverja mynd og myndbreyting er virkjuð, mun fjöldi ókeypis mynda minnka verulega (viðbótarsíðan gefur grófa áætlun um “um 100 á mánuði” og “um 50 á mánuði”)

6. Áhættuatriðaupplýsingar

Áhætta 1: Forðastu að margir viðbætur sinni sama verkefni

Þetta er algengasta “uppspretta hamfaranna”

• Leið A:Auk WebP eða AVIF + EWWW(Skiptið verkefnunum á milli ykkar tveggja; framkvæmið hvorki umbreytingu og afhendingu samtímis né setjið upp aðeins annað hvort)
• Valmöguleiki B: ShortPixel / Imagify / TinyPNG Veldu einn af þremur(Veldu einn til að sjá um þjöppun og næstu kynslóð)

Áhætta 2: Auk þess fela aðgerðir WebP “Endurskrifa auðkenni / Eyða upprunalegu myndinni / Skipta út vefslóðinni” í sér eignaflutning.

Til að endurtaka:Auk þess WebP Lýsingin segir skýrt að á meðan á fullri kynslóð stendur verði upprunalegt myndauðkenni skrifað yfir, upprunalegt skráarverið eytt og innihalds-URL-ið skipt út.
Þetta þýðir að þetta er ekki “smávægileg breyting sem hægt er að afturkalla hvenær sem er”, heldur breyting á eignarstigi.

Mælt er með eftirfarandi stefnu:

• Byrjaðu á litlu umfangi prófi (fá tugi til nokkurra hundruða)
• Staðfestu að framsýning, smámyndir og uppfærslur á skyndiminni virki rétt.
• Íhugaðu að vinna úr allri gagnagrunninum.

Áhætta 3: Raunveruleg notkun “ókeypis kvóta” fyrir skýþjöppun fer eftir fjölda smámynda og vali á næstu kynslóð valkosta.

• ShortPixelSmámyndir og næstu kynslóðar eiginleikar munu hafa veruleg áhrif á lokaáritunina.
• LitliPNG: Að virkja WebP/AVIF mun leiða til aukinnar inneignarfrádráttar fyrir hverja myndastærð
• ÍmyndagerðGjöldin byggja á upprunalegri stærð myndarinnar; því fleiri smámyndir sem eru, því hærra gjald; endurteknar niðurhal fela í sér aukagjöld.

Áhætta 4: “WebP/AVIF hefur verið búið til” þýðir ekki “að framsíðan sé að afhenda WebP/AVIF”

Margir telja að vefsíðan þeirra hafi ekki orðið hraðari eftir umbreytinguna; rót orsakasambandsins er sú að framhliðin er enn að afhenda JPG/PNG-skrár (vegna ósamræmis í einhverju af eftirfarandi: skyndiminni, endurskrifun, merkimiðum eða vafraviðræðu).

7. Hvernig á ég að athuga hvort það hafi tekið gildi eftir að ég er búinn?

4 mjög einföld athugunarpunktar:

1. Þegar sama síðan er endurnýjuð í annað sinn, er hleðsluferlið stöðugra og hraðara?(Hversu áberandi eru áhrif skyndiminningar og fínstillingar?)
2. Er áberandi munur á stærð mynda sem hlaðast á farsímum og skjáborðstölvum?(Skilvirkt srcset/stærðir (hvort það virki)
3. Athugaðu handahófskennt nokkrar myndir: eru þar WebP- eða AVIF-skrár eða auðlindir?(Er vefsvæðið raunverulega að nota næsta kynslóð）
4. Skoðaðu nokkrar myndir: stækkaðu þær til að sjá hvort þær séu áberandi óskýrar eða hvort textinn virðist óskýr.(Er þjöppunin of sterk?)

Ef öll fjögur þessi skilyrði eiga við, þýðir það að leiðin sem þú hefur valið er þegar komin í gagnið. Færðu þig svo áfram að CDN “Afhendingarlag”...það verður almennt stöðugra.

8. Tillögur að aðgerðum

1. Fyrst skaltu velja leið:

• Mig langar að halda því eins frjálsu og mögulegt er.: Auk þess WebP eða AVIF + EWWW (eða setja upp aðeins annan þeirra)
• Viltu spara netþjónauðlindir? Að greiða eftir notkun er vandræðalaust.Veldu einn af ShortPixel, Imagify eða TinyPNG

2. Byrjaðu á litlu umfangi prófi (fáein tugir)
3. Athugaðu að allt sé í lagi áður en unnið er í lotum.
4. Áreiðanleiki afhendingar þarf að bæta enn frekar:Lesa CDN hröðun

Algengar spurningar

1. Hversu marga viðbætur ætti ég að setja upp? Get ég sett þær allar upp?

Reyndu að halda þig við eina leið.

• Valmöguleiki A: Plus WebP eða AVIF + EWWW Image Optimizer (eða setja upp aðeins annan hvor)
• Valmöguleiki B: Veldu einn af ShortPixel, Imagify eða TinyPNG
  Að keyra marga viðbætur á sama vefsvæði til að framkvæma þjöppun, umbreytingu í WebP eða AVIF, breytingu á URL og endurskrif afhendingar er öruggasta leiðin til að skapa ringulreið og erfiðasta að greina og laga.

2. Styður WordPress ekki nú þegar WebP/AVIF? Þarf ég samt viðbót?

Það er mikilvægt að greina á milli:
“Stuðningur við upphlekk/notkun ≠ sjálfvirk umbreyting/sjálfvirk afhending
WordPress 6.5 mun ekki sjálfkrafa umbreyta núverandi JPG/PNG-skrám í WebP/AVIF í stórum stíl, né mun það sjálfkrafa sjá um alla vinnsluna við að afhenda AVIF/WebP út frá vaframöguleikum og falla aftur á upprunalega sniðið. Til að tryggja að núverandi fjölmiðlasafn þitt verði einnig uppfært þarftu yfirleitt að nota viðbót eða þjónustu til að fylla í eyðurnar.

3. Þegar kemur að myndabestun, hvaða skref skilar raunverulega hæsta arðsemi fjárfestingar?

Venjulega Fáðu víddirnar réttar fyrst (srcset/sizes)。
Margir vefir eru hægir, ekki vegna þess að þeir hafi ekki verið þjappaðir, heldur vegna þess að þeir birta síðu sem er aðeins 900 px á breidd en neyða notendur til að sækja upprunalega 3000 px myndina. Þjöppun getur sparað nokkur kílóbæti, en “rangar víddir” leiða til þess að þú sækir margfalt meiri gögn án nokkurs góðs ástæðu.

4. Hvernig get ég verið viss um að “minni útgáfan” sé hlaðin, frekar en upprunalega myndin?

Íhugaðu tvö fyrirbæri:

• Þegar skoðað er á farsíma eru niðurhálkuðu myndirnar áberandi minni en á skjáborðstölvu.
• Skráarstærð sömu myndar er mismunandi eftir því á hvaða tæki hún er hlaðin.
  Ef myndir eru alltaf sóttar í upprunalegu stærð sinni, er það oft vegna þess að þemað eða síðugerðartólið meðhöndlar myndina sem CSS-bakgrunnsmynd eða sérsniðna úttak, og sniðgangar þannig stuðning miðlasafnsins við margar stærðir og `srcset`-eiginleikann.

5. Þýðir “WebP/AVIF generated” endilega að framhliðin sé að búa til WebP/AVIF?

er ekki jafngilt
Myndun er aðeins fullgerð á skráarstigi; hvort WebP/AVIF er raunverulega afhent framenda veltur á þáttum eins og endurskrifun, `picture`-merki-stefnu, hvort skyndiminni sé notað og hvort vafraviðræður skili árangri. Þegar þú hefur lokið skaltu gera skyndskoðun á auðlindartegundum nokkurra mynda.

6. Hvað eru nákvæmlega áhætturnar sem tengjast WebP eða AVIF? Get ég keyrt eina smellskoðun yfir alla gagnagrunninn?

Áhættan liggur ekki í “þjöppun”, heldur íBreytingar á stigum eignaflutninga：

• Þegar búið er til heildarsettið geta auðkenni upprunalegu myndaskránna verið skrifuð yfir, upprunalegu skrárnar geta verið eytt og vefslóðir í efninu geta verið skipt út.
  SvoVið mælum ekki með að skipta út allri gagnagrunninum strax.Byrjaðu á litlu umfangi prófi (fá tugi til nokkurra hundruða skráa) og vertu viss um að þú hafir virka afritun áður en þú heldur áfram með alla gagnagrunninn.

7. Hvernig á ég að velja á milli tveggja hamma í Plus WebP: að halda upprunalegu myndinni eða að skipta henni út og eyða upprunalegu myndinni?

Í einföldum orðum:

• Valmöguleiki 1: Geymdu upprunalegu myndina + búðu til WebP/AVIF-afrit (áreiðanlegra)Auðvelt er að snúa því við, en það tekur meira diskapláss (upprunalegt myndaskrá + nýtt snið + margar smámyndastærðir).
• Aðferð 2: Skipta út og eyða upprunalegu myndinni (meira róttækt)Diskurinn er ekki viðkvæmur fyrir útþenslu, en ef þú breytir eignum og tilvísunum verður bilanaleit vegna samrýmanleika dýrari.
  Því flóknari sem vefsvæðið er (rafræn verslun, margir viðbætur, mismunandi stærðir), því meira mælum við með að hefja með stöðugri nálgun.

8. Er ókeypis staðbundin þjöppun sem EWWW Image Optimizer býður upp á nægjanleg? Getur hún yfirhlaðið netþjóninn?

EWWW er frekar eins og staðbundið þjöppunartæki: það neytir CPU/IO.
Það er algengt að álag aukist við lotubestun; það þýðir ekki að kerfið sé að “bila”, heldur að nálgunin þurfi að vera rétt: vinna í lotum utan háannatíma og velja að afhenda vinnu eða nota skýjalausnir þegar þess þarf.
Ef þú ert að leita að lausn án flækjustigs, eða ef netþjónauppspretta þínar eru takmarkaðar, er valkostur B hentugri fyrir netþjóninn.

9. ShortPixel býður upp á 100 ókeypis inneignir á mánuði, svo af hverju finnst mér þær vera uppurnar eftir aðeins nokkrar myndir?

því “Credits” vísar ekki til 'fjölda mynda', verður stækkað með smámyndum og næstu kynslóð:

• Upprunalegt mynd + kredit fyrir hverja smámynd
• Ef WebP/AVIF-skrár eru búnar til, mun hver viðeigandi útgáfa kosta auka inneign.
  Svo það sem þú gætir haldið að sé “ein mynd” gæti í raun notað næstum “tvístafa einkunn”. ShortPixel

10. Hvers vegna klárast ókeypis 201 TP234T á mánuði hjá Imagify svo fljótt?

Imagify er frekar eins og “gagnapakki”:

• Samkvæmt skilaboðum þínumUpprunaleg stærð skráardraga frá kvótanum
• Því fleiri smámyndir sem eru, því meiri auðlindanotkun.
• Að breyta þjöppunarstigi og endurbestnýja mun aftur eyða af kvótanum.
• Einn API-lykill má nota á mörgum vefsvæðum, með sameiginlegum kvótum.
  Skilaboðin “20MB munu klárast fljótlega” koma oft fram vegna þess að myndir eru of stórar, of margar smámyndir eða endurtekinnar tilraunar og villna.

11. TinyPNG býður upp á 500 ókeypis inneignir á mánuði, svo af hverju segir viðbótin að aðeins séu um 100 myndir á mánuði, og af hverju lækkar þetta í 50 myndir á mánuði eftir að WebP/AVIF er virkjað?

Þetta er vegna þess að TinyPNG-einingarnar eru einnig stækkaðar í kaflanum “Stærðir/Breytur”:

• Staðlað WordPress-uppsetning þjappar venjulega um 100 myndir á mánuði.
• Kveikja á AVIF- eða WebP-umbreytingu:Hver myndastærð kostar einn auka inneign., svo ég get líklega aðeins þjappað og umbreytt um það bil 50 myndum á mánuði (fer eftir fjölda smámyndastærða).
  Þannig að 500 einingar jafngilda 500 myndum.

12. Hversu margar smámyndir eru á vefsíðunni okkar? Hvers vegna hafa þær svona mikil áhrif?

Þegar mynd er hlaðin upp í WordPress bætast við margar stærðir; þemu og viðbætur (sérstaklega netverslunarviðbætur) geta bætt við fleiri stærðum.
Með skýjþjöppun eru inneignir eða kvótar venjulega reiknaðir út frá heildarstærð upprunalegu myndarinnar og smámynda hennar, svo því fleiri smámyndir sem eru, því hraðar klárast fríheitið.

13. Eykur letilæsing alltaf hraðann? Hvers vegna segja sumir að letilæsing hægi í raun á hlutunum?

Letjálgjafarm er hentugur fyrir auðlindir sem eru utan skjásins.
Ef stærsta myndin á fyrstu skjánum seinkast líka, getur það hægjað á upphaflegri hleðsluupplifun. Þó að sjálfgefin letjandi hleðsla í WordPress 5.5 og nýrri sé í lagi, ættir þú ekki að beita henni alls staðar.

14. Hvenær þarf ég CDN / Image CDN ef ég tek leið A eða B?

Þjöppun, skráarstærð og sniðgerð fjalla um það að gera skrár minni og hentugri;
CDN tryggir hraðari og áreiðanlegri afhendingu。
Þegar töf er veruleg vegna þess að myndir eru sóttar frá fjarlægri upprunþjónustuaðila, bætir við CDN á hverja mynd (t.d. Cloudflare Polish / Jetpack Site Accelerator) almennt stöðugri upplifun og gerir efnið auðlesanlegra. WordPress CDN hraðun。

15. Þegar ég er búinn, hvaða auðveldasta leið er til að athuga hvort það virki í raun?

Fljótlegasta leiðin til að staðfesta:

• Þegar sama síðan er endurnýjuð í annað sinn, er hleðsluferlið stöðugra og hraðara?
• Er áberandi munur á myndastærð milli farsíma- og skjáborðsútgáfu (er srcset/sizes að virka eins og ætlast er til)?
• Athugaðu handahófskennt nokkrar myndir: eru þar WebP- eða AVIF-skrár eða auðlindir?
• Skoðaðu nokkrar myndir: stækkaðu þær til að sjá hvort þær séu áberandi óskýrar eða hvort textinn virðist óskýr.