Quali piattaforme accettano il WebP
Shopify supporta WebP? Etsy accetta AVIF? Una guida di riferimento per capire cosa accetta ogni piattaforma e cosa ricodifica silenziosamente.
Le moderne piattaforme di e-commerce accettano WebP e sempre più spesso AVIF, i flussi di lavoro di stampa e legali non accettano nessuno dei due, e i client di posta elettronica si collocano in una via di mezzo non priva di difficoltà. JPEG e PNG rimangono gli unici 2 formati accettati ovunque senza riserve.
Accettare un formato e preservarlo sono due cose diverse. Diverse piattaforme acquisiscono il tuo file WebP e lo ricodificano in JPEG dietro le quinte, il che significa che ti assumi il rischio di compatibilità senza ottenere i benefici in termini di dimensioni. Sapere quali piattaforme si comportano così cambia il modo in cui dovresti caricare i file.
Supporto dei formati per piattaforma
Controlla l'ultima colonna prima di scegliere un formato di caricamento, perché una piattaforma che ricodifica tutto rende irrilevante la tua scelta del formato. Il supporto cambia nel tempo, quindi verifica con la documentazione corrente prima di una migrazione importante.
| Piattaforma | WebP | AVIF | Ricodifica i caricamenti |
|---|---|---|---|
| Shopify | Accettato | Parziale | Sì, distribuisce le proprie varianti |
| WordPress | Accettato | Parziale | Genera dimensioni miniatura |
| Amazon | Non accettato | Non accettato | Sì |
| Etsy | Non accettato | Non accettato | Sì |
| eBay | Misto | Non accettato | Sì |
| Social network | Misto | Raramente | Sì, sempre |
| Client email | Inaffidabile | Non supportato | No |
| Portali governativi | Rifiutato | Rifiutato | No |
| Servizi di stampa | Rifiutato | Rifiutato | No |
Il modello in questa tabella è coerente. I sistemi creati di recente per il web accettano i formati moderni, mentre i sistemi creati per la stampa, la conformità o la compatibilità con sistemi legacy non lo fanno. L'età del sistema predice il supporto del formato meglio della dimensione dell'azienda che lo gestisce.
I browser non sono più il problema
Ogni browser attuale supporta WebP, inclusi Chrome, Firefox, Safari ed Edge su desktop e dispositivi mobili. Safari ha aggiunto il supporto nel 2020, ponendo fine all'ultimo serio argomento di compatibilità contro questo formato.
AVIF si trova un passo indietro, con supporto in tutti i principali browser ma con un comportamento meno coerente nelle versioni più vecchie e in alcuni visualizzatori integrati. Per un sito web pubblico, WebP è sicuro senza un fallback e AVIF è sicuro con uno. I problemi rimanenti sono del tutto esterni ai browser.
Perché le piattaforme ricodificano i tuoi caricamenti
Le piattaforme ricodificano per controllare i propri costi di distribuzione e per servire la dimensione corretta a ciascun dispositivo. Un marketplace che mostra un'immagine in 6 layout diversi ha bisogno di 6 varianti, e generarle da un unico caricamento è più semplice che chiedere ai venditori di fornirle.
La ricodifica ha una conseguenza che vale la pena comprendere. Caricare un file pesantemente compresso fornisce alla piattaforma una sorgente danneggiata su cui lavorare, e il danno si trascina in ogni variante. Laddove una piattaforma ricodifica, carica un file di alta qualità con le dimensioni corrette e lascia che sia la piattaforma a gestire la compressione, anziché comprimere due volte.
Dove WebP aiuta davvero
WebP aiuta maggiormente sui siti che controlli direttamente, dove il file che carichi è lo stesso file che un visitatore scarica. Il tuo sito web, un negozio in self-hosting e un sito di documentazione rientrano tutti in questa categoria.
- Il tuo sito web. Massimo beneficio, poiché nulla ricodifica il file.
- Negozi in self-hosting. Massimo beneficio, e la velocità della pagina influisce direttamente sulle conversioni.
- Sistemi di contenuto che generano varianti. Beneficio parziale, perché la piattaforma decide l'output.
- Marketplace. Nessun beneficio, poiché i caricamenti vengono ricodificati indipendentemente da ciò che invii.
- Social network. Nessun beneficio, poiché ogni rete converte nel proprio formato.
Dove WebP causa problemi
Evita WebP ovunque una persona debba scaricare il file e aprirlo in un software esterno al browser. Gli strumenti di progettazione, i software per l'ufficio e i flussi di lavoro di stampa gestiscono ancora male questo formato.
Il fallimento più comune si riscontra nei press kit o nelle cartelle stampa. Un giornalista che scarica un logo in WebP potrebbe non essere in grado di inserirlo nel proprio software di impaginazione, e la richiesta rischia di rimanere senza risposta piuttosto che essere rimandata indietro. I moduli di caricamento governativi rappresentano il secondo fallimento comune, dove la validazione rifiuta categoricamente il formato con un errore che raramente ne indica la causa.
Come decidere quale formato caricare
Per scegliere correttamente, rispondi a queste 4 domande in ordine.
- Il file verrà scaricato e aperto al di fuori di un browser? Se sì, usa JPG o PNG.
- La piattaforma ricodifica i caricamenti? Se sì, carica un JPG o PNG di alta qualità e lascia decidere alla piattaforma.
- Controlli la distribuzione del file? Se sì, usa WebP, con AVIF sulle immagini più pesanti.
- L'immagine ha bisogno di trasparenza? Se sì, usa PNG o WebP, poiché JPEG non ha un canale di trasparenza.
Queste 4 domande risolvono quasi tutti i casi senza bisogno di una tabella di compatibilità. Il principio di base è semplice: i formati moderni appartengono ai contesti in cui controlli la pipeline, mentre i formati universali appartengono a tutto il resto.
Servire formati moderni in sicurezza sul proprio sito
Usa un elemento picture elencando prima AVIF, poi WebP e un fallback JPEG nel tag img. Il browser seleziona il primo formato che comprende, così i browser più recenti ottengono il file di piccole dimensioni e quelli più vecchi visualizzano comunque un'immagine.
Il markup richiede poche righe per immagine ed elimina completamente il rischio di compatibilità. La maggior parte dei sistemi di gestione dei contenuti e dei costruttori di siti genera ora questo schema automaticamente al momento del caricamento, quindi verifica cosa fa già la tua piattaforma prima di scriverlo a mano. Convertire le immagini richiede un paio di minuti, mentre scrivere il markup di solito richiede più tempo.
Come verificare cosa accetta realmente una piattaforma
Carica un file di test e controlla cosa restituisce la piattaforma, poiché la documentazione è spesso obsoleta. La risposta richiede 2 minuti ed è più affidabile di qualsiasi elenco pubblicato.
Carica un'immagine WebP, visualizza la pagina pubblicata, fai clic con il pulsante destro del mouse sull'immagine e aprila in una nuova scheda. L'estensione del file nella barra degli indirizzi mostra ciò che la piattaforma sta effettivamente distribuendo. Un'estensione .jpg significa che il tuo file WebP è stato convertito, mentre un'estensione .webp significa che è stato preservato. Ripeti il test dopo ogni aggiornamento importante della piattaforma.
Formati che stanno scomparendo silenziosamente
BMP, TIFF e GIF animate funzionano ancora quasi ovunque e rappresentano la scelta sbagliata in quasi tutti i casi. Ognuno sopravvive perché i vecchi software lo producevano, non perché svolga bene qualche funzione.
Il formato BMP memorizza le immagini quasi senza compressione, quindi uno screenshot può pesare 20 volte il suo equivalente PNG. Il formato TIFF rimane uno standard nella stampa e nella scansione ed è inutilizzabile sul web. Il formato GIF animato è limitato a 256 colori e spesso pesa più di un breve video dello stesso clip. Convertire questi 3 formati al momento della ricezione, anziché memorizzarli, evita di trascinarsi dietro il loro peso lungo l'intero flusso di lavoro.
Pianificare una migrazione di formato
Converti una copia della libreria anziché gli originali, e conserva gli originali finché i nuovi file non sono online e verificati. Le migrazioni di formato sono una delle poche attività sulle immagini che possono causare la perdita permanente del lavoro.
Procedi in 4 fasi. Esegui un controllo su quali immagini sono effettivamente utilizzate, poiché la maggior parte delle librerie contiene file a cui nessuna pagina fa riferimento. Converti una copia nel formato di destinazione alle dimensioni corrette. Pubblica i nuovi file insieme a un fallback in modo che nulla si interrompa durante il passaggio. Rimuovi gli originali solo dopo aver verificato le pagine su un telefono, su un browser desktop e su qualsiasi sistema client che consumi le immagini.
E per quanto riguarda AVIF
AVIF comprime circa il 20-30% in più rispetto a WebP sulle fotografie di grandi dimensioni e codifica molto più lentamente. Il formato vale lo sforzo extra sulle immagini hero e sulle pagine ricche di fotografie.
Al di sotto di circa 10 KB, un file WebP è spesso più piccolo, perché AVIF comporta un sovraccarico di metadati del contenitore maggiore di quanto le immagini minuscole possano giustificare. Usa AVIF sulle immagini più grandi, WebP altrove sul sito, e mantieni un fallback JPEG per entrambi. Il supporto delle piattaforme al di fuori dei browser è ancora limitato, quindi AVIF appartiene ai siti che controlli direttamente piuttosto che ai file che consegni ad altre persone.
Convertire una libreria per una destinazione specifica
Converti una sola volta nel formato effettivamente utilizzato dalla destinazione anziché convertire ripetutamente tra formati diversi. Ogni conversione con perdita di dati scarta dettagli, quindi un file che è passato attraverso 3 formati porta con sé 3 generazioni di perdite.
Decidi prima la destinazione, poi converti direttamente dall'originale. I nostri convertitori gestiscono ogni combinazione comune, inclusi HEIC, PNG, JPG, WebP, AVIF, GIF e BMP in entrambe le direzioni, quindi non c'è bisogno di far passare un file attraverso un formato intermedio. È possibile elaborare lotti fino a 500 file contemporaneamente, interamente all'interno del browser, il che significa che un'intera libreria di immagini può essere preparata per una migrazione senza che un singolo file lasci il tuo computer.