Come configurare smartphone e PC. Portale informativo
  • casa
  • Windows 7, XP
  • Come aprire le immagini WebP in Windows. Il misterioso e conveniente formato WebP nel web design e per Photoshop

Come aprire le immagini WebP in Windows. Il misterioso e conveniente formato WebP nel web design e per Photoshop

Scrittore capo della tecnologia

Qualcuno ti ha inviato un file WEBP e non sei sicuro di come aprirlo? Forse hai trovato un file WEBP sul tuo computer e ti stai chiedendo a cosa serva? Windows potrebbe dirti che non puoi aprirlo o, nel peggiore dei casi, potresti incontrare un messaggio di errore relativo al file WEBP.

Prima di poter aprire un file WEBP, devi capire a quale tipo di file appartiene l'estensione WEBP.

Consiglio: Gli errori da incorretta associazione di estensione WEBP possono essere un sintomo di altri problemi sottostanti all'interno del tuo sistema operativo Windows. Queste voci non valide possono anche produrre sintomi associati come avvii lenti di Windows, blocchi del computer e altri problemi di prestazioni del PC. Pertanto, si consiglia vivamente di eseguire la scansione del registro di Windows per associazioni di file non valide e altri problemi relativi a un registro frammentato.

Risposta:

I file WEBP sono file bitmap principalmente associati ai browser Web (Google).

Altri tipi di file potrebbero anche utilizzare l'estensione del file WEBP. Se sei a conoscenza di altri formati di file che utilizzano l'estensione del file WEBP, ti preghiamo di contattarci in modo che possiamo aggiornare le nostre informazioni di conseguenza.

Come aprire il file WEBP:

Il metodo più rapido e facile per aprire il tuo file WEBP è di fare doppio click sullo stesso. In questo caso, il sistema Windows stesso sceglierà il programma necessario per aprire il file WEBP.

Nel caso in cui il tuo file WEBP non si apra, è molto probabile che sul tuo PC non sia installata l'applicazione software richiesta per visualizzare o modificare file con estensione WEBP.

Se il tuo PC apre il file WEBP, ma è l'applicazione sbagliata, dovrai modificare le impostazioni di associazione dei file del registro di Windows. In altre parole, Windows sta associando le estensioni di file WEBP al programma sbagliato.

Installa prodotti opzionali - FileViewPro (Solvusoft) | | | |

WEBP Multipurpose Internet Mail Extensions (MIME):

Strumento di analisi dei file WEBP ™

Non sei sicuro del tipo di file WEBP che hai? Vuoi avere informazioni precise su un file, il suo creatore e come puoi aprirlo?

Ora puoi ottenere istantaneamente tutte le informazioni di cui hai bisogno sul file WEBP!

Il rivoluzionario WEBP File Analysis Tool™ scansiona, analizza e riporta ogni dettaglio sul tuo file WEBP. Il nostro algoritmo (in attesa di brevetto) analizzerà rapidamente il file e, in pochi secondi, fornirà informazioni dettagliate in un formato chiaro e di facile lettura. †

In pochi secondi saprai con certezza il tipo del tuo file WEBP, l'applicazione associata al file, il nome dell'utente che ha creato il file, lo stato di protezione del file e altre informazioni utili.

Per avviare un'analisi gratuita del file, trascina e rilascia il tuo file WEBP all'interno della linea tratteggiata sottostante, oppure fai clic su Visualizza il mio computer e seleziona il file. Il report di analisi del file WEBP verrà mostrato di seguito, proprio nella finestra del browser.

Trascina qui il file WEBP per avviare l'analisi

Visualizza il mio computer "

Si prega di controllare anche il mio file per i virus

Il tuo file è in fase di analisi... attendi.

