Filtry Obrazu

Kliknij lub przeciągnij, aby przesłać

JPG / PNG / WEBP / GIF

Prześlij obraz, aby wyświetlić podgląd tutaj

Stosuj online 8 profesjonalnych filtrów do zdjęć: czarno-biały, sepia, odwrócenie, rozmycie, jasność, kontrast, nasycenie i obrót barwy — każdy z intensywnością 0-200% i podglądem w czasie rzeczywistym. To, co widzisz, wyeksportujesz.

Powiązane Rekomendacje

Przycinanie obrazów

Znak wodny na obrazach

Kompresja obrazów

Konwersja obrazów

Generator ICO

Czym są filtry obrazu?

Filtry obrazu to zestaw technik mapujących wartości pikseli na nowe wartości za pomocą transformacji matematycznych. Najpopularniejszym standardem w sieci i na urządzeniach mobilnych jest właściwość CSS filter (blur / brightness / contrast / grayscale / sepia / saturate / hue-rotate / invert). To narzędzie opiera się na tym samym zestawie API w Canvas, więc filtry można nakładać jednym kliknięciem.

**Różnica wobec edytora zdjęć:** Profesjonalne edytory (Photoshop, Lightroom) obsługują lokalne pędzle, warstwy i maski. To narzędzie zajmuje się korekcją kolorów całego obrazu i wsadowym nakładaniem filtrów. Jest lżejsze, szybsze i lepiej nadaje się, gdy nie potrzebujesz precyzyjnej lokalnej edycji.

**Czarno-biały vs sepia:** Cz-b ujednolica RGB za pomocą luminancji postrzeganej (ważenie ITU-R BT.601) i usuwa cały kolor. Sepia dodaje brązowy odcień na szarą bazę, dając silniejsze uczucie nostalgii.

**Dlaczego nakładanie tylu efektów nie zniekształca obrazu?** Filtry to matematyka na poziomie pikseli, nigdy nie zmieniają struktury pikseli. Każda kombinacja w zakresie 0-200% zachowuje obraz, choć wynik może być dramatyczny. Testuj małymi krokami.

Przypadki użycia

Szybko skoryguj niedoświetlone lub wyblakłe zdjęcia za pomocą jasności, kontrastu i nasycenia
Dodaj styl vintage, czarno-biały lub odwrócony do grafik w mediach społecznościowych
Ujednolić ton kolorów lub szybko upiększyć zdjęcia główne i素材 kart produktów e-commerce
Dostosuj nasycenie i barwę dla zdjęć dokumentów, awatarów lub kolorów tła portretu
Zastosuj odwrócenie do szkiców projektowych lub zrzutów UI do testów wizualnych
Użyj filtra rozmycia do maskowania prywatnych danych (numery telefonów, adresy) na zrzutach ekranu

Jak Używać

Prześlij plik obrazu, do którego chcesz zastosować filtr (JPG / PNG / WEBP / GIF)
Wybierz jeden z 8 filtrów bazowych w siatce miniatur: cz-b / sepia / odwrócenie / rozmycie / jasność / kontrast / nasycenie / obrót barwy
Przeciągnij suwak intensywności, aby precyzyjnie wyregulować (0% wyłączony, 100% standard, 200% maksimum) i obserwuj podgląd na żywo
Nakładaj dodatkowe efekty, przełączając inne filtry i regulując intensywność, by złożyć idealny ton
Kliknij pobierz, aby wyeksportować jako PNG; nazwa pliku automatycznie otrzymuje sufiks _filtered

Funkcje

8 wbudowanych efektów: cz-b, sepia, odwrócenie, rozmycie, jasność, kontrast, nasycenie, obrót barwy
Intensywność 0-200%: każdy filtr ma osobny suwak, 100% to standard, 200% to maksimum
Podgląd w czasie rzeczywistym: przełączanie i regulacja działają natychmiast, bez powtarzania eksportu
Obsługa wszystkich formatów: JPG / PNG / WEBP / GIF i inne popularne formaty obrazów
Reset jednym kliknięciem: czyści wszystkie filtry i przywraca oryginał do porównywania stylów
Przetwarzanie lokalne: wszystkie filtry działają w Canvas przeglądarki, pliki nie opuszczają urządzenia

Best Practices

Kolejność korekcji: najpierw ekspozycja, potem kolor, na końcu styl

Zalecany przepływ pracy: najpierw wyreguluj jasność i kontrast dla korekcji ekspozycji, potem nasycenie dla poprawy koloru, a na końcu dodaj filtry stylizujące takie jak cz-b, sepia czy obrót barwy. To odpowiada logice Photoshopa i zapobiega sytuacji, gdy silny filtr stylu maskuje problemy ekspozycji na początku.

Zacznij suwak intensywności od 50%, nie od razu na 200%

Większość filtrów najlepiej działa w zakresie 50-150%. Skok od razu na 200% często powoduje clipping nasycenia, zniekształcenie barwy lub nadmierne rozmycie. Zacznij od 100% dla oceny, a potem reguluj krokami ±20%.

