Filtros de Imagen
Haz clic o arrastra para subir
JPG / PNG / WEBP / GIF
Sube imagen para previsualizar aquí
Aplica 8 filtros profesionales online: blanco y negro, sepia, invertir, desenfoque, brillo, contraste, saturación y tono — cada uno con intensidad 0-200% y vista previa en tiempo real.
Relacionado
¿Qué son los filtros de imagen?
Los filtros de imagen son un conjunto de técnicas que mapean valores de píxel a nuevos valores de píxel mediante transformaciones matemáticas. En la web y el móvil, el estándar más común es la propiedad CSS filter (blur, brightness, contrast, grayscale, sepia, saturate, hue-rotate, invert). Esta herramienta se basa en el mismo conjunto de APIs en Canvas, así que los filtros se pueden apilar con un clic.
**¿En qué se diferencia de un editor de fotos?** Los editores profesionales (Photoshop, Lightroom) admiten pinceles locales, capas y máscaras. Esta herramienta gestiona la corrección de color de toda la imagen y la aplicación de filtros por lotes. Es más ligera, más rápida y se adapta mejor cuando no necesitas ediciones locales finas.
**Blanco y negro vs sepia:** Blanco y negro unifica RGB con luminancia percibida (ponderación ITU-R BT.601), eliminando todo el color. Sepia añade un tinte marrón sobre la base de escala de grises, produciendo una sensación nostálgica más fuerte.
**¿Por qué se pueden apilar tantos efectos sin distorsión?** Los filtros son matemáticas por píxel, así que nunca alteran la estructura del píxel. Cualquier combinación dentro del 0-200% mantiene la imagen intacta, aunque el resultado puede ser dramático. Prueba en pasos pequeños.
Casos de uso
- Corrige rápidamente fotos subexpuestas o de color plano con brillo, contraste y saturación
- Añade estilo vintage, blanco y negro o invertido para personalizar imágenes de redes sociales
- Unifica el tono de color o embellece fotos de productos de e-commerce y detalles
- Ajusta la saturación y el tono para fotos de identificación, avatares o fondos de retrato
- Aplica el efecto invertir a bocetos de diseño o capturas de UI para pruebas visuales
- Usa el filtro de desenfoque para ocultar datos privados (teléfonos, direcciones) en capturas
Cómo Usar
- Sube la imagen a la que quieras aplicar el filtro (JPG, PNG, WEBP o GIF)
- Elige entre 8 filtros base en la cuadrícula de miniaturas: blanco y negro, sepia, invertir, desenfoque, brillo, contraste, saturación, tono
- Arrastra el control de intensidad para afinar (0% apagado, 100% estándar, 200% máximo) y observa la vista previa en vivo
- Apila efectos adicionales cambiando a otros filtros y ajustando su intensidad hasta lograr el look ideal
- Haz clic en descargar para exportar como PNG; el nombre de archivo se completa automáticamente con el sufijo _filtered
Características
- 8 efectos integrados: blanco y negro, sepia, invertir, desenfoque, brillo, contraste, saturación, tono
- Intensidad 0-200%: cada filtro tiene su propio control deslizante, 100% es estándar, 200% máximo
- Vista previa en tiempo real: los cambios se aplican al instante, lo que ves es lo que exportas
- Todos los formatos: funciona con JPG, PNG, WEBP, GIF y otros tipos comunes
- Restablecer con un clic: borra todos los filtros para comparar el original con el filtrado
- Procesamiento local: todos los efectos se ejecutan en Canvas del navegador, los archivos nunca salen
Best Practices
Orden de corrección: exposición primero, color después, estilo al final
Flujo recomendado: ajusta brillo y contraste para corregir la exposición primero, luego saturación para corregir el color, y por último añade filtros estilísticos como blanco y negro, sepia o tono. Esto coincide con la lógica de Photoshop y evita que los filtros de estilo fuertes enmascaren los problemas de exposición al inicio.
Empieza el control de intensidad al 50%, no saltes al 200%
La mayoría de los filtros se ven mejor en el rango 50-150%. Saltar directamente al 200% a menudo causa saturación recortada, distorsión de tono o desenfoque excesivo. Empieza al 100% para evaluar, luego afina en ±20% al gusto.
Mantén la saturación entre 100-150% para evitar recortes de color
Una saturación por encima del 150% hace que los rojos y amarillos se derramen y pierdan detalle. Por encima del 200%, el resultado puede mostrar bloques de color irreversibles. El rango 0-200% está pensado para efectos creativos; para corrección diaria, el punto óptimo es 80-130%.
Blanco y negro más contraste moderado igual a fotoperiodismo clásico
El blanco y negro puro puede verse plano. Prueba blanco y negro 100% más contraste 110-130% más un pequeño ajuste de brillo (según la exposición original). Esta combinación imita el estilo documental de la era del carrete y fue la receta en blanco y negro más popular en los primeros Instagram.
Usa sepia para fotos antiguas y temas nostálgicos, no para productos modernos
El tono marrón del sepia cambia mucho la paleta de color, por lo que encaja en nostalgia, trabajo documental y miniaturas de vídeo. Para imágenes principales de e-commerce, capturas de UI o fotos de productos tecnológicos, el sepia hace que el producto se vea anticuado y poco profesional, rompiendo el realismo de la mercancía.
Una intensidad de desenfoque superior a 30 ya produce bokeh claro
El control de desenfoque 0-200% se asigna a un radio de desenfoque de 0-20px. Intensidad 30 (3px) da una suavidad sutil. Intensidad 50 (5px) funciona bien para bokeh de fondo falso. Intensidad 100 (10px) o más es buena para enmascarar información privada o aislar el sujeto en retratos.
Rotación de tono a 0, 360 o 720 vuelve al color original
El tono es un espacio de color circular. La intensidad 0-200 se asigna a rotación 0°-360°. Intensidad 100 equivale a 180° (color complementario), 200 vuelve al original. Para corrección creativa, mantente en el rango 10-30; por encima de 50 el color natural de los objetos cambia drásticamente.
Tras corregir, ejecuta un compresor de imágenes para reducir el tamaño
Esta herramienta exporta PNG sin pérdidas, que puede ser grande. Para páginas web, adjuntos de email o subidas a redes sociales, sigue con un compresor de imágenes: normalmente puedes reducir 50-80% del tamaño sin pérdida visible convirtiendo PNG a JPG.
Preguntas Frecuentes
¿Qué filtros de imagen hay disponibles? ¿Puedo hacer blanco y negro o vintage?
Ocho efectos profesionales integrados: blanco y negro, sepia, invertir, desenfoque, brillo, contraste, saturación y tono. Cambia con un clic para crear looks vintage, blanco y negro artístico o desenfoques soñadores. Cada filtro admite 0-200% de intensidad, donde 1% muestra cambios sutiles, 100% es el estándar y 200% es el máximo.
¿Puedo hacer el efecto del filtro más fuerte o más débil?
Sí. Cada filtro tiene un control de intensidad independiente. 0% equivale a apagado, 100% es estándar, 200% es el máximo. Por ejemplo, la saturación al 50% solo aumenta ligeramente la intensidad, al 150% da un look fílmico al instante. Tono a 50 es rotación de 90°, 200 vuelve al color original.
Mi foto está demasiado oscura o los colores se ven planos. ¿Puede arreglarla?
Sí, es ideal. El brillo rescata fotos subexpuestas de días nublados. El contraste añade profundidad a imágenes planas. La saturación restaura fotos antiguas descoloridas. Combinado con el tono, puedes cambiar entre cálidos y fríos, crear azules de atardecer de humor o estilos neón vibrantes.
¿Puedo apilar varios filtros?
Sí. Puedes aplicar varios filtros a la misma imagen; por ejemplo, sepia ligero más brillo más contraste alto más saturación alta para encontrar un tono de marca consistente. Como los filtros son matemáticas por píxel, las combinaciones no dañan la estructura de la imagen, pero el resultado puede ser más dramático, así que ajusta en pasos pequeños.
¿Qué formatos de imagen se admiten? ¿Cómo guardo el resultado?
Soporte completo para JPG, PNG, WEBP y GIF. Durante el procesamiento ves una vista previa en tiempo real. Cuando estés satisfecho, haz clic en descargar para exportar como PNG (sin pérdidas, tamaño mayor). Para JPG más pequeño, usa esta herramienta para el color y luego pasa el resultado por un compresor de imágenes.
¿Es seguro aplicar filtros de imagen online? ¿Se filtrarán mis fotos?
Totalmente seguro. Todo el procesamiento de imagen ocurre localmente en tu navegador mediante la API Canvas filter. No se sube ningún archivo a ningún servidor, no hay software que instalar. Incluso fotos familiares, escaneos de contratos y fotos de identificación pueden procesarse con seguridad; cerrar el navegador libera la memoria al instante.
¿La corrección de color cambiará el tamaño del archivo?
Sí, ligeramente. Aclarar, aumentar el contraste o subir la saturación puede hacer crecer un poco el archivo. Oscurecer, pasar a blanco y negro o aplicar sepia elimina detalles de alta frecuencia y puede reducir el archivo. Para reducirlo más, ejecuta un compresor de imágenes después de la corrección: corregir primero, comprimir después es el flujo estándar.
¿Cuál es la diferencia entre blanco y negro y sepia?
Blanco y negro unifica RGB con luminancia percibida (ponderación ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B), eliminando todo el color. Sepia añade un tinte marrón sobre esa base en escala de grises, simulando el tonificado químico de las fotos del siglo XIX y dando una sensación nostálgica más fuerte.
Glosario
- Filtro CSS
- Propiedad CSS que ofrece filtros de imagen nativos del navegador: blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, saturate, sepia. Esta herramienta implementa el mismo conjunto mediante la API Canvas filter.
- Tono sepia
- Look vintage clásico que imita el tonificado químico de las fotos del siglo XIX. Matriz RGB: R = 0.393R + 0.769G + 0.189B; G = 0.349R + 0.686G + 0.168B; B = 0.272R + 0.534G + 0.131B.
- Rotación de tono
- Rotación circular del canal H (tono) en el espacio de color HSL. Una rotación de 360° vuelve al color original. La intensidad 0-200% de la herramienta se asigna a rotación 0°-360°.
- Ponderación BT.601
- Fórmula de luminancia de ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B. Los filtros de blanco y negro y las señales de TV usan esta ponderación porque refleja mejor la mayor sensibilidad del ojo humano al verde que un promedio simple.
- Exposición
- Cantidad total de luz capturada por una foto. Subexpuesta = demasiado oscura; sobreexpuesta = demasiado brillante. Los filtros de brillo pueden compensar, pero no pueden recuperar el detalle de altas luces que ya está recortado.
- Saturación
- La intensidad del color. 0% = escala de grises total; 100% = color original; >100% = potenciado. Una saturación demasiado alta causa recortes de color y pérdida de detalle.
8 filtros integrados de un vistazo
| Filtro | Algoritmo / implementación | Uso típico |
|---|---|---|
| Blanco y negro | R=G=B=0.299R+0.587G+0.114B | Documental, arte, tema vintage |
| Sepia | Matriz clásica Sepia Tone | Nostalgia, efecto foto antigua, miniatura vídeo |
| Invertir | 255 menos el original por canal RGB | Radiografía, cartel artístico, UI oscura |
| Desenfoque | Canvas filter: blur(radius) | Bokeh fondo, enfoque, máscara privacidad |
| Brillo | Desplazamiento sumado a RGB | Sub/sobre exposición, aclarar nublado |
| Contraste | (RGB-128) × factor + 128 | Profundidad foto plana, estilo HDR |
| Saturación | Escalar canal S en HSL | Aumentar viveza, restaurar descolorido, color de marca |
| Tono | Rotar canal H en HSL | Cambio creativo, intercambio de color, prueba visual |
Control de intensidad 0-200% referencia de efecto
| Intensidad | Efecto visual | Uso recomendado |
|---|---|---|
0% | Totalmente apagado, equivalente al original | Restablecer, prueba A/B |
1-30% | Muy sutil, casi invisible | Ajuste fino, requiere mirada cercana |
30-70% | Efecto ligero | Corrección de color diaria |
100% | Intensidad estándar | Por defecto para la mayoría de escenarios |
130-170% | Efecto potenciado | Trabajo estilizado, color de marca consistente |
200% | Efecto máximo | Procesado artístico, abstracto |
Authoritative References
- ReferenceFiltro CSS - MDN
- ReferenceWikipedia - Sepia (color)
- ReferenceWikipedia - Fotografía en color
- Compresor de Imágenes
- Convertir Imagen
- PNG a JPG
- HEIC a JPG
- JPG a PNG
- JPG a WebP
- PNG a WebP
- HEIC a PNG
- HEIC a WebP
- AVIF a JPG
- Recortar Imagen
- AVIF a PNG
- AVIF a WebP
- GIF a JPG
- GIF a PNG
- GIF a WebP
- Filtros de Imagen
- SVG a JPG
- SVG a PNG
- SVG a WebP
- WebP a JPG
- WebP a PNG
- Generador ICO
- TIFF a JPG
- TIFF a PNG
- TIFF a WebP
- Editor de imagen
- Escáner QR
- Redimensionar Imágenes
- Rotar y Voltear Imágenes
- Esquinas Redondeadas
- Generador de Sprite CSS
- Visor SVG
- Imagen a Arte ASCII
- Ampliar Imagen
- Marca de Agua Imagen