Eines per a maquetació web
Utilitats gratuïtes que funcionen al teu navegador, pensades per fer servir amb el generador d'imatges placeholder: ajusta, copia el codi i continua maquetant.
Mides i proporcions
- Mides d'imatge per a xarxes socials Mides per a Instagram, Facebook, X, LinkedIn, YouTube, TikTok i Open Graph.
- Mides de bàners IAB Formats publicitaris estàndard amb vista prèvia i URL de placeholder.
- Calculadora de relació d'aspecte Calcula l'alçada o l'amplada per a 16:9, 4:3, 1:1 o qualsevol proporció.
- Generador de srcset i picture HTML d'imatges responsive amb srcset, sizes i picture.
Generadors de CSS
- Generador de box-shadow Ombres CSS amb diverses capes, ombra interior i vista prèvia sobre una imatge.
- Generador de degradats CSS Degradats lineals, radials i cònics amb diverses parades de color.
- Generador de border-radius Cantonades arrodonides una a una i formes orgàniques.
- Filtres CSS per a imatges Desenfocament, blanc i negre, sèpia, brillantor, contrast i més, amb vista prèvia.
- Generador de clip-path Retalla imatges en cercles, polígons i formes pròpies.
Imatges
- Convertir imatges a WebP i AVIF Converteix i comprimeix JPG i PNG al navegador, sense pujar res.
- Imatge a Base64 Converteix una imatge en data URI per a CSS o HTML.
- Generador de favicon Favicon i icones d'app a partir d'un text o d'una imatge.
- Placeholders SVG i LQIP Marcadors SVG en línia i vistes prèvies borroses per a la càrrega diferida.