Destello
Gratis, sin registro, funciona en tu navegador.
Cuatro lóbulos con radios interiores profundos y suavidad moderada: el destello de cuatro puntas que se usa para reflejos, adornos de IA y distintivos de «nuevo». Lo bastante pequeño como para ponerlo en línea con el texto.
Los ajustes que hay detrás
| Generador | Blob |
|---|---|
| Puntos | 4 |
| Aleatoriedad | 18% |
| Suavidad | 55% |
| Semilla | 702 |
Lo que conviene saber
- Cuatro lóbulos dan el brillo clásico; por encima de seis deja de leerse como un destello.
- Una suavidad moderada mantiene los brazos cóncavos en lugar de rectos.
- Con 408 bytes es lo bastante pequeño como para poner una docena en línea.
Lo que cuesta en bytes
Esta forma exacta ocupa 408 bytes como SVG y 569 bytes como fondo CSS — el data URI es mayor porque la codificación en porcentaje cuesta tres caracteres por cada uno que escapa. Ambas cifras corresponden a la forma mostrada arriba, con dos decimales de precisión en las coordenadas.
| Formato | Tamaño |
|---|---|
| SVG | 408 B |
| Fondo CSS | 569 B |
| clip-path CSS | 626 B |
| border-radius CSS | 110 B |
El comienzo del SVG de Destello
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 38.45C104.27 38.46,117.56 71.11,123.25 76.75C128.94 82.39,162.23 95.85,162.11 100C161.99 104.15,127.67 115.89,121.98 121.98C116.29 128.07,104.25 166.24,100 166.45C95.75 166.67,81.57 130.44,75.65 124.35C69.73 118.26,35.33 104.37,35.43 100C35.53 …Con más detalle
Merece la pena generarlo a tamaño pequeño y usarlo varias veces en lugar de una sola vez grande. La forma no lleva ningún detalle que premie la escala, y como acento en línea a dieciséis o veinte píxeles hace un trabajo que ninguna otra forma de este catálogo hace.
Preguntas
¿Cómo cambio Destello una vez la tengo?
Abre el generador, pulsa Destello en la fila de preajustes y arrastra lo que quieras. El preajuste es un punto de partida, no un candado: todos los controles siguen activos, y la casilla de semilla acepta una palabra si prefieres nombrar tu forma en vez de numerarla.
¿Se verá igual la próxima vez?
Sí, siempre que la semilla sea la misma. Esta es la semilla 702 con 4 puntos. El generador es determinista, así que esos ajustes reproducen esta curva exacta en cualquier dispositivo.
¿Puedo usar otro color?
Sí — el color se aplica al exportar, no está incrustado en la geometría. La vista previa de arriba usa el color por defecto; elige el tuyo en el generador y el SVG, el fondo CSS y el clip-path lo seguirán.
Cada cifra y cada forma de esta página se produjeron ejecutando el generador durante la compilación, así que describen la herramienta que estás a punto de usar y no una versión que existió una vez.