Utrzymuj nasycenie 100-150%, by uniknąć clippingu kolorów

Nasycenie powyżej 150% powoduje wyjście czerwieni i żółci poza granice i utratę szczegółów. Powyżej 200% mogą pojawić się nieodwracalne bloki kolorów. Zakres 0-200% jest przeznaczony do efektów kreatywnych; do codziennej korekcji idealne jest 80-130%.

Cz-b + umiarkowany kontrast = klasyczny styl dokumentalny

Czysty czarno-biały może wyglądać płasko. Spróbuj cz-b 100% plus kontrast 110-130% plus drobną regulację jasności (zależnie od ekspozycji oryginału). Ta kombinacja naśladuje styl dokumentalny ery filmowej i była najpopularniejszą recepturą cz-b we wczesnym Instagramie.

Sepia pasuje do starych zdjęć i nostalgii, nie do nowoczesnych produktów

Brązowy odcień sepii mocno zmienia paletę kolorów, więc dobrze komponuje się z nostalgią, pracami dokumentalnymi i miniaturkami wideo. Dla zdjęć głównych e-commerce, zrzutów UI lub zdjęć produktów technologicznych sepia sprawia, że produkt wygląda przestarzale i nieprofesjonalnie, burząc realizm towaru.

Rozmycie powyżej 30 daje już wyraźny efekt bokeh

Suwak rozmycia 0-200% odpowiada promieniowi 0-20px. Intensywność 30 (3px) daje lekką miękkość. Intensywność 50 (5px) nadaje się do symulacji bokeh tła. Intensywność 100 (10px) i więcej nadaje się do maskowania prywatnych danych lub wyodrębniania postaci portretowej.

Obrót barwy 0/360/720 wraca do oryginalnego koloru

Barwa to cykliczna przestrzeń kolorów. Intensywność 0-200 odpowiada obrotowi 0°-360°. Intensywność 100 to 180° (kolor dopełniający), 200 wraca do oryginału. Dla korekcji kreatywnej pozostań w zakresie 10-30; powyżej 50 naturalny kolor obiektów zmienia się drastycznie.

Po korekcji kolorów użyj kompresora obrazów, by zmniejszyć rozmiar

To narzędzie eksportuje bezstratny PNG, który może być duży. Dla stron internetowych, załączników e-mail czy uploadów w mediach społecznościowych kontynuuj kompresorem obrazów — zwykle można zaoszczędzić 50-80% rozmiaru bez widocznej utraty jakości, konwertując PNG na JPG.

Często Zadawane Pytania

Jakie filtry obrazu są dostępne? Mogę zrobić cz-b i vintage?

Wbudowanych jest 8 profesjonalnych filtrów: czarno-biały, sepia, odwrócenie, rozmycie, jasność, kontrast, nasycenie i obrót barwy. Jednym kliknięciem stworzysz styl vintage, artystyczne zdjęcie cz-b lub efekt marzycielskiego rozmycia. Wszystkie filtry obsługują intensywność 0-200%; już 1% pokazuje subtelne zmiany, 100% to standard, 200% to maksimum.

Czy mogę wzmocnić lub osłabić efekt filtra?

Tak. Każdy filtr ma niezależny suwak intensywności. 0% oznacza wyłączony, 100% to standard, 200% to maksimum. Na przykład nasycenie 50% tylko lekko ożywia kolory, 150% natychmiast daje filmowy wygląd. Obrót barwy 50 odpowiada 90°, 200 wraca do oryginalnego koloru.

Moje zdjęcie jest zbyt ciemne lub kolory są wyblakłe. Czy to narzędzie to naprawi?

Właśnie do tego służy. Suwak jasności ratuje niedoświetlone zdjęcia w pochmurny dzień. Kontrast dodaje głębi płaskiemu obrazowi. Nasycenie odnawia wyblakłe stare fotografie. W połączeniu z obrotem barwy można przełączać się między tonami ciepłymi i zimnymi, tworzyć klimatyczne zmierzchowe błękity lub jaskrawe style neonowe.

Czy można nakładać na siebie kilka filtrów?

Tak. Można zastosować kilka filtrów do tego samego obrazu, na przykład „lekka sepia + jasność + wysoki kontrast + wysokie nasycenie”, aby szybko znaleźć spójny ton marki. Ponieważ filtry to matematyka na poziomie pikseli, nakładanie nie uszkadza struktury obrazu, ale wynik może być bardziej dramatyczny, więc reguluj małymi krokami.

Jakie formaty obrazów są obsługiwane? Jak zapisać wynik?

Pełna kompatybilność z JPG, PNG, WEBP i GIF. Podczas przetwarzania widzisz podgląd w czasie rzeczywistym. Gdy jesteś zadowolony, kliknij pobierz, aby wyeksportować jako PNG (bezstratnie, większy rozmiar). Dla mniejszego JPG użyj tego narzędzia do koloru, a potem skompresuj wynik kompresorem obrazów.

