Skip to content
Filtros de imagen
Tools

Filtros de imagen

Nuevo

Ajusta brillo, contraste, saturación, desenfoque y más, y luego descarga.

Runs entirely in your browser. Nothing is uploaded.

Aplica filtros y ajustes de foto en tu navegador

Este editor de filtros de imagen te permite restylear cualquier foto en segundos: arrastra una imagen, haz clic en un preset o mueve los controles deslizantes y observa cómo el resultado se actualiza en tiempo real. Combina un editor visual con filtros CSS de imagen reales, por lo que obtienes tanto una imagen descargable como el código filter: exacto detrás de ella. No hay nada que instalar, ni cuenta que crear, ni límite de tamaño de archivo. Funciona con cualquier formato de foto: JPG, PNG, WebP, GIF.

A diferencia de los pesados editores que requieren suscripción, todo aquí se ejecuta localmente en un canvas HTML. Tu imagen nunca se sube a ningún servidor, lo que lo convierte en una forma rápida y privada de corregir o estilizar una foto antes de compartirla. El nivel gratuito de Fotor añade una marca de agua a las descargas. PicMonkey requiere un plan de pago para acceso completo a filtros a 12,99 $/mes. UtiloKit no tiene marca de agua ni muro de pago: abre la página y empieza a editar.

El conjunto completo de ajustes de filtros CSS

Nueve ajustes cubren el conjunto completo de funciones CSS filter: brillo, contraste, saturación, escala de grises, sepia, rotar tono, invertir, desenfoque y opacidad. Brillo, contraste y saturación se centran en el 100%, así que es fácil ajustar una foto sin exagerar, mientras que hue-rotate (0–360°) desplaza cada color por la rueda de color, útil para graduar el color de fotos de productos o crear un aspecto tintado creativo sin tocar una herramienta de diseño.

Apila cualquier combinación y la vista previa la refleja instantáneamente. Arrastra el comparador antes/después para ver la diferencia en cualquier momento. La herramienta muestra la declaración CSS exacta actualizándose mientras trabajas, así que aprendes qué funciones producen qué efectos simplemente jugando con los controles deslizantes. Ninguna otra herramienta de filtros gratuita combina una vista previa de imagen en vivo con la salida de código CSS en vivo.

Presets estilo Instagram, a un clic de distancia

La galería de presets convierte combinaciones de controles deslizantes en looks con nombre: Vívido, Cálido, Frío, B&N, Noir, Vintage, Desvanecido, Sepia y más. Cada miniatura previsualiza el efecto en tu propia imagen, para que puedas explorar la fila y elegir un look antes de comprometerte. Son los mismos tipos de filtros estilo Instagram por los que VSCO y Lightroom Mobile cobran una suscripción, recreados con funciones de filtros CSS simples sin costo alguno.

Haz clic en un preset para aplicarlo, luego ajusta con los controles deslizantes para personalizarlo. El CSS subyacente siempre es visible, así que si estás construyendo un sistema de diseño puedes copiar los valores exactos y recrear el look en cualquier proyecto web. Convertir el preset Vintage en tu propio estilo nombrado lleva unos 30 segundos.

Copia el código CSS de filtros — y úsalo donde quieras

Cada ajuste se refleja como una declaración CSS en vivo: filter: brightness(105%) contrast(115%) saturate(140%);. Pulsa Copiar CSS y pégalo directamente en una hoja de estilos. Funciona en elementos img, video, fondos div y elementos SVG: cualquier cosa que soporte la propiedad CSS filter. Los valores predeterminados se omiten para que el fragmento sea mínimo y legible.

La mayoría de los generadores de filtros CSS te muestran una imagen de vista previa genérica. Este aplica el filtro a tu propia foto subida para que puedas ver exactamente cómo quedará en contexto. Añade transition: filter 0.3s; para obtener una animación suave al pasar el cursor. El código está listo para producción: sin prefijo necesario, compatible con Chrome, Edge, Firefox, Safari y todos los principales navegadores móviles desde 2016.

Cómo funcionan los filtros de imagen — y por qué no se necesita subir archivos

Un filtro de imagen es una transformación de píxeles. El navegador recorre cada píxel y reescribe sus valores RGB: grayscale(100%) colapsa cada uno a un gris único promediando los canales, sepia() calienta los tonos hacia marrón-naranja, invert() voltea los valores a un negativo, y blur() promedia cada píxel con sus vecinos usando un núcleo gaussiano. Esta matemática es lo suficientemente barata como para ejecutarse a 60fps en una GPU, lo que explica por qué la vista previa se siente instantánea.

Dado que todo se ejecuta en un canvas HTML en tu propio navegador, tu foto nunca sale de tu dispositivo. Subir una imagen a un servicio como LunaPI, Pixlr o incluso Google Fotos implica que tu imagen se almacena en un servidor remoto para su procesamiento. Esta herramienta elimina ese paso por completo: ajustar, previsualizar y descargar ocurren todos localmente. Para cualquiera que maneje fotos privadas o documentos sensibles, eso es una diferencia significativa.

Comparación de competidores — herramientas de filtros de imagen gratuitas

Varias herramientas conocidas ofrecen filtros de imagen online, cada una con sus compensaciones. Fotor tiene una buena biblioteca de presets, pero restringe las descargas de alta calidad y añade marcas de agua en el plan gratuito. PicMonkey requiere una suscripción de 12,99 $/mes para acceder a la mayoría de los filtros y siempre requiere inicio de sesión. Pixlr E es un editor de fotos completo que hace bien los filtros, pero sube tu imagen a sus servidores. Canva incluye filtros en su editor de imágenes, pero también requiere una cuenta y almacena archivos en la nube de Canva.