Buona giornata amici. Di recente ho scoperto che non riesco a salvare le immagini dal browser con il tasto destro del mouse nei formati grafici standard (JPG, PNG), ma le immagini vengono salvate in uno sconosciuto per me Formato WebP... Ok, ho scaricato il file e ora la domanda è: come aprire webp?. Quale programma? Questo è ciò di cui parleremo oggi.

Cos'è WebP?

Come dice una saggia wikipedia:

Webp(pronunciato come inglese Weppy "Veppi") - un nuovo formato per la compressione di immagini grafiche con perdita e senza perdita di qualità del file originale.

Perché abbiamo bisogno di qualcosa di nuovo quando ci sono JPG e PNG vecchi e familiari? Come assicurano gli sviluppatori (e questo non è chi, ma la stessa Google Inc), la maggior parte delle immagini moderne sono state utilizzate su Internet per più di dieci anni e si basano su tecnologie del secolo scorso. Ecco come va a finire...

Ora, le tecnologie sono molto avanzate e qualcosa deve essere cambiato. E così, gli ingegneri di Google hanno deciso di verificare: c'è una possibilità? aumentare il rapporto di compressione dei formati grafici (consentendo così alle immagini di caricarsi ancora più velocemente) ancora di più mantenendo la qualità visiva esistente.

Come risultato del lavoro sul progetto, ne è nato uno nuovo formato immagine grafica - WebP... Come assicurano gli sviluppatori del progetto, il nuovo formato riduce notevolmente le dimensioni dell'immagine sulla rete, consentendo ai siti di caricarsi ancora più velocemente. E come sai, più veloce è il caricamento del sito, migliore è l'atteggiamento nei suoi confronti da parte dei motori di ricerca e, naturalmente, degli utenti.

Ecco perché, molto presto condividerò con te informazioni segrete :-), come ho accelerato il mio blog (il lavoro di accelerazione è ancora in corso). Imparerai diversi modi per ottimizzare il caricamento del sito, quindi non perderti questo articolo. Vi ho annunciato un nuovo articolo, ed è ora di scoprire come e con cosa apri file webP?

Come aprire un file WebP?

Hai scaricato il file webp da Internet ed è già sul tuo computer? Da quanto sopra, ora sai che questo è un formato di immagine grafica e lo apriremo tramite il visualizzatore standard di Windows.

Per realizzare questa funzionalità, è necessario installare un plug-in aggiuntivo nel sistema operativo. Tutte le ulteriori azioni sono state testate da me personalmente su Windows 7 a 64 bit. Ma come assicurano gli sviluppatori del plugin, dovrebbe risultare apri webp e su Windows XP (SP3) e Windows Vista.

1 Vai a e scarica il plugin per aprire webp dal seguente link, che è mostrato nello screenshot. Scorri un po' la pagina e clicca sul seguente link per scaricare il componente aggiuntivo sul tuo computer

2 Dopo aver scaricato il plug-in, è necessario fare doppio clic per avviare il processo di installazione. Si aprirà la seguente finestra di dialogo, in cui è necessario fare clic su "Avanti"

4 Nella finestra di dialogo che si apre, fare clic sulla voce "Tipico"

5 E nella finestra finale, fai clic sul pulsante "Installa" per avviare l'installazione del plugin

Al termine dell'installazione, ti verrà chiesto di andare nella directory in cui si troveranno due file grafici: uno in formato JPEG e l'altro in formato WEBP.

Fai clic su di essi e rallegrati, ora puoi visualizzare facilmente e facilmente i file webp in un visualizzatore standard di Windows.

Questo è tutto per me. Spero che questo piccolo tutorial ti sia utile.

P.S. L'altro giorno sono andata di nuovo all'ufficio postale, questa volta per la tuta invernale Oldos per la mia piccola figlia Lisa, che era stata ordinata dal negozio online. L'ordine è arrivato abbastanza velocemente. La tuta è semplicemente super. Farò sicuramente una foto e te la mostrerò più tardi.

