Ferramentas para maquetación web
Utilidades gratuítas que funcionan no teu navegador, pensadas para usar xunto ao xerador de imaxes placeholder: axusta, copia o código e segue maquetando.
Tamaños e medidas
- Tamaños de imaxe para redes sociais Medidas para Instagram, Facebook, X, LinkedIn, YouTube, TikTok e Open Graph.
- Tamaños de banners IAB Formatos publicitarios estándar con vista previa e URL de placeholder.
- Calculadora de relación de aspecto Calcula o alto ou o ancho para 16:9, 4:3, 1:1 ou calquera proporción.
- Xerador de srcset e picture HTML de imaxes responsive con srcset, sizes e picture.
Xeradores de CSS
- Xerador de box-shadow Sombras CSS con varias capas, sombra interior e vista previa sobre unha imaxe.
- Xerador de degradados CSS Degradados lineais, radiais e cónicos con varias paradas de cor.
- Xerador de border-radius Esquinas redondeadas unha a unha e formas orgánicas.
- Filtros CSS para imaxes Desenfoque, branco e negro, sepia, brillo, contraste e máis, con vista previa.
- Xerador de clip-path Recorta imaxes en círculos, polígonos e formas propias.
Imaxes
- Converter imaxes a WebP e AVIF Converte e comprime JPG e PNG no teu navegador, sen subir nada.
- Imaxe a Base64 Converte unha imaxe nun data URI para CSS ou HTML.
- Xerador de favicon Favicon e iconas de app a partir dun texto ou dunha imaxe.
- Placeholders SVG e LQIP Marcadores SVG en liña e vistas previas borrosas para a carga diferida.