Strumenti per il web design
Utilità gratuite che funzionano nel tuo browser, pensate da usare insieme al generatore di immagini placeholder: regola, copia il codice e continua a impaginare.
Dimensioni e proporzioni
- Dimensioni delle immagini per i social Misure per Instagram, Facebook, X, LinkedIn, YouTube, TikTok e Open Graph.
- Dimensioni dei banner IAB Formati pubblicitari standard con anteprima e URL placeholder.
- Calcolatore di proporzioni Calcola l'altezza o la larghezza per 16:9, 4:3, 1:1 o qualsiasi proporzione.
- Generatore di srcset e picture HTML per immagini responsive con srcset, sizes e picture.
Generatori CSS
- Generatore di box-shadow Ombre CSS a più livelli, ombra interna e anteprima su un'immagine.
- Generatore di gradienti CSS Gradienti lineari, radiali e conici con più punti di colore.
- Generatore di border-radius Angoli arrotondati uno per uno e forme organiche.
- Filtri CSS per immagini Sfocatura, bianco e nero, seppia, luminosità, contrasto e altro, con anteprima.
- Generatore di clip-path Ritaglia immagini a cerchio, poligono o forme personalizzate.
Immagini
- Convertire immagini in WebP e AVIF Converti e comprimi JPG e PNG nel browser, senza caricare nulla.
- Immagine in Base64 Trasforma un'immagine in un data URI per CSS o HTML.
- Generatore di favicon Favicon e icone per app a partire da un testo o da un'immagine.
- Placeholder SVG e LQIP Segnaposto SVG inline e anteprime sfocate per il lazy loading.