Ottimizzazzioni di l'immàggini dû situ web

L'ottimizzazzioni dî mmàggini è unu dî aspetti cchiù vantaggiosi pi la prestazioni di WordPress: cu la stissa struttura di pàggina e lu stissu tema, basta adattari la misura dû file dâ mmàggini, li dimensioni, lu formatu e lu mètudu di cunsegna giusti pi spissu purtari subitu a nu miglioramentu di li tempi di caricamentu.

Però, l'ottimizzazzioni di l'immàggini è puru lu campu unni è cchiù facili finiri pi fari un casinu; la raggiuni nun è ca la tecnoluggìa è troppu difficili, ma ca l'infurmazzioni sunnu troppu frammentati:
Hai lettu quarchi articuli e hai amparatu di “compressioni”, “WebP/AVIF” e “lazy loading”, ma poi guardi la discrizzioni dû plugin e ci dici “100 crediti gratuiti ô misi”, “20MB gratuiti” e “1 creditu pi ogni mmàggini”—e cchiù leggi, cchiù ti cunfùnniri. È veru ca stu limitu gratuitu basta? Comu si detràgginu i spisi? Forse hai caputu mali “a stissa cosa”? E, sopratuttu:Funziunau veru quannu avivi finutu?

Stu articulu fa sulu tri cosi:

1. Eccu un cunsigghiu pràticuMappa dâ strata(Chi fari prima, chi fari dopu)
2. Pi favuri spiega 'n dettagghiu l'opzioni ca stai cunsidirannu (chi distingue esattamenti la versione gratuita di chidda a pagamentu e pi cu è cchiù adatta)
3. Eccu li trappuli cchiù cumuni, elencati in anticipu (accussì nun hai a pirdiri tempu a circalli e risòlviri li prubblemi doppu ca hai finutu)

1. Li basi: chiddu ca WordPress porta cu iddu, e chiddu ca nun porta

Si nun capisci prima chiddu ca lu core di WordPress già ha fattu, si ponnu prisintari dui situazzioni:

• Inveci di aduprari li capacità gratuite ca avemu a disposizioni, avemu sprecatu tempu e dinari pi rinventari la rota.
• Pensava ca WordPress avissi cunvertutu automaticamenti tutti li vecchi mmàggini in WebP/AVIF, ma si scopri ca nun lu fa.

U còdici còr di WordPress già include sti funziunalità principali:

• Immàggini rispunzìvi (srcset/sizes)Di WordPress 4.4 'n poi, lu core produrrà mmàggini srcset 与 sizes... e usa li mmàggini di diversi formati generati duranti l'upload pi permettiri ô navigaturi di scegliri e carricari li risorsi cchiù adatti secunnu li cundizioni dâ schermata.
• Caricamentu pigru nativuDi WordPress 5.5 'n poi, u caricamentu pigruni nativu è attivatu di difettu pi li mmàggini, utilizzannu li standard HTML. loading Implementazzioni di prupietà.
• Supporta l'upload di WebPDi WordPress 5.8 'n poi, poi carricari e usari li file WebP ntô stissu modu di li JPEG e li PNG (a cundizioni ca lu tò ambienti di hosting supporta WebP).
• Supporta l'upload di AVIFDi WordPress 6.5 'n poi, i file AVIF ponnu èssiri carricati e usati ntô stissu modu di li file JPEG e PNG (a secunna dû supportu dû ambienti di hosting).

Pi favuri, nota però:
“Supportu pi carricari/usari ≠ cunversioni automatica/spedizioni automatica
In autri palori: puru si già usi WP 6.5, i file JPG/PNG ntâ tò librìa di media nun si cunvertinu automaticamenti in WebP/AVIF; e mancu avrai automaticamenti tutta la funziunalità di “generari AVIF/WebP secunnu li capacità dû navigaturi e, pi chiddi ca nun li supportanu, turnari all'immàggini urigginali”—sta parti di solitu richiedi un plugin o un serviziu pi cupriri stu vacanti.

2. Mappa stradali: na guida in 5 passi pi l'ottimizzazzioni di l'immàggini

Chi fari, picchì, chi cunsitituisci un passu, e quali sunnu li trappuli cumuni.

2.1 Prima aggiusta giustu li “diminsiuni” (la cosa cchiù facili a trascurari, ma chidda ca porta li cchiù granni benefici)

Assai siti web sunnu lenti, nun picchì nun sunnu stati ottimizzati, ma picchìHai scaricatu n'immàggini ca è assai cchiù granni di l'area di visualizzazioni.：
Pi esempiu, si na pàggina è veramenti larga sulu 900px ma fai scaricari ai visitaturi l'immàggini urigginali di 3000px, u navigaturi semplicimenti la scarica e poi la riduci pi mustralla. Chistu spreca banda, aumenta u tempu di decodifica e rallenta u carricamentu dâ prima schermata.

Pi WordPress 4.4 e versioni cchiù noviMeccanismu di mmàggini rispunziva（srcset/sizes) fu disignatu precisamenti pi risòlviri stu prubblema.

Chi cunsitituisci un passu:

