Come convertire in WebP tutte le immagini sul Drupal

CDN OptiPic — soluzione semplice al problema "Servire immagini in formati di nuova generazione"
Secondo le raccomandazioni
Google PageSpeed Insights
Connessione facile
in 5 minuti
Istruzioni video
in 2 minuti
Supporto tecnico gratuito
+ aiuto per l'installazione
Smart WebP conversazione al volo
Cosa fa OptiPic CDN quando prova a richiedere un'immagine da esso:
  • Restituisce la versione WebP dell'immagine.
    se il browser supporta il formato WebP
  • Restituisce una versione compressa senza webp
    se il browser non supporta WebP
  • Rende reattivo agli schermi mobili
    se l'immagine viene aperta da un cellulare
  • Cache e velocizza il caricamento
    riducendo il carico dal tuo hosting
  • Protegge le tue immagini
    preservare il copyright tramite i tag EXIF e IPTC
  • Usa il tuo
    nome di dominio
    per caricare immagini da img.domain.com, ecc
  • Caricamento pigro
    e immagini
    Le immagini vengono caricate mentre scorri le pagine
La conversione in Webp e la compressione delle immagini avviene in background e non rallenta l'apertura delle immagini sul browser.
Se la versione ottimizzata non è ancora pronta al momento della richiesta dell'immagine, viene restituita la versione originale senza alcuna elaborazione.

Istruzioni video per la configurazione del modulo Drupal

5 semplici passaggi per connettere WebP a Drupal

Passo #1: Scarica plug-in Drupal WebP

Scarica e installa il plug-in CDN OptiPic ufficiale per Drupal sul tuo sito.

Passo #2: Iscriviti a OptiPic CDN

Registrati nel tuo account OptiPic CDN e aggiungi un nuovo sito al tuo pannello di controllo CDN.

5 semplici passaggi per connettere WebP a Drupal: pic #3

Passo #3: Copia l'ID del sito

Copia l'ID del sito Web creato negli appunti (Ctrl + C)

5 semplici passaggi per connettere WebP a Drupal: pic #4

Passo #4: Incolla l'ID del sito nel plug-in Drupal WebP

Vai alla pagina delle impostazioni del plugin precedentemente installato sul tuo sito.

Incolla l'ID del sito copiato nel campo delle impostazioni corrispondente.

Passo #5: Salva le tue impostazioni

Salva le impostazioni del plug-in. Svuota la cache nel pannello di controllo Drupal.

Modifica altre impostazioni del plugin se necessario

Descrizione delle impostazioni del modulo


Site ID in your personal account CDN OptiPic (ID sito nel tuo account personale CDN OptiPic)
Puoi scoprire l'ID del tuo sito web nel tuo account personale CDN OptiPic. Aggiungi il tuo sito al tuo account se non l'hai già fatto.
Per disattivare la fedeltà automatica, è sufficiente cancellare l'ID del sito.
Domain list (if images are loaded via absolute URL) (Elenco domini (se le immagini vengono caricate tramite URL assoluto))
Ciascuno su una nuova riga e senza specificare il protocollo (http/https).
Site pages that do not include auto-replace (Pagine del sito che non includono la sostituzione automatica)
Ognuno su una nuova riga e deve iniziare con una barra (/)
Replace only URLs of images starting with a mask (Sostituisci solo gli URL delle immagini che iniziano con una maschera)
Ognuno su una nuova riga e deve iniziare con una barra (/)
List of 'srcset' attributes (Elenco degli attributi 'srcset')
Elenco di attributi di tag, in cui è necessario sostituire srcset-markup of images
CDN domain (dominio CDN)
Dominio attraverso il quale funzionerà CDN OptiPic. Puoi utilizzare il tuo sottodominio (img.yourdomain.com, optipic.yourdomain.com, ecc.) invece dello standard cdn.optipic.io. Per connettere il tuo sottodominio, contatta il supporto tecnico di OptiPic.
Cosa ottiene l'ottimizzazione delle immagini sul sito
  • Velocizzare
    il sito
  • Migliorare
    SEO
  • Aumento
    della conversione
  • Aumento di Google
    Pagespeed Insights

Perché vale la pena utilizzare WebP per Drupal?

L'utilizzo di Webp risolve il problema "Pubblica immagini nei formati di nuova generazione" in Google Pagespeed Insights.

In breve, WebP comprime il file meglio, a parità di condizioni, rispetto ai formati precedenti (png e jpeg), il che significa che occupa meno spazio sull'hosting e si carica più velocemente nel browser durante la visualizzazione della pagina.

L'implementazione di WebP è attivamente promossa da Google, che fornisce tali statistiche:

  • WebP comprime le immagini senza perdita di dati del 26% in più rispetto a PNG.
  • WebP comprime le immagini con perdita di dati meglio di JPEG del 25-34% con lo stesso indice di somiglianza strutturale (SSIM)
  • WebP supporta la trasparenza senza perdita di dati (nota come alpha) con un aumento delle dimensioni di solo il 22%.

