← Torna alle funzionalità
Pro

Sostitutore immagini

Clicca su qualsiasi immagine e sostituiscila — caricando un file o incollando un URL. La sostituzione si adatta alle dimensioni originali.

Designer e sviluppatori spesso devono vedere come una nuova immagine apparirebbe in un layout esistente. Sostitutore immagini lo rende istantaneo.

Anteprima dal vivo
example.com/product-page Image Replacer: ON
Click any image to replace it
✓ Replaced
product-hero.jpg
Click to replace
product-thumb.png
Replace Image
Current image
product-thumb.png
400 × 300 · 45 KB
Drop image or click to upload
PNG, JPG, SVG, WebP
Or paste image URL
https://...
Apply
Replaced (1)
product-hero.jpg
✓ replaced
Caratteristiche principali

Clicca per selezionare

Passa il cursore sulle immagini per evidenziarle. Clicca per selezionare quella da sostituire.

Carica dal dispositivo

Trascina o clicca per caricare. Supporta PNG, JPG, WebP, SVG e GIF.

Incolla qualsiasi URL

Incolla un URL immagine e viene applicata istantaneamente.

Sostituzione che preserva il layout

La nuova immagine si adatta alle dimensioni originali usando object-fit.

Cronologia sostituzioni

Un pannello laterale traccia tutte le immagini sostituite nella sessione.

Completamente non distruttivo

Tutte le sostituzioni esistono solo in memoria. Aggiorna per ripristinare.

Casi d'uso comuni

Testare nuove immagini hero

Tre immagini hero candidate? Sostituisci direttamente sul sito live.

Mockup per clienti

Sostituisci placeholder con foto prodotto reali del cliente durante una call.

Screenshot localizzati

Sostituisci immagini con versioni specifiche per regione.

Prototipazione design

Prova diversi stili fotografici senza toccare codice.

Test formati immagine

Sostituisci un JPG con un WebP per verificare visivamente la qualità.

Come usare
1

Attiva Sostitutore

Apri il dock e clicca sull'icona Sostitutore immagini.

2

Clicca l'immagine

Clicca sull'immagine da sostituire. Appare una finestra di sostituzione.

3

Scegli sostituzione

Carica un file o incolla un URL. La sostituzione avviene istantaneamente.

4

Rivedi nel contesto

Vedi come la nuova immagine appare nel layout reale.

5

Sostituisci altre o aggiorna

Continua a sostituire o aggiorna la pagina per ripristinare.

Pronto a provare? Sostitutore immagini?

Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox