טשטוש מלא מול תיבת פרטיות מול פוקוס רקע
תשובה קצרה: טשטוש מלא לרקעי ממשק רכים, תיבת פרטיות להסתרת פנים או לוחיות, ותיבת פוקוס שמשאירה את הנושא חד ומטשטשת את הסביבה.
משימות שונות דורשות טשטוש שונה. Utiliome נותן שלושה מצבים מרחביים:
| מצב |
מה מטושטש |
רדיוס מומלץ (px) |
שימוש |
תמונה מלאה (Full) |
100% מהקנבס באחידות |
8px – 24px |
רקעי גיבור, זכוכית בממשק, תצוגה מקדימה לספוילר |
תיבת פרטיות (Region) |
רק הפיקסלים בתוך התיבה |
25px – 60px |
פנים של עוברי אורח, לוחיות רישוי, הקשר ברקע |
תיבת פוקוס (Outside) |
הכול מחוץ לתיבה (הנושא נשאר חד) |
6px – 16px |
עומק שדה רדוד, הדגשת קריאה בממשק, פוקוס מוצר |
במצבי תיבת פרטיות ו-פוקוס גוררים את המסגרת הכתומה על הקנבס ומושכים בידיות הפינה (NW, NE, SW, SE).
איך רדיוס טשטוש גאוסיאני (σ) עובד על פיקסלים
תשובה קצרה: טשטוש גאוסיאני מחליף כל פיקסל בממוצע משוקלל של שכניו לפי גרעין פעמון דו-ממדי, ומחליק קצוות חדים ברדיוס שנבחר.
כשגוררים את רדיוס הטשטוש מ-1px ל-100px, המנוע מריץ מסנן מעביר-נמוך על ערוצי אדום, ירוק, כחול ואלפא. כל פיקסל פלט הוא ממוצע משוקלל של שכניו לפי התפלגות גאוסיאנית:
- רך (
1px – 10px): מחליק רעש חיישן, כתמי עור, ארטיפקטים של JPEG וקצוות פיקסל, ומשאיר צורות גדולות וטיפוגרפיה מזוהות.
- בינוני (
12px – 28px): מרכך עומס ברקע לגרדיאנטים. מתאים למצגות שבהן טקסט לבן או שחור צריך ניגודיות.
- הסתרה כבדה (
30px – 100px): ממצע צבעים על שכונות רחבות, והצורות נמסות לענני צבע.
- קצוות מהודקים: טשטוש נאיבי מושך שקיפות או שחור מהמסגרת ויוצר הילה. Utiliome מרפד את שולי הפיקסלים לפני המעבר הגאוסיאני.
אזהרת השחרה: מתי גאוס ומתי פיקסול
תשובה קצרה: טשטוש גאוסיאני טוב לריכוך אסתטי ולפרטיות מזדמנת, אבל הוא מפזר גרדיאנטים ולא מוחק אותם. טקסט מטושטש אפשר לשחזר. לסודות השתמשו בפיקסול גס או בתיבה אטומה.
אם משחירים מידע מזהה (PII) לפי GDPR, HIPAA או מדיניות פנימית, שיטת ההסתרה חשובה:
- ריכוך ופרטיות מזדמנת: תיבת פרטיות בין
25px ל-60px מסתירה עוברי אורח בלי פסים שחורים צורמים.
- טקסט ומספרים (צילומי מסך, דפי בנק, מפתחות API): אל תסמכו על טשטוש גאוסיאני לסיסמאות, למפתחות או לסכומים. קונבולוציה לינארית ניתנת לשחזור. ל-PII שגרתי עברו ל-פיקסול תמונה עם בלוק גדול מגובה השורה, או לתיבה אטומה לסודות (ראו טשטוש מול פיקסול).
- אפיית הפיקסלים: בניגוד ל-CSS
filter: blur() שאפשר להסיר ב-DOM, Utiliome כותב את הפיקסלים המטושטשים למפת סיביות שטוחה לפני קידוד JPG, PNG או WebP.
למה טשטוש מקומי בדפדפן חיוני לצילומי מסך רגישים
תשובה קצרה: העלאת תמונה לא מצונזרת עם פנים, תעודות או נתונים פיננסיים חושפת את המקור לפני הטשטוש. עיבוד מקומי משאיר את הקובץ הגולמי רק במכשיר.
באתר ענן של "טשטוש תמונה אונליין" אתם שולחים את התמונה הגולמית, לפני טשטוש, לשרת צד שלישי. גם אם מבטיחים מחיקה אחרי שעות, הקובץ כבר יצא מהמשמורת שלכם.
Utiliome מריץ את כל הצינור בדפדפן:
- אפס העלאות: הקובץ נקרא ב-File API ומצויר על
<canvas> מחוץ למסך ב-RAM.
- האצה בין דפדפנים: סינון Canvas 2D מואץ GPU, עם נפילה בילינארית לדפדפני WebKit ישנים, עם אותה תוצאה ב-macOS, ב-Windows, ב-iOS ובאנדרואיד.