• Quannu la pàggina si apri supra nu dispusitivu mùbbili, l'immàggini scaricati avissiru a èssiri visìbbilmenti cchiù nicareddi rispettu a chiddi supra nu computer.
• La misura dû file dâ stissa mmàggini varia secunnu lu dispusitivu (inveci di scaricari sempri l'immàggini urigginali)

Li trappuli cchiù cumuni:

• Certi temi o custrutturi trattanu li mmàggini comu mmàggini di sfunnu CSS o li rapprisèntanu in modu persunalizzatu, chi pò aggirari srcset, facennu ca l'immàggini granni cuntìnua a caricàrisi
• Si usi servizî esterni pi l'hosting di mmàggini o blocchi di mmàggini di terzi, putissi aggirari u sistema di dimensioni multiple generatu dâ librerìa di media.

---

2.2 Cumpressioni (riducennu la dimensioni dû file senza compromittiri la qualità)

L'essenza dâ compressioni nun è ca “cchiù nicu è megghiu”, ma ca “a diffirenza è appena visìbbili a l'occhiu nudu, eppuri a tagghia dû file è ridutta significativamente”.

Li règuli sunnu comu seguinu:

• Fotugrafii/Scatti di vita vera (ritratti, prudutti, paisaggi): Priorità a la cumpirissioni cu perdita (massimu vantaggiu)
• Screenshot/immàggini ca cuntenunu assai testuUsa na impostazzioni di compressioni cchiù cunservativa pi evitari di sfucari u testu
• Logu/Icona: Priurità l'SVG o usa la cumpressioni senza perdita cu cura (la cumpressioni cu perdita pò facilmenti causari bordi sfucati)

Chi cunsitituisci un passu:

• Li dimensioni di li file di la maiuranza di li mmàggini di pàggina su stati ridotti significativamente.
• Nenti rumuri notèvuli, bordi sfucati, striature di culuri o testu sfucatu

---

2.3 WebP / AVIF (Pulìtica di furmatu: dimensioni dû file cchiù nicareddi pi lu stissu liveddu di chiarezza)

WordPress ora supporta l'upload di file. WebP (5.8) e AVIF (6.5)。
Però, pi mettiri “u formatu di prossima ginirazzioni ”n usu praticu, di solitu ci vonnu risòlviri dui prubblemi:

1. Comu cunvirtiri in massa la biblioteca media storica(Sinnò, ottimizzerai sulu li “immàggini novi ca sarannu caricati nta lu futuru”)
2. Duvissi criari na copia o rimpiazzari l'immàggini urigginali?(Chistu è un puntu criticu; cci cuncentreremu cchiù tardu supra la funzione “sustituisci e cancella l'originali” di Plus WebP.)

Approccu cunsigghiatu:

