Ferramentas para design web
Utilitários gratuitos que funcionam no seu navegador, pensados para usar com o gerador de imagens placeholder: ajuste, copie o código e continue a maquetar.
Tamanhos e medidas
- Tamanhos de imagem para redes sociais Medidas para Instagram, Facebook, X, LinkedIn, YouTube, TikTok e Open Graph.
- Tamanhos de banners IAB Formatos publicitários padrão com pré-visualização e URL de placeholder.
- Calculadora de proporção Calcule a altura ou a largura para 16:9, 4:3, 1:1 ou qualquer proporção.
- Gerador de srcset e picture HTML de imagens responsivas com srcset, sizes e picture.
Geradores de CSS
- Gerador de box-shadow Sombras CSS com várias camadas, sombra interior e pré-visualização sobre uma imagem.
- Gerador de gradientes CSS Gradientes lineares, radiais e cónicos com várias paragens de cor.
- Gerador de border-radius Cantos arredondados um a um e formas orgânicas.
- Filtros CSS para imagens Desfoque, preto e branco, sépia, brilho, contraste e mais, com pré-visualização.
- Gerador de clip-path Recorte imagens em círculos, polígonos e formas próprias.
Imagens
- Converter imagens para WebP e AVIF Converta e comprima JPG e PNG no navegador, sem enviar nada.
- Imagem para Base64 Converta uma imagem num data URI para CSS ou HTML.
- Gerador de favicon Favicon e ícones de app a partir de um texto ou de uma imagem.
- Placeholders SVG e LQIP Marcadores SVG inline e pré-visualizações desfocadas para o carregamento diferido.