Herramientas para maquetación web
Utilidades gratuitas que funcionan en tu navegador, pensadas para usar junto al generador de imágenes placeholder: ajusta, copia el código y sigue maquetando.
Tamaños y medidas
- Tamaños de imagen para redes sociales Medidas para Instagram, Facebook, X, LinkedIn, YouTube, TikTok y Open Graph.
- Tamaños de banners IAB Formatos publicitarios estándar con vista previa y URL de placeholder.
- Calculadora de relación de aspecto Calcula el alto o el ancho para 16:9, 4:3, 1:1 o cualquier proporción.
- Generador de srcset y picture HTML de imágenes responsive con srcset, sizes y picture.
Generadores de CSS
- Generador de box-shadow Sombras CSS con varias capas, sombra interior y vista previa sobre una imagen.
- Generador de degradados CSS Degradados lineales, radiales y cónicos con varias paradas de color.
- Generador de border-radius Esquinas redondeadas una a una y formas orgánicas.
- Filtros CSS para imágenes Desenfoque, blanco y negro, sepia, brillo, contraste y más, con vista previa.
- Generador de clip-path Recorta imágenes en círculos, polígonos y formas propias.
Imágenes
- Convertir imágenes a WebP y AVIF Convierte y comprime JPG y PNG en tu navegador, sin subir nada.
- Imagen a Base64 Convierte una imagen en data URI para CSS o HTML.
- Generador de favicon Favicon e iconos de app a partir de un texto o una imagen.
- Placeholders SVG y LQIP Marcadores SVG en línea y vistas previas borrosas para la carga diferida.