Czy używanie filtrów obrazu online jest bezpieczne? Czy moje zdjęcia wyciekną?

Całkowicie bezpieczne. Całe przetwarzanie obrazu odbywa się lokalnie w przeglądarce przez Canvas filter API. Żadne pliki nie są wysyłane na serwer, nie trzeba instalować żadnego oprogramowania. Nawet zdjęcia rodzinne, skany umów i dokumenty tożsamości można bezpiecznie przetwarzać; zamknięcie przeglądarki natychmiast zwalnia pamięć.

Czy korekcja kolorów wpływa na rozmiar pliku?

Trochę tak. Rozjaśnianie, zwiększanie kontrastu lub nasycenia może nieco powiększyć plik. Przyciemnianie, cz-b lub sepia usuwają szczegóły wysokiej częstotliwości, co może lekko zmniejszyć rozmiar. Jeśli chcesz jeszcze mniejszy plik, uruchom kompresor obrazów po korekcji kolorów. Najpierw korekcja, potem kompresja to standardowy przepływ pracy.

Jaka jest różnica między czarno-białym a sepią?

Czarno-biały ujednolica RGB do luminancji (ważenie ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B) i całkowicie usuwa kolor. Sepia dodaje na szarą bazę brązowy odcień (Tint), naśladując chemiczne tonowanie zdjęć z XIX wieku, dając silniejsze uczucie nostalgii.

Słownik

CSS filter: Właściwość CSS z zestawem natywnie obsługiwanych przez przeglądarkę filtrów obrazu: blur / brightness / contrast / drop-shadow / grayscale / hue-rotate / invert / opacity / saturate / sepia. To narzędzie implementuje ten sam zestaw przez Canvas filter API.MDN - CSS filter
Ton sepii: Klasyczny odcień vintage naśladujący chemiczne tonowanie zdjęć z XIX wieku. Macierz RGB: R = 0,393R + 0,769G + 0,189B; G = 0,349R + 0,686G + 0,168B; B = 0,272R + 0,534G + 0,131B.
Obrót barwy (Hue Rotate): Cykliczny obrót kanału H (barwy) w przestrzeni kolorów HSL. Obrót o 360° wraca do oryginalnego koloru. Intensywność 0-200% w tym narzędziu odpowiada obrotowi 0°-360°.
Ważenie BT.601: Formuła luminancji ze standardu ITU-R BT.601: Y = 0,299R + 0,587G + 0,114B. Filtry czarno-białe i sygnał telewizyjny używają tego ważenia, ponieważ lepiej odzwierciedla ono wyższą wrażliwość ludzkiego oka na zieleń niż zwykła średnia.
Ekspozycja: Całkowita ilość światła zebranego przez zdjęcie. Niedoświetlenie = zbyt ciemno; prześwietlenie = zbyt jasno. Filtry jasności mogą to skompensować, ale nie przywrócą utraconych szczegółów w jasnych partiach.
Nasycenie: Intensywność koloru. 0% = pełna skala szarości; 100% = oryginalny kolor; >100% = wzmocniony. Zbyt wysokie nasycenie powoduje clipping kolorów i utratę szczegółów.

8 wbudowanych filtrów w pigułce

Filtr	Algorytm / implementacja	Typowe zastosowanie
Czarno-biały (Grayscale)	`R=G=B=0,299R+0,587G+0,114B`	Dokument, sztuka, motyw vintage
Sepia	`Klasyczna macierz Sepia Tone`	Nostalgia, efekt starego zdjęcia, miniatura wideo
Odwrócenie (Invert)	`255 minus oryginał na kanałach RGB`	Rentgen, artystyczny plakat, ciemny UI
Rozmycie (Blur)	`Canvas filter: blur(radius)`	Bokeh tła, fokus, maska prywatności
Jasność (Brightness)	`Przesunięcie dodawane do RGB`	Korekcja niedoświetlenia/prześwietlenia, rozjaśnianie
Kontrast (Contrast)	`(RGB-128) × factor + 128`	Głębia w płaskim zdjęciu, styl HDR
Nasycenie (Saturate)	`Skalowanie kanału S w HSL`	Ożywienie, odnowienie wyblakłego, kolor marki
Obrót barwy (Hue Rotate)	`Obrót kanału H w HSL`	Kreatywne przesunięcie, zmiana koloru, test wizualny

Tabela efektów suwaka intensywności 0-200%

Intensywność	Efekt wizualny	Zalecane użycie
`0%`	Całkowicie wyłączony, równoważne oryginałowi	Reset, test A/B
`1-30%`	Bardzo subtelny, prawie niewidoczny	Drobna regulacja, wymaga uwagi
`30-70%`	Lekki efekt	Codzienna korekcja kolorów
`100%`	Standardowa intensywność	Domyślnie w większości scenariuszy
`130-170%`	Wzmocniony efekt	Stylizowane prace, spójny kolor marki
`200%`	Maksymalny efekt	Artystyczne, abstrakcyjne przetwarzanie