gerador de blob svg
Um blob é uma forma orgânica, sem cantos retos, usada como elemento decorativo atrás de uma foto, um cartão ou um título de hero. Esta página já abre o gerador em modo blob, pronto para ajustar e exportar.
Um blob com irregularidade moderada e gradiente suave costuma funcionar melhor atrás de uma foto do que atrás de texto denso.
O morph entre duas seeds do mesmo número de pontos cria uma respiração sutil de fundo, sem travar a leitura do título por cima.
Porque um blob aleatório sem seed é impossível de recuperar: se você gostou da forma e recarregou a página, ela some. Com seed, a mesma string sempre reconstrói exatamente o mesmo blob, então você pode anotar a seed, colar num link ou versionar no código, e o resultado visual nunca muda.
Não, o código exportado é um `<svg>` autocontido em SVG 1.1 padrão. É só colar direto no HTML, importar como componente React (opção JSX) ou usar como `background-image` via CSS (opção CSS, já em data URI).
Sim, é um vetor com `viewBox` correto: ele escala sem perder qualidade em qualquer tamanho, ao contrário de um PNG exportado numa resolução fixa. A exportação PNG existe só para quando o destino final exige um arquivo raster.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400" role="img" aria-label="Blob shape"><path d="M 382.71,200 C 381.77,223.55 318.24,281.78 296.92,296.92 C 275.61,312.07 224.42,328.02 200,329.83 C 175.58,331.63 107.09,327.52 87.63,312.37 C 68.16,297.23 34.84,227.92 33.15,200 C 31.45,172.08 53.63,94.45 73.1,73.1 C 92.56,51.75 172.95,14.44 200,17 C 227.05,19.56 283.64,73.69 304.96,95.04 C 326.28,116.39 383.65,176.45 382.71,200 Z" fill="#3DDC97"/></svg>O SVG é gerado inteiramente no navegador, a partir da seed. Nada do que você desenha aqui sai do seu dispositivo.