Inoltre, dovrebbero arrivare presto due idrometri (determinano l'umidità dell'aria) dalla Cina. Lo appenderò nella stanza per monitorare il microclima, altrimenti c'è un umidificatore d'aria, ma non mostra correttamente (credo) l'umidità nella stanza.

Un commento dell'anniversario 500 di Nikolay () è stato lasciato sul blog. Per questo, Nikolai riceve un piccolo premio di 50 rubli nel suo portafoglio elettronico.

Tutti amiamo "camminare" su Internet e visitare determinati siti. E non è un segreto per nessuno che, guardando un numero enorme di immagini di cibo, natura, screenshot di film o videogiochi, il caricamento di una pagina del sito web possa essere ritardato a lungo. Ciò è particolarmente evidente sui dispositivi mobili o se ci sono molte schede aperte nel browser del computer. Naturalmente, non importa quanto sia bello e funzionale il web design, i visitatori cercano di interrompere il caricamento delle immagini o semplicemente di abbandonare il sito.

E se le immagini stesse sono di dimensioni enormi (larghezza-altezza)? Non ce ne sono molti sulla pagina, ma sono semplicemente magnifici (formati 2K, 4K). Dopotutto, quasi tutti noi vogliamo vedere belle fotografie o le capacità delle schede video grafiche. Ma che dire, spesso, tutto il web design è creato interamente da immagini. O sono strisce, poi quadrati con texture, poi clipart e così via.

In breve, grandi quantità o grandi dimensioni di immagini possono essere utilizzate in modi diversi e su un'ampia varietà di siti. Come si può risolvere un problema del genere ed è necessario? Vedremo uno dei metodi che è stato utilizzato in realtà da molti siti negli ultimi anni e, naturalmente, scopriremo come Photoshop può aiutare in questo e se è necessario.

Inizio…

Google si precipita in soccorso

La soluzione al problema della compressione delle immagini è varia e ogni persona sceglie per sé ciò che è più conveniente per lui. Esistono molti modi per ridurre le dimensioni di un'immagine senza degradarne chiaramente la qualità, ma oggi ci concentreremo sul formato WebP.

È stato creato da Google nel 2010 appositamente per una migliore ottimizzazione delle immagini. Funziona con tutti i formati già conosciuti e oggi nel 2017 è un'ottima alternativa a PNG o JPEG. Per immaginare chiaramente da cosa stavamo iniziando la nostra conversazione, confrontiamo la qualità dell'immagine in JPEG e WebP con la stessa percentuale di compressione.

Nell'esempio sopra, non ci sono praticamente differenze visive, più precisamente, sono invisibili se compresse al 70%. Ma allo stesso tempo la versione JPEG pesa 49,8 Kb e la versione WebP - 15 Kb, di conseguenza, la percentuale di compressione nel secondo caso può essere aumentata senza temere file di grandi dimensioni. Non così male se si considera che sono visivamente quasi identici.

Sorge una domanda ragionevole: tali immagini verranno aperte e caricate nella pagina del sito nei browser e quali. Poiché il formato WebP è stato creato da Google, quindi, di conseguenza, c'è anche il supporto in Chrome, Yandex, Opera. In generale, il supporto è fornito nel 90% dei browser, comprese le versioni mobili. Sfortunatamente, non c'è supporto in IE e Edge per impostazione predefinita.

Allo stesso tempo, è importante capire che WebP non è e non deve, in ogni caso, essere percepito come un sostituto al 100% di PNG e JPEG. Questo formato è solo per i browser che possono funzionare con esso, ma dovrai senza dubbio avere un formato diverso per altri browser. D'altra parte, ci sono sempre piccoli polyfill, librerie che permettono ai browser di lavorare con questa o quella "funzione". Ma più su quello sotto.

JPEG (180KB)

PNG (213kb)

WebP (91kb)

Conversione di immagini inWebp

Opzione 1 -Photoshop