• WebP: giniralmenti la scelta predefinita (offri na cumpatibilità cchiù affidàbbili)
• AVIF: Un furmatu di cumpirissioni cchiù avanzatu, adattu pi mmàggini granni, mmàggini granni ntâ prima schermata, e mmàggini di galleria (ma cchiùDipinnenti dû sustegnu ambientali）

---

2.4 Usa u caricamentu pigru comu si deve (evita un approcciu unu-misura-pi-tuttu)

Di WordPress 5.5 'n poiCaricamentu pigru predefinituImmàggini
Riduci l'usu dâ larghezza di banda duranti u rendering iniziali:

• U caricamentu pigru è adattu pi risorsi fora di schermu.“
• La granni mmàggini 'n cima â pàggina (ca spissu è la cchiù mpurtanti ntâ prima schermata) giniralmenti nun è adatta pi u caricamentu differitu.

---

2.5 Livellu di cunsegna: CDN / Immàggini CDN

Compressioni, dimensioni dû file e furmatu servunu tutti pi fari i file cchiù nicareddi e cchiù adattati.
Però, si l'immàggini vennu sempri ricugghiuti di nu server di urìggini a distanza, la latenza dâ reta avrà sempri n'impattu significativu supra l'esperienza d'usuariu. In sti casi, è nicissaria na suluzzioni di “livellu di cunsegna” (CDN/image CDN).

Dui approcci tipici:

• Cloudflare Polonìa：Documentazzioni di CloudflareSta sezzioni prisenta li mètudi di cumpressioni dispunìbbili in Polacu (senza perdita, cu perdita e WebP), e menziona l'usu di format=auto Li formati WebP e AVIF sunnu permessi.
• Acceleraturi dû situ Jetpack：Documentazzioni dû JetpackChistu significa ca ottimizzerà li mmàggini e li distribbuirà attraversu la so reta nzèmula cu li risorsi statici.

L'ottimizzazzioni di l'immàggini assicura ca l'immàggini vennu ridotti di diminsioni e ridimensionati comu si deve.CDN: Furnennu cchiù vicinu e cchiù affidabbilmenti

3. Scelta dû percorsu: Segui sulu li dui percorsi principali

L'errore cchiù cumuni ntâ ottimizzazzioni dî mmàggini nun è “nun installari un plugin”, ma installari troppi plugin, chi porta a prucessamentu duplicatu:
A sta cumpremmennu, B sta cumpremmennu puru; A sta cunvirtiennu a WebP/AVIF, B sta facennu lu stissu; A sta canciannu l'URL, B sta facennu riscritturi di l'URL—a fini, mancu tu poi capiri chi succedi veru cu stu situ.

Règuli:

Statti a na sula via: o archiviazioni lucali cumplitamenti gratuita, o una di li tri opzioni di compressioni nnâ nuvola.

• Rotta A (trasportu lucali tuttu gratuitu):In più WebP o AVIF + EWWW Image Optimizer(o scegghìri sulu unu)
• Opzioni B (Scegghi unu di tri mètudi di cumpressioni di nuvuli):ShortPixel / Imagify / TinyPNG

---

3.1 Opzioni A: Ospitalità lucali cumplitamenti gratuita (Plus WebP o AVIF o EWWW)

Li carattirìstichi principali di sta strata sunnu:

• Nun ti basi supra servizi di compressioni di terzi ca fannu pagari cu na quota mensili o a ogni file (ancu si certi funzioni ponnu essiri dispunìbbili comu servizi opzziunali)
• U compromissu è ca l'elaborazzioni a lotti pò mettiri un caricu cchiù pisanti supra u server (1 TP pi 205 T/IO), facennu bisognu di stari cchiù attenti a “strategia e risicu”.”

3.1.1 In più WebP o AVIFU cuncettu principali è “generazzioni/sustituzzioni”; nun è nu “arnesi di compressioni” ntô sensu tradizziunali.”

• Quannu si genera l'insiemi cumpletu di mmàggini:L'ID dû file d'immàggini urigginali sarà supirscrittu dû file WebP/AVIF, lu file urigginali sarà cancellatu, e ogni URL ntô cuntenutu sarà puru rimpiazzatu.。
• U plugin furnisci cumanni WP-CLI e cunsigghia ca WP-CLI è cchiù affidàbbili quannu si tratta di un gran numaru di file.

Chistu significa: nun genera semplicimenti “in silenziu un file WebP pi tia”, ma putissi èssiri unTrasferimentu di beni(soprattuttu quannu attivi l'opzioni “Rimpiazza e cancella l'uriginali”)

La diffirenza tra i dui modi

Opzioni 1: Teni l'immàggini urigginali + ginera còppii WebP/AVIF (cchiù affidàbbili)

• Vantaggiu: È cchiù facili turnari arreri si nasciunu prubblemi di cumpatibilità.
• Svantaggiu: L'usu dû discu crisci (immàggini urigginali + novu furmatu + parechji dimensioni di miniatura)

Metudu 2: Rimpiazzari e cancellari l'immàggini urigginali (cchiù radicali)

• Vantaggi: U discu nun si chieni accussì prestu; i ligami interni vennu cunvirtuti automaticamenti ô novu furmatu.
• Rischiu: Si mudìficati sia l'assi sia li so rifirenzi, risòlviri li prubblemi di cumpatibilità sarà cchiù caru (soprattuttu si certi sistemi esterni o la lòggica dû tema si basanu supra li nomi di file, li percorsi o li formati originali).

Trappuli cumuni cu WebP o AVIF

1. Doppu aviri fattu na rimpiazzu tutali dâ librerìa, li mmàggini 'n certi pàggini si vidunu sbagghiati.
   La causa di solitu nun è ca l'immàggini è rumputa, ma ca quarchi cosa è jita stortu “nta la catina—comu nu cambiamentu di URL, lu caching o la pulìtica di thumbnail.
2. Chiù ci sunnu miniaturi, cchiù granni è la portata di li canciamenti.
   Caricannu n'immàggini supra WordPress genera diversi formati; i temi e i plugin ponnu aghiunciri ancora cchiù. Na rimpiazzu tutali significa ca putissi stari mudificannu na massa assai granni di file.
3. Fari sulu na cunversioni di furmatu nun porta necessarîamenti â tagghia dû schedariu cchiù nicaredda.
   I file WebP e AVIF su giniralmenti cchiù nicareddi, ma li strategie di dimensionamentu e di compressioni ristanu cruciali. Nun trattari Plus WebP comu na suluzzioni a un cliccu pi un caricamentu cchiù veloci.

---

3.1.2 EWWW Image OptimizerUn fornituri principali di compressioni lucali gratuita

La pàggina dû plugin EWWW havi nu scopu assai chiaru:

• Pò ottimizzari l'immàggini supra u tò server usannu na seria di strumenti (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp, ecc.)
• Si hai bisognu di cchiù compressioni o voi risparmiari supra CPU, poi puru spustari lu prucessu ca cunsuma CPU supra lu tò server (opzziunali).

Chi rolu avissi a jucari EWWW nta la Strata A?

Si usi Plus WebP pi na strategìa di migrazioni/sustituzzioni di furmati, allura EWWW è cchiù adattu pi gestiri:

• Compressioni e Ottimizzazzioni dû Vulumi(soprattuttu l'ottimizzazzioni di risorsi grezzi comu li file JPG e PNG)
• Ottimizzazzioni a bloccu dâ mediateca storica(Puntannu a na “riduzzioni dû voluminu” inveci di na “sustituzzioni di l'URL”)

Na tipica trappula cu EWWW

1. U caricu dû server crìscinu duranti l'ottimizzazzioni a bloccu
   Chistu è pirchì la compressioni lucali cunsuma CPU/IO. La suluzzioni nun è di “smettiri di usalla”, ma di “prucessari a gruppi, duranti l'uri di piccu, e optari pi scaricamentu o suluzzioni nnâ nuvuli quannu è nicissariu”.
2. “WebP è statu generatu” nun significa necessarîamenti ca lu front-end sta veramenti sirviannu WebP
   Assai plugin travàglianu sutta la falsa cridenza ca la generazzioni è na cosa sula, mentri li stratiggìi di cunsegna (comu la riscrittura, li tag `picture` e la scadenza dâ cache) sunnu n'autra cosa.
3. Duplica la funziunalità di n'autru plugin
   Si scegghi l'Opzioni A, pruva a evitari l'usu di servizî addiziunali di compressioni nnâ nuvula comu ShortPixel, Imagify o TinyPNG; si scegghi l'Opzioni B, nun abilitari la logica di rimpiazzu in Plus WebP. U principiu fundamentali è:Statti a na sula via d'azzioni.

---

3.2 Opzioni B: Scegghi unu di tri servizi di cumpattazzioni di nuvuli (ShortPixel / Imagify / TinyPNG)

Stu pianu è ideali pi cu voli cunservari risorsi dû server, gestiri lu prucessamentu a gruppi cchiù facirmenti, e si senti a so agiu cu fatturazzioni basata supra l'usu o a pagamentu a consumu.
Però, u puntu cchiù cumuni di malintisu riguardu a la compressioni di li nìvuli è:La franchigia nun è sulu na quistioni di “fogli gratuiti”.U nùmmaru di diminsioni di miniaturi, siddu si generanu i formati WebP/AVIF, e siddu l'immàggini sunnu cumpremuti ripetutamenti, avrannu tutti n'impattu significativu supra l'usu di risorsi.

Sutta spiegheremu: la diffirenza tra l'opzioni gratuite e chiddi a pagamentu, comu si detrai u creditu, li insidii cchiù cumuni ca bisogna evitari, e quali tipi di siti web sunnu cchiù adatti a sti servizi.

---

3.2.1 ShortPixel100 crediti gratuiti ô misi, ma i crediti si cunsùmunu pi li miniaturi e pi l'ingrandimenti WebP/AVIF.

Chi succedi cu l'opzioni gratuite e a pagamentu?

La discrizzioni dû plugin ShortPixel dici chiaramenti:

• 100 crèditi gratis ô misi
• Ci sunnu puru “crediti mensili aggiuntivi illimitati” (i dittagli di prezzu sunnu furnuti nta la pàggina dû plugin)
• Offriamu puru pacchetti di creditu unichi ca nun scadunu mai (nzemmula cu l'infurmazzioni supra i prezzi di partenza)

Nota:

• Gratis: Ogni misi si furnìscinu un certu numaru di crediti pi usari nta siti web leggeri o pi testari.
• Pacchettu unicu: adattu pi siti cu na granni biblioteca di media ca vonnu svuotari u so inventariu n'un colpu sulu (acquistatu na vota e validu finu a quannu è esaurutu; di solitu nun havi data di scadenza)
• Mensili/Illimitati: Adatti pi siti ca richiedunu aggiornamenti regolari di mmàggini e ottimizzazzioni stabili a longu termini

La basa ufficiali di cunniscenza di ShortPixel furnisci puru guida supra “pacchettu unicu vs mensili illimitati”.Na spiegazioni chiaraU pianu Unlimited Monthly veni fattu pagari ogni misi (o ogni annu), offrendu crediti illimitati e na quota fissa di CDN; i crediti unichi nun scadunu, dànnuti cchiù cuntròllu supra l'usu quannu e comu ti servi.

La cosa cchiù mpurtanti: Comu si càlculanu i crèditi di ShortPixel?

Documentazzioni ufficiali di ShortPixel KB lu dissi chiaramenti:

• Quannu carichi na mmàggini supra WordPress, genera diversi miniaturi;
• Ottimizzari ogni miniatura conta comu un creditu.；
• Si scegghi di ginirari WebP o AVIF,Ogni versione WebP/AVIF di n'immàggini urigginali e la so miniatura cuntarannu comu un crèditu aggiuntivu.；
• Pò escludiri certi miniaturi di l'ottimizzazzioni pi ridùciri l'usu di crèditu.

esempiu di crediti：

Suppunemu ca carichi na mmàggini, e u tema o u plugin ginera ottu miniaturi:

• Ottimizza sulu l'immàggini urigginali e li miniaturi: 1 (immàggini urigginali) + 8 (miniaturi) = 9 crediti
• Si puru voi generari WebP/AVIF: aggiungi na versione di prossima generazioni a ognuna di li 9 supra → cchiù 9 crediti
  In autri palori, chiddu ca putissi pinsari comu “na sola immàggini” putissi custari quasi “crediti a dù cifri”.

Pirciò:“100 crediti gratuiti” nun significa “100 mmàggini gratuiti”.

Li insidii cchiù cumuni cu ShortPixel

1. Li 100 crediti gratuiti finirannu prestu
   Ragioni: Gran numaru di miniaturi + crediti aggiuntivi pi ginirari file WebP/AVIF.
   Raccomandazzioni：

• Prima, valuta u nùmmaru di miniaturi dû situ.
• Elimina li dimensioni inutili di thumbnail (ottimizza sulu li dimensioni ca veru si usanu)
• Prima decidi na strategìa di compressioni, poi fai curriri u prucessu a gruppi pi nun sprecari tempu cu pruovi e errori.

2. Usari nzemi cu àutri plugin pi la cunversioni di formati
   Si attivi la rimpiazzu di WebP Plus e fai puru ca ShortPixel generi e nserisci i tag di prossima generazioni, la logica si sovrapponi, facennu cchiù difficili la risoluzzioni di prublemi. Cu l'Opzioni B, ShortPixel gestisci stu compitu da sè.
3. Pinzava ca, na vota installatu, u frontend avissi generatu automaticamenti i file WebP/AVIF.“
   Pàggina dû plugin ShortPixelVal la pena di nutari ca pò cunvirtiri file WebP e AVIF e incorporari mmàggini di prossima ginirazzioni nti li pàggini front-end (pi esempiu, attraversu tag).
   Comunque, hai ancora bisognu di cuntrullari i risultati quannu hai finutu.

---

3.2.2 ImmagìficariGratis 201 TP 235 TP pi misi; la quota si detrai basatu supra la “dimensioni di l'immàggini originali + u nùmmaru di miniaturi”; i ri-upload purtarannu detrazzioni duplicate

Spaziu libaru e locu

Pàggina ufficiali di prezzi di ImagifySi dici chiaramenti:Li cunti gratuiti hannu na quota mensili di 201–235 TB。
A pàggina dû plugin dici puru ca pò cumpremmiri, ridimensionari e cunvirtiri a WebP/AVIF.

Comu si detrai la quota?

Documentazzioni ufficiali di Imagify “Comu si calcula l'usu di quota?” spiega chiaramenti lu meccanismu di fatturazzioni:

• U numaru di miniaturi affetta l'usu di risorsi.Pi esempiu, si hai 10 tagghi di miniatura, ottimizzari na sula immàggini farà ottimizzari 11 immàggini (l'immàggini urigginali cchiù 10 miniaturi), tutti quanti cuntanu pi la tò quota.
• Deduci la quota basata supra la dimensioni originali dû filePi esempiu, si carichi n'immàggini di 100KB supra Imagify, 100KB sarannu detratti dâ tò quota.
• Cambiari u liveddu di compressioni e ri-ottimizzari cunsumirà di novu la quota.。
• Na sula chiavi API pò èssiri usata 'n diversi siti, ma la quota è spartuta tra iddi.

Chistu è l'approcciu di basa di Imagify:
È cchiù comu nu pacchettu di dati: cchiù carichi, cchiù dati usa; cchiù miniaturi crìi, cchiù dati usa; e si ridimensioni l'immàggini ripetutamenti, usa dati ripetutamenti.

Un esempiu facili a capiri di li quote di Imagify

Suppunemu ca carichi na mmàggini urigginali di 800 KB, e u situ ginera 8 miniaturi.

• Quannu ottimizzi cu Imagify, sia l'immàggini urigginali sia ottu miniaturi sunnu inclusi (si scegghi “Ottimizza tutti”), chi voli diri ca sta operazzioni cunsuma na quota ca arriva quasi a la tagghia tutali di tutti sti file.
  Chistu è pirchì certi siti trovanu ca la so quota “20MB” si esaurisci prestu: nun è ca Imagify nun è all'altezza dû compitu, ma è ca li mmàggini ca carichi sunnu troppu granni, stai generannu troppi miniaturi, e poi putissi puru essiri ca stai sperimentannu diversi livelli di compressioni ripetutamenti.

Li insidii cchiù cumuni cu Imagify

1. U 20MB gratuitu nun è abbastanti pi fari na cancellazzioni cumpleta di la storia dû situ.“
   20MB è giniralmenti cchiù adattu pi testari e pi aggiornamenti minuri; si la tò librìa di media è già granni, svuotalla tutta 'nna vota probabbirmenti richiederà n'aggiornamentu.
2. Aggiustannu ripetutamenti u liveddu di compressioni, a quota si consuma ripetutamenti.
   Imagify: Na spiecazioni chiaraLa ri-ottimizzazzioni aduprerà n'autra vota la quota.
   Ti cunsigghiamu di espuniri chiaramenti la “strategia” nta sta pàggina:

• Accuminza usannu un picca di mmàggini pi determinari lu liveddu di cumpressioni e la qualità visuali.
• Quannu la strategìa è stata finalizzata, falla curriri a gruppi.
  Evita u pruvu e l'erruri 'n tutta a banca dati

3. Spargennu na sula chiavi API “n diversi siti fa calari misteriusamenti li quote.”
   Si usi la stessa chiavi API 'n diversi siti, i quote si spartunu.
   Allura, nti scenari di squadra o multi-siti, è megghiu chiariri quali siti spartunu risorsi e quali funziunanu in modu indipinnenti, pi evitari di superari u bilanciu.

---

3.2.3 Picciriddu PNG(Tiny Compress Images): 500 crediti gratuiti ô misi; a cunversioni a WebP/AVIF havi un costu aggiuntivu di 1 creditu pi ogni misura“

Franchìggî libbiri e comu si càlculanu

La pàggina dû plugin TinyPNG pi WordPress è scritta chiaramenti:

• 500 crediti gratis ogni misi
• Ntâ nstallazzioni standard di WordPress, putissi prubabbirmenti cumpattari Circa 100 mmàggini pi misi
• Però, si la cunversioni AVIF o WebP è abilitata:Ogni misura d'immàggini custarà un crèditu agghiuntivu., accussì pensu ca l'unica opzioni è di cumpremmulu e cunvirtillu Circa 50 mmàggini pi misi(Secunnu quanti tagghi di miniatura hai.)

Intantu, Tinify (u sviluppaturi di TinyPNG e TinyJPG) ha puru Pàggina di Prezzi APIPì favuri noti: Iscriviti pi riciviri 500 compressioni gratuite ô misi; quannu stu limitu veni superatu, ti sarà addebitatu secunnu u numaru di compressioni riesciuti, senza abbonamentu obbligatoriu.

Pi riassumiri comu funziona TinyPNG 'n na frasi sula:
Si calcula in crediti; cchiù tagghi di miniatura hai e cchiù attivi WebP/AVIF, cchiù prestu ti finisci i crediti.

Un esempiu facili a capiri di li crediti di TinyPNG

Suppunemu ca u vostru situ ginera ottu dimensioni di miniaturi pi ogni mmàggini:

• Compressioni sulu: immàggini urigginali + 8 miniaturi → 9 crediti nicissarii
• Si la cunvirsiuni WebP/AVIF è abilitata: si detrarrà un crèditu aggiuntivu pi ogni tagghia → chistu pò quasi raddoppiari u tutali
  Chistu currispondi â discrizzioni nta la pàggina dû plugin: quannu la cunvirsiuni è abilitata, la quota gratuita cangia di circa “100 pi misi” a “50 pi misi”.

Li trappuli cchiù cumuni cu TinyPNG

1. Pinzava ca 500 crediti significavanu 500 mmàggini.
   No. Si carica basatu supra “tagghia/varianti di l'immàggini”. La pàggina dû plugin dici chiaramenti ca “a cunversioni custarà un crèditu aggiuntivu pi ogni tagghia di l'immàggini”.
2. U plugin dû tema/e-commerce genera troppi formati di mmàggini, e la quota gratuita s'è ridutta significativamente.
   Chiù sunnu li dimensioni, chiù è facili ca li crediti si svutinu.
3. Doppu aviri attivatu la cunvirsioni, haiu scupertu ca u me limitu di crèditu s'era finutu all'improvvisu.
   Chistu nun è nu bug; è accussì ca funziuna u sistema di fatturazzioni.
   Raccomandazzioni di strategìa:

• Si la fase libera è principalmenti destinata a la compressioni e a la riduzzioni dû pisu, poi accuminciari semplicimenti applicannu la compressioni. Quannu hai cunfirmatu ca la struttura dû situ è stabbili e ca la prossima ginirazzioni è veramenti nicissaria, poi iniziari la cunversioni.

4. Raccomandazzioni pi scenariu: Comu scegghiri tra diversi tipi di siti web

Anchi si tutti quanti funzionanu cu WordPress, i punti di duluri pi l'immàggini differiscinu tra siti di cuntenutu, siti di e-commerce, portafogghi e siti di membri.

4.1 Siti di cuntenutu/blog (cu numerusi mmàggini e articuli, cu na frequenza di aggiornamentu moderata)

Raccomandazzioni priuritarie:

1. Strateggia di dimensionamentu (Passu 1)
2. Cumpressioni (Passu 2)
3. WebP (Passu 3)

Na strata cchiù adatta:

• Si voi na opzioni senza fastìdi: scegli una di li tri nta l'Opzioni B (ShortPixel / Imagify / TinyPNG)
• Si voi n'opzioni gratuita: Percorsu A (Plus WebP + EWWW), ma ti cunsigghiamu di accuminciari cu “Modu Cunsirvativu (nun cancellari l'immàggini originali)” pi valutari prima i risichi.

Insidii cumuni:

• L'immàggini di testata nta la pàggina dû articulu è assai granni, e la strategìa di caricamentu pigru è malamenti implementata.Farà rallentari u primu schermu

4.2 Siti di e-commerce/prodotti (cu numerusi miniaturi e varianti di mmàggini; la stabilità è di primura)

Li prublemi cchiù cumuni ntô cummerciu elettronico nun sunnu ca “la qualità dâ cumpressioni è scarsa”, ma cchiù probabbirmenti ca “certe diminsiuni sunnu sbagghiati doppu l'ottimizzazzioni, li miniaturi mancanu, o li cumpunenti dû front-end nun ponnu ricuperari l'immàggini”.

Raccomandazzioni priuritarie:

1. Accuminza cu cautela: adotta na strategìa di compressioni cchiù cunservativa; nun rimpiazzari subitu tuttu u database.
2. Valutazzioni di li diminsioni di li miniaturi: li temi di e-commerce tipicamenti generanu cchiù formati, chi ponnu aumentari significativamente l'usu di dati (chistu è particularmenti notèvuli cu ShortPixel e TinyPNG).
3. Fai prima un test a picca scala, poi allargalu a un pubblicu cchiù vastu (chistu è assulutamenti cruciali)

Na strata cchiù adatta:

• L'Opzioni B è di solitu la scelta senza fastidi: ShortPixel, Imagify e TinyPNG supportanu tutti lu prucessamentu a gruppi; la cosa cchiù mpurtanti è capiri lu sistema di quote e valutari li costi in anticipu.
• Opzioni A è puru accittabbili, ma avissi a essiri cchiù cautu riguardu ô cumpurtamentu di Plus WebP ntô scrìviri supra ID, cancellari l'immàggini originali e rimpiazzari l'URL: picchì chistu custituisci na migrazioni di risorsi, nun cunsigghiamu di fari subitu un rimpiazzu cumpletu.

4.3 Portfoli/Siti web di fotografia (unni la qualità di l'immàggini è critica, i file sunnu granni, e l'attrattiva visuali è suprema)

Raccomandazzioni priuritarie:

1. Strateggia di dimensionamentu (Cuntròllu di l'area di visualizzazzioni)
2. Strateggia di compressioni (è megghiu aviri un file un pocu cchiù granni ca pirdiri dettagli)
3. WebP/AVIF (i vantaggi sunnu chiari pi li mmàggini granni, ma la qualità visuali avi bisognu di essiri verificata)

Na strata cchiù adatta:

• Immagìficari: Siccomu la quota veni detratta basannusi supra la “dimensioni originali di l'immàggini”, stu tipu di situ facilita a tiniri i spisi sutta cuntrollu (sai approssimativamenti quantu custarà ogni immàggini granni), ma avissi a evitari di ricumprìmiri l'immàggini ripetutamenti.
• ShortPixelSi nun ci sunnu troppi formati di miniaturi, li crediti sunnu abbastanti semplici; però, si generi un gran numaru di formati e puru versioni di prossima generazioni, u cunsumu di crediti crisci assai, accussì hai a pianificari in anticipu.

5. Quota vs. Fatturazzioni: Un'analisi approfondita pi capiri si l'assegnu gratuitu è sufficienti

Qualu offri cchiù valuri pi li sordi, e pi quantu tempu durerà la prova gratuita?

5.1 Tri mudelli di fatturazzioni

• ShortPixel(crìditi)I crediti sunnu calculati basatu supra l'immàggini urigginali cchiù u nùmmaru di miniaturi; a generazzioni di file WebP/AVIF avrà na spisa di creditu aggiuntiva pi ogni versione currispunnenti.
• Immagìficari(quota MB)La quota veni detratta basannusi supra la “tagghia urigginali dû file”; cchiù ci sunnu miniaturi, cchiù quota si usa; na ricumpressioni purterà a àutri detrazzioni di quota.
• Picciriddu PNG(crìditi)500 crediti ô misi; attivari la cunversioni WebP/AVIF avrà un costu aggiuntivu pi ogni tagghia d'immàggini.

5.2 Metudi di stima rapida

Pò stimari accussì:

1. Scegghi quarsiasi “immàggini originali ca spissu carichi” e cuntròlla la sò tagghia approssimativa (p.es. 300KB / 1MB / 3MB)
2. Dipenni di quante dimensioni di miniatura u tò situ ginera tipicamenti (p.es. 5, 10 o 20)
3. Decidi si voi generari WebP/AVIF (Sì/No)

Poi usa l'aritmetica mentali ca veni sutta pi capiri u cunsumu:

• ShortPixelOgni mmàggini ≈ (1 + nùmmaru di miniaturi) crèditi; si veni giniratu WebP/AVIF, ≈ duppia chissu (picchì puru li virsioni di prossima ginirazzioni richiedunu crèditi)
• ImmagìficariLa quota veni detratta pi ogni immàggini basannusi supra circa (a misura dâ immàggini urigginali + a misura tutali di tutti li miniaturi); canciari u liveddu di cumpressioni e ricumprìmiri purterà a n'àutra detrazioni.
• Picciriddu PNG500 crediti gratuiti; si u vostru situ ginera un gran numaru di dimensioni di ogni immàggini e la cunversioni di immàggini è attivata, u numaru di immàggini gratuiti calarà significativamente (a pàggina dû plugin duna na stima approssimativa di “circa 100 ô misi” e “circa 50 ô misi”)

6. Divulgazzioni di risicu

Rischiu 1: Evita ca cchiù plugin facissiru lu stissu compitu

Chista è la surgenti cchiù cumuni di disastri.“

• Rotta A:In più WebP o AVIF + EWWW(Divìdi li cumpiti tra i dui; nun fari la cunversioni e la consegna a stissu tempu, o installari sulu unu di iddi)
• Opzioni B: ShortPixel / Imagify / TinyPNG Scegghi unu di tri(Scegghi unu pi gestiri la compressioni e la prossima ginirazzioni)

Rischiu 2: In più, li funzioni di WebP “Sovrascrivi ID / Elimina l'Immàggini Urigginali / Sostituisci URL” custituiscinu na migrazioni di risorsi.

Pi reiterari:Cchiù WebP La discrizzioni dici chiaramenti ca quannu si fa na generazzioni a scala completa, l'ID di l'immàggini urigginali sarà sovrascrittu, u schedariu urigginali sarà cancellatu e l'URL dû cuntenutu sarà rimpiazzatu.
Chistu significa ca nun è un “aggiustamentu minuri ca si pò annullari a ogni mumentu”, ma cchiù tosto un cambiamentu a livellu di l'attivu.

La strateggia cunsigliata avissi a essiri:

• Accuminza cu nu test di piccula scala (di quarchi dusina a quarchi centinara)
• Cunfirma ca lu display front-end, li miniaturi e l'aggiornamenti dâ cache funzionanu tutti currettamenti.
• Cunsidira di prucessari tuttu u database

Rischiu 3: Lu cunsumu effittivu di la franchigia gratuita pi la cumpressioni di li nìvuli dipenni dû nùmmaru di miniaturi e dâ scelta di opzioni di prossima ginirazzioni.

• ShortPixelI miniaturi e li funzioni di prossima generazioni avirannu un impattu significativu supra li crediti.
• Picciriddu PNGAbilitari WebP/AVIF purterà a na detrazzioni di creditu aggiuntiva pi ogni tagghia d'immàggini.
• ImmagìficariSpisi basati supra la diminsioni originali di l'immàggini; cchiù ci sunnu miniaturi, cchiù è àuta la spisa; i scaricamenti ripetuti comportanu spisi aggiuntivi.

Rischiu 4: “WebP/AVIF è statu generatu” nun significa “u front-end sta sirviannu WebP/AVIF”

Assai genti pinsanu ca u so situ nun è addivintatu cchiù veloci doppu a cunversioni; a causa principali è ca u front-end servi ancora file JPG/PNG (a causa di un mismatch in unu di chisti: caching, rewriting, tags o negoziazioni dû browser).

7. Comu fazzu pi viriri si ha pigghiatu effettu quannu haiu finutu?

4 punti di cuntrollu assai semplici:

1. Quannu rinnovi la stissa pàggina pi la sicunna vota, lu prucessu di caricamentu è cchiù stabbili e cchiù veloci?(Quant'è notèvuli l'effetti dû caching e dâ ottimizzazzioni?)
2. C'è na diffirenza notèvuli nta la misura di l'immàggini carricati supra dispusitivi mùbbili e supra computer desktop?(Responsivu srcset/misuri (si funziuna)
3. Controlla a casu quarchi mmàggini: ci sunnu file o risorsi WebP o AVIF?(Sta u situ veramenti usannu prossima ginirazzioni）
4. Talìa quarchi mmàggini: fa zoom pi vidiri si sunnu visìbbilmenti sfucati o si u testu pari sfucatu.(È la compressioni troppu forti?)

Si tutti e quattru si applicanu, significa ca la via ca hai scigghiutu è già operativa. Dopu, passa a CDN “Livellu di cunsegna”...sarà cchiù stabbili 'n ginirali.

8. Raccomandazzioni pi l'azzioni

1. Prima, scegli na strata:

• Mi piacissi mantinillu quantu cchiù libbiru pussìbbili: In più WebP o AVIF + EWWW (o nstallari sulu unu di iddi)
• Vò risparmiari risorsi dû server? Pàgari secunnu l'usu è cchiù senza fastìdi.: Scegghi unu tra ShortPixel, Imagify o TinyPNG

2. Accuminza cu nu test di picca scala (qualchi dusina)
3. Accertati ca tuttu è a postu prima di processari a gruppi.
4. La affidabilità dâ cunsegna avi bisognu di essiri ancora migghiurata:Liggennu CDN Accelerazzioni

Dumanni spissu fatti

1. Quanti plugin haiu a installari? Pozzu installarli tutti?

Pruva a ristari supra na strata sula.

• Opzioni A: Plus WebP o AVIF + EWWW Image Optimizer (o installari sulu unu di iddi)
• Opzioni B: Scegli unu tra ShortPixel, Imagify o TinyPNG
  Usari cchiù plugin ntô stissu situ pi fari “compressioni, cunversioni a WebP o AVIF, mudìfica di l'URL e riscrittura di la consegna” a la stissa vota è lu modu cchiù sicuru pi criari nu casinu e lu cchiù difficili pi risòlviri li prubblemi.

2. WordPress nun supporta già WebP/AVIF? Mi servi ancora un plugin?

È mpurtanti distinguiri tra:
“Supportu pi carricari/usari ≠ cunversioni automatica/spedizioni automatica
WordPress 6.5 nun cunvirti automaticamenti in massa li file JPG/PNG esistenti in WebP/AVIF, né gestisci automaticamenti tuttu lu prucessu di sirviri AVIF/WebP secunnu li capacità dû navigaturi e turnari ô furmatu uriginali. Pi assicurari ca puru la tò librirìa media esistenti veni aghjurnata, di solitu hai bisognu di usari un plugin o un serviziu pi cupriri li lacune.

3. Quannu si tratta di ottimizzazzioni di l'immàggini, quali passu offri veru u cchiù àutu ritornu supra l'investimentu?

Di solitu Prima ottieni giustu li diminsiuni (srcset/sizes)。
Assai siti web sunnu lenti, nun picchì nun su stati compressi, ma picchì mustranu na pàggina larga sulu 900px mentri custringinu l'utenti a scaricari l'immàggini originali di 3000px. La compressioni pò risparmiari quarchi kilobyte, ma li “diminsioni sbagghiati” ti fannu scaricari assai cchiù dati senza nuddu bisognu.

4. Comu pozzu essiri sicuru ca si sta caricannu la “versioni cchiù nicaredda”, inveci di l'immàggini urigginali?

Cunsidira dui fenomeni:

• Quannu si taliunu supra nu dispusitivu mùbbili, l'immàggini scaricati sunnu visìbbilmenti cchiù nicareddi ca supra nu computer.
• La diminsioni dû schedariu dâ stissa mmàggini varia secunnu lu dispusitivu unni è carricata.
  Si l'immàggini si scarricanu sempri a la so tagghia urigginali, spissu è pirchì u tema o u page builder tratta l'immàggini comu na immàggini di sfunnu CSS o comu output persunalizzatu, accussì aggirannu u supportu pi cchiù tagghi dâ librirìa di media e l'attributu `srcset`.

5. Signìfica necessarîamenti “WebP/AVIF generatu” ca lu front-end sta pruducennu WebP/AVIF?

nun è uguali a
La generazzioni è cumpiuta sulu a livellu di file; si WebP/AVIF veni veramenti sirvutu a lu front-end dipenni di fatturi comu la riscrittura, la pulìtica dû tag “”, li hit di cache e si la negoziazzioni dû navigaturi è efficaci. Quannu hai finutu, accertati di verificari a casu li tipi di risorsi di quarchi immàggini.

6. Chi risichi esatti ci sunnu cu WebP o AVIF? Pozzu fari un cuntrollu cu un sulu clic supra tutta la banca dati?

U risicu nun sta ntâ “cumpressioni”, ma ntôCambiamenti ê livelli di migrazioni di beni：

• Quannu si genera l'insiemi cumpletu, l'ID dî file d'immàggini originali ponnu èssiri sovrascritti, i file originali ponnu èssiri cancellati, e l'URL ntô cuntenutu ponnu èssiri rimpiazzati.
  AlluraNun cunsigghiamu di rimpiazzari subitu tutta la banca dati.Accuminza cu nu test di picca scala (di quarchi decina a quarchi centinaia di registrazzioni) e accertati di aviri na copia di riserva funziunanti prima di prucèdiri cu tutta la banca dati.

7. Comu fazzu a scegghiri tra i dui modi in Plus WebP: tiniri l'immàggini urigginali o rimpiazzari e cancellari l'immàggini urigginali?

In termini semplici:

• Opzioni 1: Teni l'immàggini urigginali + ginera còppii WebP/AVIF (cchiù affidàbbili)Facili a revertiri, ma occupa cchiù spaziu ntô discu (immàggini urigginali + novu furmatu + parechji dimensioni di miniatura).
• Metudu 2: Rimpiazzari e cancellari l'immàggini urigginali (cchiù radicali)U discu nun è prupensu a espansioni, ma si modificassi l'asset e i rifirenzi, risòlviri i prubblemi di cumpatibilità addiventa cchiù caru.
  Chiù cumplicatu è u situ (e-commerce, plugin multipli, dimensioni multipli), chiù cunsigghiamu di accuminciari cu n'approcciu cchiù stabbili.

8. È abbastanti la cumpressioni lucali gratuita offerta di EWWW Image Optimizer? Surcharicherà u sirviri?

EWWW è cchiù comu nu strumentu di compressioni lucali: cunsuma CPU/IO.
È cumuni ca u caricu crisci duranti l'ottimizzazzioni a lotti; chistu nun significa ca u sistema sta fallennu, ma ca l'approcciu avi a essiri giustu: fari u travagghiu a lotti, duranti l'uri fora di punta, e scegliri di scaricari o aduprari suluzzioni nnâ nuvola quannu è nicissariu.
Si stai circannu na suluzzioni senza fastidi, o si li risorsi dû tò server sunnu limitati, l'Opzioni B è cchiù efficaci pi lu server.

9. ShortPixel offri 100 crediti gratuiti ô misi, allura pirchì mi pari ca su' già finuti dopu sulu quarchi immàggini?

picchì “Credits” nun si rifirisci ô 'numaru di mmàggini', sarà allargatu cu miniaturi e prossima ginirazzioni:

• Immàggini urigginali + crèditu pi ogni miniatura
• Si i file WebP/AVIF vennu generati, ogni versione currispunnenti avrà un costu aggiuntivu in crediti.
  Accussì chiddu ca putissi pinsari comu “na sola mmàggini” putissi veramenti cunsumari quasi “crediti a dù cifri”. ShortPixel

10. Picchì finisci accussì prestu lu 201 TP235T gratuitu di Imagify pi misi?

Imagify è cchiù comu un pacchettu di dati:

• Secunnu u tò missaggiuDimensioni originali dû fileScunzari dâ quota
• Chiù ci sunnu miniaturi, cchiù granni è u cunsumu di risorsi.
• Cambiari u liveddu di cumpressioni e ri-ottimizzari cunsumirà di novu la quota.
• Na sula chiavi API pò èssiri usata 'n diversi siti, cu quote spartuti.
  Accussì u missaggiu “20MB si finirà prestu” spissu veni causatu di mmàggini troppu granni, troppi miniaturi o di prove e errori ripetuti.

11. TinyPNG offri 500 crediti gratuiti ô misi, allura picchì u plugin dici ca ci sunnu sulu circa 100 mmàggini ô misi, e picchì chistu cala a 50 mmàggini ô misi doppu aviri attivatu WebP/AVIF?

Chistu è pirchì puru i crediti di TinyPNG sunnu scalati “n su ”nta la sezzioni "Dimensioni/Varianti":

• Na installazzioni standard di WordPress tipicamenti cumprempi circa 100 mmàggini pi misi.
• Abilitari la cunversioni AVIF o WebP:Ogni misura d'immàggini custarà un crèditu agghiuntivu., accussì putissi prubabbirmenti comprìmiri e cunvirtiri sulu circa 50 mmàggini ô misi (secunnu ô nùmmaru di tagghi di miniaturi).
  Allura 500 crediti nun sunnu 500 mmàggini.

12. Quanti miniaturi ci sunnu ntô nostru situ? Picchì hannu un impattu accussì significativu?

Caricannu na mmàggini supra WordPress genera diversi formati; i temi e i plugin (soprattuttu chiddi pi l'e-commerce) ponnu generari ancora cchiù.
Cu la compressioni nta la nuvula, i crediti o i quote vennu di solitu calculati basannusi supra “immàggini originali cchiù miniaturi nzèmmula”, accussì cchiù miniaturi hai, cchiù prestu finisci u tò spaziu gratuitu.

13. Lu caricamentu pigru sempri accelera li cosi? Picchì certi pirsuni dicinu ca lu caricamentu pigru, 'n fatti, rallenta li cosi?

U caricamentu pigrusu è adattu pi risorsi fora di schermu.
Si l'immàggini cchiù granni e mpurtanti nta la prima schermata è puru ritardata, pò rallintari l'esperienza di caricamentu iniziali. Mentri u caricamentu pigru predefinitu di WordPress 5.5 e versioni successive è bonu, nun duvissi applicarlu a tutti i casi.

14. Quannu mi servi lu CDN / Immàggini CDN si pigghiu la Strata A o B?

La compressioni, la dimensioni dû file e lu furmatu affruntanu lu prubblema di fari li file cchiù nicareddi e cchiù adattati;
U CDN assicura consegni cchiù veloci e affidàbbili.。
Quannu c'è na latenza significativa picchì l'immàggini vennu ricivuti di un server d'urìggini luntanu, aghgiuncennu CDN pi ogni immàggini (p.es. Cloudflare Poland o Jetpack Site Accelerator) giniralmenti porta a n'esperienza cchiù stabbili. Lègghi cchiù Accelerazzioni WordPress CDN。

15. Quannu haiu finutu, qual è u modu cchiù facili pi verificari ca funziona veru?

U modu cchiù veloci pi verificari:

• Quannu rinnovi la stissa pàggina pi la sicunna vota, lu prucessu di caricamentu è cchiù stabbili e cchiù veloci?
• C'è na diffirenza notèvuli nta la misura di l'immàggini tra la virsioni mobìli e chidda pi desktop (funziunanu comu previstu l'attributi `srcset` e `sizes`)?
• Controlla a casu quarchi mmàggini: ci sunnu file o risorsi WebP o AVIF?
• Talìa quarchi mmàggini: fa zoom pi vidiri si sunnu visìbbilmenti sfucati o si u testu pari sfucatu.