Generatore di immagini responsive

Esporta la stessa immagine in più larghezze e copia il srcset HTML corrispondente.

Sul tuo dispositivo · Senza account

Generatore di immagini responsive elabora i dati inseriti in questo browser. Dati inseriti e risultati sono esclusi dalle analisi statistiche. Gli strumenti recenti memorizzano i nomi degli strumenti, il numero di visite e la data e l'ora dell'ultima visita. Gli strumenti salvati memorizzano solo i nomi. Il salvataggio delle bozze è facoltativo e avviene su questo dispositivo; elimina il testo salvato con i comandi della bozza. Caricare testo da un URL è facoltativo e contatta il relativo server, che può vedere l'URL e il tuo indirizzo IP. L'azione facoltativa “Usa in” conserva in questa scheda i dati da passare allo strumento successivo. Lo strumento successivo li rimuove all'apertura e li ignora se è trascorso più di un minuto.

“Copia link” include nell'indirizzo i dati che scegli di condividere. Chiunque abbia il link può riaprirli. File e risultati generati sono esclusi. Gli strumenti per password e chiavi condividono solo le impostazioni.

La tua anteprima

Your image preview appears here.
Preparing preview…

Altro
Scorciatoie da tastiera

Link e ripristino

I link includono i dati inseriti e le impostazioni. Chiunque abbia il link può vederli, quindi non inserire testi privati. I file e i risultati generati sono esclusi; le estrazioni casuali vengono ripetute.

Il ripristino ricarica lo strumento con i valori iniziali e rilascia i file aperti e il controllo dei dispositivi. Le bozze salvate restano su questo dispositivo finché non le elimini.

Come creare immagini responsive

Inserisci un elenco di larghezze, poi seleziona ciascuna larghezza per esportarla. Le altezze mantengono le proporzioni dell'originale. Il srcset proposto usa gli stessi nomi di file numerati e descrittori di larghezza; sostituisci la descrizione dell'immagine prima di pubblicare.

Successivo: Selettore colore da immagine

Esempio

L'immagine di esempio da 640 × 360 diventa 320 × 180 con la prima larghezza predefinita. La variante larga 640 pixel resta a 640 × 360.

Prima di usare il risultato

Il browser decodifica i file PNG, JPEG e WebP in ingresso. Per i file animati viene usato il primo fotogramma. I profili colore possono influire sui colori visualizzati; l'esportazione contiene i pixel renderizzati, non i metadati originali.

Successivo: Ridimensiona immagini

Cita questa pagina

ToolOctopus. “Generatore di immagini responsive.” Aggiornato 7 ottobre 2026. https://tooloctopus.com/it/generatore-di-immagini-responsive.

Aggiungi la data di consultazione se le istruzioni che segui la richiedono.

Le citazioni sono formattate con citeproc-js di Frank Bennett e gli stili Citation Style Language. Licenza e codice sorgente.

Trova uno strumento

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.