Il modo più semplice per lavorare con WebP è, ovviamente, Photoshop, per il quale Telegraphics ha anche creato un plug-in speciale per diverse versioni di bit. Dopo averlo installato (copialo nella cartella dei plugin), l'applicazione avrà un'opportunità nel menu " Salva come…»Selezionare il formato WebP dall'elenco a discesa.

La finestra di dialogo consente di regolare la qualità con un dispositivo di scorrimento, filtri, rumore e nitidezza. Si noti che in base al file readme allegato nell'archivio, è previsto che nella versione Windows la funzionalità del plug-in sia inferiore rispetto alla versione Mac OS.

Inoltre, il plug-in per Photoshop non consente l'utilizzo di " Salva per Web...”, E non c'è un'anteprima dell'immagine salvata, come nel caso di JPEG. Pertanto, finché non salvi il file e lo apri per la visualizzazione, non sarai in grado di sapere cosa succede e quale sarà la dimensione del file.

Opzione 2 -in lineaconvertitore

Un'altra opzione di conversione consiste nell'utilizzare un convertitore online - Conversione online di immagini. Funziona bene come in Photoshop, ma grazie ad esso è più veloce e conveniente convertire i file in batch.

Incorporamento di file di immagine

Come abbiamo detto sopra, quasi tutti i browser attualmente (metà maggio 2017) supportano WebP per impostazione predefinita. Tuttavia, i computer degli utenti potrebbero avere versioni precedenti dei browser installate o che non supportano il formato. Sono disponibili due comode opzioni per visualizzare le immagini in WebP.

  1. Polyfill WebPJS (libreria) che gestirà la versione del browser in uso e modificherà le immagini. La pagina dell'autore mostra e descrive dove inserire i blocchi di codice necessari nelle pagine del sito.
  2. Picturefill è anche una piccola libreria che funziona su un principio diverso.

Qual è la differenza significativa tra le due librerie? Nel primo caso tag img non cambia sulle pagine, basta cambiare l'estensione del file da JPEG a WebP da soli. Nel secondo caso, per rappresentare l'immagine viene utilizzato il formato WebP, se supportato, e in caso contrario viene sostituito con JPEG. Con questa opzione, dovrai cambiare tag img su Wanderers, la conversione automatica dei formati avviene "al volo", quindi è difficile dire quale funzioni meglio.

Puoi anche utilizzare il codice per il file .htaccess, che verificherà il supporto del browser per WebP e, se la risposta è no, sostituirà l'immagine con JPEG. Inoltre, tutte le immagini devono trovarsi nella stessa cartella e della stessa dimensione (larghezza + altezza).

Pertanto, un web designer e gli sviluppatori possono utilizzare il formato WebP se il progetto, il sito, si concentra sui browser moderni. Quindi funzionerà e verrà visualizzato sulle pagine.

Come vedere i fileWebP su computer

Inizialmente, Windows non supporta questo formato e, se Telegraphics ha creato un plug-in per Photoshop, Google ha rilasciato un plug-in per la possibilità di visualizzare i file di immagine nel normale Visualizzatore foto di Windows. Inoltre, questo plug-in crea e visualizza in anteprima le immagini in Explorer per Microsoft Office Picture Manager. Il download è presentato di seguito.

Gli sviluppatori di PaintShop Pro, IrfanView, Picasa, XnView, Gimp, Paint.NET e altri hanno anche creato il supporto WebP, che può essere scaricato direttamente dai loro siti ufficiali.

Chi ne ha bisogno? Pro e contro

Dal momento che abbiamo fatto una riserva più di una volta che il formato di file immagine WebP non può essere un sostituto completo per JPEG, quindi ragionevolmente molti di noi prima o poi hanno una domanda: questo formato è davvero necessario e in quali casi il suo uso è giustificato .

Se il progetto prevede l'uso di un gran numero di immagini di diverse dimensioni e risoluzioni, allora, senza dubbio, dovrebbe essere introdotto questo formato.

