Imagine întreagă, casetă de privat sau focus
Răspuns rapid: Folosește estomparea totală pentru fundaluri de interfață, caseta de confidențialitate pentru fețe sau plăcuțe și caseta de focus ca subiectul să rămână clar, iar restul încețoșat.
Sarcini diferite cer tipuri diferite de estompare. Editorul Utiliome are trei moduri spațiale:
| Mod |
Ce se estompează |
Rază potrivită (px) |
La ce e bun |
Imagine întreagă (Full) |
100% din canvas, uniform |
8px – 24px |
Fundaluri de hero, glassmorphism și miniaturi spoiler/NSFW |
Casetă de confidențialitate (Region) |
Doar pixelii din caseta trasă și redimensionată |
25px – 60px |
Fețe de trecători, plăcuțe auto și context de fundal |
Casetă de focus (Outside) |
Tot ce e în afara casetei (subiectul rămâne clar) |
6px – 16px |
Adâncime de câmp (bokeh), explicații UI sau focus pe produs |
În modurile Casetă de confidențialitateșiCasetă de focus tragi chenarul portocaliu pe previzualizare și tragi mânerele de colț (NW, NE, SW, SE) ca să potrivești zona.
Cum acționează raza Gaussiană (σ) pe pixeli
Răspuns rapid: Blur-ul Gaussian convoluționează fiecare pixel cu un nucleu 2D în formă de clopot și înlocuiește marginile dure cu o medie ponderată a vecinilor din raza aleasă.
Când muți raza de estompare de la 1px la 100px, motorul aplică un filtru trece-jos pe canalele roșu, verde, albastru și alfa. Fiecare pixel de ieșire este o medie ponderată a vecinilor, cu ponderi după o distribuție Gaussiană bidimensională:
- Estompare ușoară (
1px – 10px): netezește zgomotul de senzor, imperfecțiunile pielii, artefactele JPEG și marginile dure, dar păstrează formele mari și textul mare recognoscibil.
- Estompare medie (
12px – 28px): transformă aglomerația de fundal în gradienți. Bună pentru fundaluri de prezentare, unde textul alb sau negru are nevoie de contrast.
- Mascare puternică (
30px – 100px): mediază culorile pe zone late, iar formele originale se topesc în nori de culoare.
- Margini fixate: un blur naiv trage pixeli transparenți sau negri spre interior și lasă un halo întunecat. Utiliome umple marginile înainte de pasul Gaussian, ca bordura să rămână curată.
Blur Gaussian sau pixelare la redactare
Răspuns rapid: Blur-ul Gaussian e bun pentru fundaluri estetice și confidențialitate ocazională, dar împrăștie gradienții în loc să șteargă datele. Textul estompat poate fi reconstruit. Pentru text sensibil folosește pixelare grosieră sau casete opace.
Dacă redactezi date personale (PII) sub GDPR, HIPAA sau politici interne, metoda contează:
- Estompare estetică și trecători:ocasetă de confidențialitate între
25px și 60px acoperă persoanele din fundal fără bare opace dure.
- Text și cifre cu contrast mare (capturi, extrase, chei API):nu te baza pe blur Gaussian pentru parole, chei API sau sume. Convoluția liniară poate fi inversată, iar atacurile pe font pot reconstrui textul. Pentru PII obișnuit din capturi, treci laPixelare imagine cu blocuri mai mari decât înălțimea liniei, sau folosește o casetă opacă pentru secrete (vezi ghidul blur vs. pixelare).
- Pixeli fixați definitiv: spre deosebire de
filter: blur() din CSS, care se poate scoate din DOM, Utiliome desenează pixelii estompați într-un bitmap plat înainte să codeze JPG, PNG sau WebP.
De ce estomparea locală e esențială
Răspuns rapid: Încărcarea unei poze needitate, cu fețe, acte sau date financiare, expune originalul înainte de estompare. Procesarea în browser ține fișierul needitat doar pe dispozitivul tău.
Pe un site clasic de „estompare foto online”, originalul needitat pleacă pe internet către un server terț. Chiar dacă promit ștergerea după câteva ore, fișierul a ieșit deja din custodia ta.
Utiliome rulează tot lanțul în browser:
- Fără încărcare pe server: fișierul se citește prin File API și se desenează pe un
<canvas> HTML5 în afara ecranului, în RAM.
- Accelerație pe mai multe browsere: filtrare Canvas 2D pe GPU, cu rezervă biliniară în mai multe treceri pentru WebKit mobil vechi, cu același rezultat pe macOS, Windows, iOS și Android.