piapia123
es

Filtros de imagen

Imágenes

Todo se ejecuta en tu navegador: no se sube nada

Arrastra la imagen aquí o haz clic para elegirla

También puedes pegar una captura con Ctrl/⌘ + V

PNG / JPEG / WebP / GIF / BMP / AVIF · hasta 30 MB cada una

Diez filtros de un clic: vintage, desvaído, negativo, rayos X, alto contraste, frío, cálido, escala de grises, sepia, y una ranura personalizada que solo mueve el contraste y la saturación. La intensidad va de 0 a 100%, y Conservar el contraste original evita que un filtro aplaste las sombras y aplane su detalle. Todos los filtros se calculan píxel a píxel en lugar de delegarse en `ctx.filter`. El soporte de los navegadores es desigual: `ctx.filter = "sepia(0.8)"` funciona en Chrome pero no en algunas versiones de Firefox y Safari, y cuando no está soportado no da error ni lanza excepción, simplemente no hace nada, así que quien pulsa vintage ve la foto original sin pista alguna. Los efectos centrales (escala de grises, negativo, sepia, brillo y contraste) usan por tanto matrices y curvas propias, idénticas en los tres navegadores. La viñeta de vintage y rayos X se mide por distancia normalizada al centro: el eje horizontal se normaliza por la mitad del ancho y el vertical por la mitad del alto, así que una foto 16:9 y una 1:1 reciben la misma forma y no una elipse aplastada. Todo se ejecuta en local; la imagen nunca se sube.

Funciones

  • Diez filtros: vintage, desvaído, negativo, rayos X, alto contraste, frío, cálido, escala de grises, sepia, personalizado
  • Intensidad de 0 a 100%, lineal y en vivo
  • Conservar el contraste original, para no aplastar las sombras
  • Los filtros usan matrices y curvas de píxeles, no ctx.filter, que tiene soporte desigual y falla en silencio
  • La viñeta de vintage y rayos X usa distancia normalizada, así que su forma no depende de la proporción
  • Los PNG transparentes siguen transparentes tras un filtro
  • Muestra el filtro, su intensidad y el peso resultante
  • No se sube nada; funciona sin conexión

Cómo se usa

  1. Suelta una imagen
  2. Elige un filtro y ajusta la intensidad
  3. Activa Conservar el contraste original si las zonas oscuras quedan planas
  4. Pulsa Descargar para guardar el resultado

Preguntas frecuentes

¿Por qué no usar el filtro del navegador, ctx.filter?
Porque el soporte difiere entre navegadores y el fallo es silencioso: poner sepia sin efecto no lanza nada ni registra nada, así que la herramienta parece rota y ya está. Por eso los filtros centrales se calculan con matrices y curvas de píxeles propias, que coinciden en Chrome, Firefox y Safari y pueden fijarse con pruebas unitarias.
¿Cuándo conviene activar Conservar el contraste original?
Cuando el filtro deja la imagen plana. Desvaído y vintage elevan el nivel de negro, aplanando el detalle de las sombras; el interruptor devuelve la desviación de luminosidad original, restaurando las luces y las sombras sin cambiar el tono. Déjalo desactivado para un aspecto más estilizado.
¿Qué intensidad debería usar?
Del 70% al 100% se nota la mayoría de las veces. La intensidad es una mezcla lineal entre el original y el efecto completo, así que el 50% es más o menos medio sabor. Los efectos de todo o nada, como negativo o escala de grises, quieren el 100%; los suaves, como frío o cálido, quedan más naturales entre el 40% y el 70%.
¿Se sube la imagen?
No. Los filtros se calculan píxel a píxel en tu navegador, todo en memoria local, y funciona sin conexión.

Herramientas relacionadas