PNG (124 Kb)

WebP (78kb)


Per quanto riguarda il supporto del browser, ogni anno, se non mezzo anno, nel mondo intero, le vecchie versioni stanno diventando un ricordo del passato, proprio come le vecchie versioni di Windows. XP, Vista, 7. Allo stesso modo, i browser obsoleti, soprattutto perché quasi tutti vengono aggiornati automaticamente se installati. Di conseguenza, non c'è supporto WebP in casi isolati, che potrebbero non essere così critici per il progetto.

D'altra parte, ci sono le librerie e la possibilità di utilizzare il doppiaggio e la conversione JPEG al volo.

Tuttavia, è necessario ricordare che questo formato non è molto utilizzato, quindi è necessario disporre di varianti di JPEG a portata di mano. E qui ancora la duplicità: se i browser dei visitatori del sito hanno il supporto per WebP, allora perché non offrire loro un download quasi istantaneo di quello che altri caricheranno molto più a lungo? In effetti, in generale, ciò avrà solo un effetto positivo sulla conversione del sito.

Un altro vantaggio - supporto alla trasparenza (canale alfa), cioè, è simile al formato PNG. E se in PNG l'immagine pesa più di 7 Mb, in WebP è di circa 700 Kb.

Dove viene utilizzato?Webp

Dalla prima volta, visitando un determinato sito, è impossibile dire con certezza se WebP venga utilizzato o meno. Il punto è che le immagini possono essere convertite in JPEG. Ma d'altra parte, puoi determinare esattamente dove sulla pagina c'è WebP e dove - JPEG è possibile tramite la console dello sviluppatore. Ad esempio, un portale di videogiochi Stevivor converte screenshot, mappe e immagini di grandi dimensioni esattamente in WebP, per mantenere la qualità e le dimensioni ridotte. Ci sono molti videogiochi, guide per ogni singolo gioco e anche più immagini: l'uso del 100% è giustificato.

Telegramma salva in formato WebP le immagini degli adesivi, così popolari sia sulla versione desktop del social network che sul cellulare.

Ci sono un altro paio di funzionalità del formato WebP. Le impostazioni di compressione non sono esattamente le stesse di JPEG. Non aspettarti che la qualità JPEG del 50% corrisponda alla qualità WebP del 50%. Nel caso di WebP, la qualità scende abbastanza rapidamente, quindi è meglio iniziare con i valori più alti e diminuirli gradualmente. Un altro vantaggio a favore di WebP è la possibilità di aggiungere una maschera del canale alfa, proprio come in PNG. A differenza del formato concorrente, l'immagine WebP può essere compressa a un decimo della dimensione di un'immagine PNG. Questo è davvero ciò che distingue WebP.

Un esempio reale: un file PNG da 880 Kb (immagine a 24 bit con canale alfa) è stato compresso a 41 Kb - compressione del 95%! Sebbene questa non sia una situazione comune, le possibilità di WebP sono ovvie.


La differenza sta nella qualità delle trame. (Versione completa)

Per ridurre ulteriormente la dimensione del file, non possiamo includere i metadati deselezionando la casella di controllo "Salva metadati" nella finestra di salvataggio dell'editor di immagini. Per risultati ancora maggiori, puoi scegliere un "canale alfa con perdita".

Le impostazioni di qualità per il canale alfa vengono applicate all'immagine stessa. Ad esempio, le immagini con una qualità del 50% avranno una qualità alfa del 50%. Nei nostri test, ci aspettavamo una distorsione sul bordo della maschera, ma ci sono state anche notevoli modifiche all'intera immagine. Naturalmente, questa è un'opzione per ridurre ulteriormente le dimensioni, ma vale la pena monitorare la qualità dell'immagine con molta attenzione.

Inoltre, presta attenzione alle bande indesiderate nel canale alfa.

La differenza sta nella qualità del canale alfa. (Versione completa)