Se il browser del visitatore non supporta WebP, il CDN restituirà il vecchio formato (png/jpeg), ma compresso (ottimizzato per il Web)

Cos'è la compressione delle immagini

L'ottimizzazione dell'immagine è un'elaborazione speciale di un file grafico per ridurne le dimensioni senza perdita di qualità visiva.

Per eseguire questa procedura, ci sono un gran numero di algoritmi abbastanza complessi. Tuttavia, sono tutti basati sulla stessa base: tutti i dati del servizio lì (ad esempio, il nome del programma che memorizza il file, ecc.) Devono essere rimossi dal file grafico e inoltre, utilizzando programmi speciali, unisci / colori simili lisci.

Di conseguenza, otteniamo la stessa immagine, che visivamente non è cambiata. Tuttavia, il volume (peso) di questo file in byte sarà molto inferiore all'originale. Se questa elaborazione viene eseguita correttamente, il file immagine può essere ridotto al 98% senza perdere la qualità dell'immagine.

Ciò significa che le immagini sulle pagine del sito verranno caricate molte volte più velocemente dopo l'ottimizzazione.

Cosa ottimizzerà le immagini per il tuo sito

  • Risparmia spazio su disco.
  • Velocizza il caricamento della pagina.
  • Carico minimo del server.
  • Aumenta la conversione.
  • Migliore posizionamento del sito per i risultati di ricerca.

È stato dimostrato che l'accelerazione del sito Web può migliorare i fattori comportamentali, nonché aumentare la conversione del sito Web (aumentare le vendite). Più a lungo si carica la pagina del sito, meno clienti saranno in grado di eseguire determinate azioni target lì. Se il tuo sito su Internet non funziona abbastanza velocemente, hai tutte le possibilità di perdere il tuo potenziale reddito. L'accelerazione della risorsa online fornirà l'opportunità di migliorare la conversione e, di conseguenza, aumentare notevolmente le entrate e attirare più clienti.

Vantaggi OptiPic

  • Non ci sono pagamenti mensili.
  • Automazione completa.
  • Assistenza alla connessione gratuita.
  • Per connettersi e utilizzare il servizio, non è necessario possedere particolari competenze di programmazione o amministrazione.
  • Non ci sono restrizioni sulla dimensione dell'immagine nel sistema.
  • Assistenza tecnica amichevole.

In che modo l'ottimizzazione delle immagini per Drupal può velocizzare un sito?

Una pagina di qualsiasi sito molto spesso è composta da:

  • immagini;
  • codice html (contenuto del testo, layout, markup);
  • video;
  • script javascript con logica in esecuzione dal browser;
  • file CSS con stili di pagina.

Un elemento come un'immagine occupa la maggior parte dell'intero volume delle pagine del sito ed è la parte "più pesante" delle pagine. La riduzione (ottimizzazione) delle immagini renderà senza dubbio significativamente più veloce il download di qualsiasi risorsa online.

 

Di conseguenza, se modifichi (riduci) la dimensione delle immagini, tutte le pagine del sito inizieranno a caricarsi molto più velocemente.

La compressione delle immagini sul sito consentirà di ridurne il volume al 75-98%, senza perdere la qualità visiva.

Con l'avanzare della tecnologia, gli utenti incontrano sempre più frequentemente il formato WebP quando scaricano immagini sui loro computer. Sviluppato da Google, questo formato consente ai webmaster di caricare immagini di alta qualità e compatte sui loro siti, che possono essere visualizzate su laptop, smartphone e non solo in un browser.

Le immagini possono rallentare significativamente il caricamento di un sito web e aumentare i costi di hosting, motivo per cui i proprietari del sito devono trovare un equilibrio tra qualità e capacità. Mentre le classiche immagini JPEG potrebbero non sempre raggiungere il risultato desiderato, PNG fornisce immagini di alta qualità ma con un file molto più pesante.

Fortunatamente, il formato WebP di Google fornisce un'eccellente combinazione di dimensioni del file e qualità, rendendolo un'opzione altamente raccomandata per i proprietari del sito che cercano di velocizzare il caricamento del loro sito. Tuttavia, come qualsiasi nuovo formato, possono sorgere problemi di compatibilità quando si utilizzano browser meno comuni. Ciò può essere risolto assicurandosi che le immagini siano visualizzate nei soliti formati pesanti in tali casi o utilizzando plugin speciali che consentono una facile conversione.

Convertire i vecchi formati PNG/JPEG in WebP è facile con l'aiuto di vari strumenti, ma la conversione di tutte le immagini di un sito già creato può essere un compito arduo. Ecco dove entra in gioco OptiPic CDN, poiché automatizza la compressione delle immagini di Drupal, consentendo una conversione rapida e facile. Il servizio offre anche una cache e ottimizzazione aggiuntive per velocizzare ulteriormente il caricamento del sito.

