AÑADIR TEXTO
A GIF

GIF carece de soporte de canal alfa, así que el anti-aliasing debe usar trucos de paleta: (1) difuminado ordenado (patrones geométricos en bordes), (2) difuminado de difusión de error (distribuye error de color a vecinos), o (3) efecto "halo" (renderiza texto en negro, luego en blanco, usa diferencia como máscara). Nuestra herramienta selecciona automáticamente según el tamaño del texto—texto más grande usa difusión de error para bordes más suaves.

Soporta TTF, OTF, WOFF y WOFF2 vía renderizado de Canvas API. Las fuentes del sistema se enumeran desde tu SO. Los pesos de fuente se preservan—Inter Bold renderiza diferente a Inter Regular. Si una fuente falla en cargar (problemas CORS), recurrimos a Arial.

Soporta posicionamiento de texto por frame vía keyframes. Cada capa de texto tiene: (1) posición inicial, (2) posiciones de keyframe en números de frame específicos, (3) modo de interpolación (lineal, ease-in, ease-out). Rutas de movimiento complejas deben exportarse como JSON y re-importarse. Para efectos de paralaje simples, ajusta posición Y en ±5px sobre 10 frames.

GIF usa un índice de color transparente, no alfa por píxel. Si tu texto tiene píxeles de anti-aliasing entre el color del texto y transparente, esos píxeles intermedios deben mapear a color del texto o transparente—creando bordes irregulares. Usa la opción "Ajustar a opaco" para renderizar texto con color de fondo primero, luego establecer eso como índice transparente.

Efectos optimizados para GIF: stroke (contorno con ancho configurable en píxeles, no anti-aliasing), drop shadow (desplazamiento con desenfoque gaussiano), inner shadow (stroke dentro del límite del texto), y glow (capa duplicada con desenfoque detrás). Efectos que requieren alfa por píxel (sombras suaves, gradientes) difuminarán pobremente en GIF—usa con moderación y a radios pequeños.

Las paletas de GIF están limitadas a 256 colores. Ofrecemos dos enfoques: (1) Muestreo de paleta—extrae colores dominantes del GIF y sugiere colores de texto complementarios con contraste suficiente (WCAG 4.5:1 ratio). (2) RGB directo—si tu color elegido no está en la paleta, lo difuminamos usando Floyd-Steinberg, lo que crea una apariencia texturizada en áreas grandes de texto.