Siamo stati felicissimi quando abbiamo scoperto il plugin Photoshop per il supporto WebP. Con esso, puoi facilmente regolare la qualità delle immagini WebP. Tuttavia, l'interfaccia del plugin lascia molto a desiderare. Al momento non è possibile visualizzare l'immagine per valutare le impostazioni di qualità.

Plugin WebP per Photoshop.

Come soluzione alternativa, puoi confrontare i file in Google Chrome. Anche l'apertura della finestra di dialogo Salva è scomoda in Photoshop. Per questo, abbiamo assegnato un tasto di scelta rapida in modo da non utilizzare costantemente la finestra di dialogo. Nonostante l'inconveniente, ne vale comunque la pena.

Con eccellenti tassi di compressione, buona qualità e canale alfa, WebP sembra un buon concorrente degli attuali formati di immagine.

Nonostante i promettenti risultati dei test, non esiste un leader chiaro tra tutti i formati. Sebbene WebP funzioni in modo impressionante tra gli altri formati, JPEG e PNG a 8 bit a volte sono ancora migliori di WebP in termini di dimensioni e/o qualità. Pertanto, ti consigliamo di eseguire i tuoi test prima di tradurre tutte le tue immagini in WebP, perché potrebbe non corrispondere esattamente alle tue esigenze.

Implementazione

Avendo stabilito che WebP poteva essere uno strumento efficace per noi, ci siamo rivolti ai nostri sviluppatori per implementare questo formato. WebP è completamente supportato da Chrome, Opera, Opera Mini, browser Android e Chrome per Android. Firefox, Internet Explorer e Safari non hanno un supporto completo, sebbene Firefox abbia una storia con WebP. Fortunatamente, esistono diversi modi per eseguire il rendering di WebP in questi browser.

Abbiamo trovato 3 modi per supportare questo formato. Per noi era importante capire che stiamo utilizzando lo strumento migliore in termini di dimensioni della pagina, ricordando che l'indice di velocità è una metrica chiave e tenendo conto di eventuali polyfill Javascript necessari.

Abbiamo eseguito 4 test per determinare quale formato funziona meglio per noi. Il primo ha utilizzato JPEG come campione di controllo e gli altri 3 hanno utilizzato gli approcci descritti di seguito. Abbiamo usato un'immagine JPEG e un'immagine WebP della stessa qualità (269 KB JPEG e 52 KB WebP).

Nel secondo test abbiamo incluso WebPJS, un polyfill da 67Kb creato da Dominic Homberger. Fornisce supporto WebP in tutti i browser moderni, anche IE6 e versioni successive. Il polyfill è conveniente in quanto non è necessario modificare il tag img nel codice, è sufficiente modificare l'estensione dell'immagine da .jpg e .png a .webp.

L'approccio successivo è stato quello di utilizzare Picturefill, un polyfill che consente di utilizzare un tag anche quando non è completamente supportato. Può essere utilizzato per servire WebP e, se il formato non è supportato dal browser, dargli JPEG, PNG o un altro formato.

L'ultimo test stava usando il file .htaccess sul server per implementare WebP. Questa variante è stata sviluppata da Vincent Orbach.

Usandolo, il codice in .htaccess cerca se c'è una versione WebP di ogni immagine sulla pagina. Se il browser supporta WebP ed è disponibile un'immagine WebP, viene offerta al posto di un'immagine JPEG o PNG. È conveniente e non è necessario modificare il markup della pagina web.

Dopo aver esaminato i risultati, abbiamo concluso che il polyfill WebP (dal secondo test) è la soluzione più leggera che funziona in tutti i browser, ma non eravamo soddisfatti della metrica dell'indice di velocità quando si utilizza questo metodo. Il polyfill WebP rende le immagini peggio del benchmark JPEG e peggio di altre implementazioni non iOS. Tendiamo a utilizzare questa implementazione a causa di un migliore supporto del browser.