UtiloKit Image Filters no hace nada de eso. Sin subida, sin cuenta, sin marca de agua, sin límite diario. También obtienes la salida del código CSS, algo que ninguna de esas herramientas proporciona, lo que hace que esta sea la única herramienta gratuita que funciona igualmente bien para diseñadores que editan fotos y desarrolladores que combinan estilos visuales en código. Para cualquiera que quiera filtrar una foto y descargarla de forma privada, la diferencia es significativa.

Frequently asked questions

¿Cómo funcionan los filtros de imagen?

Los filtros de imagen actúan transformando el color de cada píxel en tiempo real. Cada filtro aplica una pequeña operación matemática a los canales rojo, verde y azul de cada píxel: brightness(150%) los multiplica por 1,5 para aclarar la imagen, grayscale(100%) los promedia en un único tono gris, y blur(4px) mezcla cada píxel con sus vecinos usando un núcleo de convolución. Dado que esto se ejecuta en tu GPU a través de la API canvas de HTML, la vista previa se actualiza en el instante en que arrastras un control deslizante, sin espera, sin subida, sin viaje al servidor.

¿Cuáles son los tipos de filtros de imagen disponibles?

Hay dos grupos amplios. Los filtros de ajuste cambian el tono y el color manteniendo el aspecto natural de la foto: brillo, contraste, saturación y rotación de tono entran aquí. Los filtros de efecto reestizan la imagen a un aspecto diferente: escala de grises (blanco y negro), sepia (vintage cálido), invertir (negativo), desenfoque (enfoque suave) y opacidad (transparencia). Este editor te ofrece las nueve funciones de filtros CSS. Apilarlos, por ejemplo grayscale(100%) con contrast(120%), es exactamente cómo se construyen los presets con nombre como Vintage, Noir y Desvanecido.

¿Cómo añado un filtro a una imagen online de forma gratuita?

Arrastra una foto al cuadro de arriba (o haz clic para explorar, o pega con Ctrl/Cmd+V), luego haz clic en una miniatura de preset o arrastra los controles deslizantes de ajuste. La vista previa se actualiza en tiempo real y un control antes/después te permite comparar con el original en cualquier momento. Cuando te guste el resultado, haz clic en Descargar PNG o Descargar JPG para guardar en resolución completa. Nada se sube: cada paso se ejecuta en tu navegador. PicMonkey requiere inicio de sesión y limita las exportaciones gratuitas a resoluciones más bajas. Fotor añade una marca de agua a las descargas gratuitas. Esta herramienta no tiene requisito de cuenta, sin muro de pago y sin límite diario.

¿Qué es la propiedad CSS filter y cómo la genero?

La propiedad CSS filter aplica efectos gráficos a cualquier elemento HTML usando una cadena de funciones de filtro: brightness(), contrast(), saturate(), grayscale(), sepia(), hue-rotate(), invert(), blur() y opacity(). Por ejemplo, filter: contrast(120%) saturate(140%) sepia(15%); da un aspecto intenso y ligeramente cálido. Esta herramienta construye esa cadena exacta mientras mueves los controles deslizantes, para que puedas copiarla directamente en tu hoja de estilos y aplicarla a cualquier img, div, video o SVG.

¿Cómo aplico filtros estilo Instagram sin Instagram?

Los filtros estilo Instagram son combinaciones predefinidas de funciones básicas de filtros CSS. Un aspecto tipo Clarendon es aproximadamente contrast(120%) saturate(135%), un aspecto de película desvanecida usa contrast(85%) brightness(110%) sepia(12%), y un tono Vivid intenso apila contrast(130%) saturate(160%). Haz clic en cualquier miniatura de preset en la galería para aplicarlo instantáneamente a tu foto, luego ajusta los controles deslizantes individuales para llevarlo más lejos. Obtienes los mismos resultados visuales que editores de pago como VSCO o los presets de Lightroom, sin app, sin suscripción, sin subida.

¿Cómo hago una imagen en blanco y negro, sepia o vintage online?

Para blanco y negro, establece la escala de grises al 100%: el preset B&N lo hace en un clic, y Noir añade contraste extra para un efecto dramático. Para sepia, sube el control deslizante de sepia; sepia(80%) da una clásica impresión en tonos marrones. Para un look vintage, combínalos: el preset Vintage usa sepia(55%) contrast(108%) brightness(104%) saturate(120%) para una sensación de película cálida y suavemente lavada. Canva y Adobe Express pueden hacer cosas similares pero requieren inicio de sesión. Esto se ejecuta completamente en tu navegador, sin cuenta, sin subida, sin espera.

¿Es seguro usar una herramienta de filtros de imagen online?

Depende de la herramienta. Muchos editores online, como Fotor, LunaPI o Pixlr, suben tu foto a sus servidores para procesarla, lo que significa que tu imagen se almacena en la máquina de otra persona y puede conservarse para análisis o entrenamiento de modelos. El filtro de imágenes de UtiloKit se ejecuta completamente en un canvas HTML dentro de tu navegador: tu imagen se lee localmente, se procesa localmente y se descarga localmente, nunca se sube, nunca se almacena y nadie más que tú la ve.