Per utilizzare OptiPic CDN, gli utenti devono semplicemente scaricare e installare il plugin per Drupal sul loro sito web utilizzando le istruzioni video fornite sulla pagina principale del servizio. Il plugin converte e fornisce file WebP agli utenti se il loro browser supporta questo formato, restituisce una versione compressa di un'immagine nel vecchio formato se il browser dell'utente non supporta WebP e adatta le immagini ai display dei telefoni se necessario.

In generale, il formato WebP è un'ottima opzione per i proprietari del sito che cercano di migliorare i tempi di caricamento del sito e ridurre i costi di hosting. Con l'aiuto di OptiPic CDN, la conversione delle immagini in questo formato è rapida e facile, rendendolo una soluzione altamente raccomandata per gli utenti di Drupal.

WebP, un formato di immagine all'avanguardia sviluppato da Google, offre una serie di vantaggi che lo rendono una vera novità per i web designer e i developer. Ecco ciò che devi sapere:

  • Dimensioni del file più piccole: le immagini WebP sono fino al 34% più piccole rispetto alle loro controparti JPEG e PNG della stessa qualità. Ciò si traduce in tempi di caricamento più veloci e riduzione dell'utilizzo della banda.
  • Qualità dell'immagine superiore: grazie alle tecniche di compressione avanzate, WebP preserva la qualità dell'immagine riducendo significativamente le dimensioni del file. Ciò significa che le immagini appaiono migliori rispetto alle immagini JPEG o PNG della stessa dimensione.
  • Supporto alla trasparenza: WebP supporta sia la trasparenza lossy che lossless, rendendolo un formato versatile per le immagini con sfondo trasparente.
  • Ampio supporto del browser: WebP è supportato dalla maggior parte dei browser moderni, tra cui Google Chrome, Firefox e Microsoft Edge. Può anche essere facilmente convertito in altri formati di immagine per la compatibilità con i browser più vecchi.

Rilasciando WebP come open source, Google ha voluto fornire un formato di immagine più efficiente e veloce per il web. WebP utilizza tecniche di compressione avanzate per ridurre le dimensioni del file delle immagini senza compromettere la qualità, con conseguente tempi di caricamento più veloci e una migliore esperienza utente. Inoltre, rendendo WebP open source, Google incoraggia i developer a contribuire al progetto e migliorare il formato nel tempo.

Sì, WebP supporta sia la visualizzazione progressiva che interlacciata. La visualizzazione progressiva carica l'immagine in più passaggi, consentendo di visualizzare rapidamente una versione a bassa risoluzione dell'immagine mentre la versione ad alta risoluzione si carica in background. La visualizzazione interlacciata carica l'immagine in una serie di linee orizzontali, consentendo di visualizzare rapidamente una versione approssimativa dell'immagine mentre i dettagli più fini si caricano in background.

WebP lossless vs. lossy

WebP lossless è un tipo di formato di immagine che utilizza la tecnologia WebP per comprimere le immagini senza perdere dati o qualità. Ciò lo rende un formato più efficiente per archiviare e condividere immagini sul web, in particolare per immagini che richiedono elevati livelli di dettaglio, come fotografie o grafiche con testo. WebP lossless è compatibile con la maggior parte dei browser web e può essere facilmente integrato in siti web e applicazioni esistenti.

WebP lossy, d'altra parte, utilizza tecniche di compressione lossy per ridurre le dimensioni del file di un'immagine. Sebbene ciò possa comportare una riduzione della qualità dell'immagine, le dimensioni del file risultanti sono più piccole, rendendolo più facile e veloce da caricare sul web. WebP lossy viene spesso utilizzato per immagini che non richiedono elevati livelli di dettaglio o chiarezza, come miniature o immagini di sfondo.

WebP supera JPEG grazie al suo utilizzo di coding di previsione, quantizzazione adattativa a blocchi, filtraggio e codifica aritmetica booleana. Quest'ultima fornisce un miglioramento della compressione del 5%-10% rispetto alla codifica di Huffman.

Inizia ora con il pacchetto GRATUITO

Pagamento una tantum — nessun canone mensile

Il pacchetto acquistato non si esaurisce alla fine del mese: è vantaggioso acquistarlo con diversi mesi di anticipo
Paghi per le visualizzazioni delle immagini CDN. Il costo totale di utilizzo dipende dalla quantità di traffico sul tuo sito. In media, questo è da $ 1,5 per 1.000.000 di visualizzazioni di immagini.
La prima demo di 10,000 visualizzazioni è gratuita.
10,000
visualizzazioni

gratuito

1,000,000
visualizzazioni

10,00 USD 7,00 USD

2,000,000
visualizzazioni

14,00 USD 10,00 USD

5,000,000
visualizzazioni

24,00 USD 18,00 USD

10,000,000
visualizzazioni

40,00 USD 30,00 USD

20,000,000
visualizzazioni

74,00 USD 55,00 USD

50,000,000
visualizzazioni

165,00 USD 123,00 USD

80,000,000
visualizzazioni

235,00 USD 176,00 USD

100,000,000
visualizzazioni

282,00 USD 211,00 USD

Come mai scegli noi?

189 recensioni

OptiPic si integra facilmente con altre piattaforme

?