È stato anche notato che i file sui dispositivi iOS occupavano 100Kb in più rispetto ad altri dispositivi. Abbiamo scoperto che in iOS5.1 sia in IE 8 che in IE9, l'immagine WebP è stata caricata 3 volte. Sebbene altre 2 volte non siano buone, ha comunque occupato meno spazio dell'equivalente JPEG. Non l'abbiamo testato nelle versioni più recenti di iOS, potrebbe essere già stato risolto lì.

Uno sguardo al futuro

Il nostro team ha deciso di implementare il metodo utilizzato nel test 3, utilizzando un tag per servire le immagini WebP ai browser che le supportano e servire JPEG o PNG a coloro che non sanno nulla di WebP.

Riteniamo che questo sia il miglior miglioramento progressivo e supporta la pubblicazione di immagini in un formato supportato dal browser.

Inizialmente, abbiamo utilizzato il metodo polyfill, ma sentivamo che il risultato non sarebbe stato perfetto.
WebP non può ancora sostituire completamente JPEG o PNG, ma sarà uno strumento molto interessante nel tuo arsenale.

Dal traduttore: Gli autori hanno utilizzato iOS 5.1 perché, al momento del test, WebPageTest.org supportava solo questa versione del sistema. IE8 e IE9 per vedere come funzionerebbe WebP in browser così vecchi + quei browser sono ancora importanti per i loro clienti. Ora ci sono già molte versioni online di convertitori.

È un formato di immagine sviluppato da Google nel 2010. È stato creato come alternativa ai formati PNG e JPG. Con WebP, puoi creare immagini molto più piccole dei tradizionali formati JPG e PNG senza degradare la qualità dell'immagine.

Perché è necessario WebP?

WebP è un formato di immagine molto utile in quanto offre sia ottimizzazioni delle prestazioni che ricche funzionalità. A differenza di altri formati, WebP supporta compressione, trasparenza e animazione con e senza perdita di dati.

WebpImmagine PNGJpgGIF
Compressione con perdita+ + +
Compressione senza perdite+ + + +
Trasparenza+ + +
Animazione+ +

Anche con questa ricca funzionalità, il formato WebP offre file di dimensioni notevolmente inferiori rispetto alle sue alternative. In uno studio comparativo di questi formati di immagine, è stato scoperto che le immagini WebP compresse con perdita erano, in media, il 30% più piccole di JPG e le immagini WebP senza perdita erano, in media, il 25% più piccole di PNG.

Come convertire le immagini in WebP

Esistono già diversi strumenti per convertire facilmente JPG, PNG e altri formati di file in WebP.

Convertitori online in WebP

  • Squoosh- uno strumento per convertire e confrontare i formati di immagine di Google
  • Online-Convert.com- convertitore online

Strumenti da riga di comando per WebP

Anche se questo è parecchio, non è sufficiente evitare di fare un fallback per i browser non supportati. In caso contrario, alcuni utenti non vedranno l'immagine.

È possibile eseguire il backup delle immagini utilizzando l'elemento Elemento. È un elemento HTML5 che ci consente di utilizzare più file sorgente per una singola immagine.

Per fornire una fonte di immagini alternativa, usiamo elemento nell'elemento Elemento.
Elemento ci sono attributi per definire il tipo di immagine e istruzioni su quando usare quale tipo:

  • type: tipo MIME del file sorgente;
  • srcset: percorso del file immagine. Per visualizzare un'immagine di dimensioni diverse, puoi utilizzare diversi file (vedi)
  • dimensioni: Elenco delle dimensioni di ogni file sorgente (vedi articolo sopra)
  • media: Media query per determinare quale fonte verrà utilizzata per visualizzare l'immagine.

Oltre agli elementi , il codice deve contenere anche il solito tag come fallback per i browser che non supportano più formati di file tramite l'elemento

Principali articoli correlati