הייתי צריך ארבעים צילומי מוצר לנקות עבור WP Adminify דף פרומו ולא רציתי לשלם לכל תמונה או להעלות את mockups למישהו & #39;s שרת לפני שהם היו ציבוריים. אז בניתי מסיר רקע לתוך Toolz.dev, זרקתי את התמונה הראשונה שלי על זה, וצפה בו אוכל חור ישר באמצע המוצר.
התמונה הייתה קופסת פלאגין לבנה על שולחן לבן הכלי הסיר את השולחן הוא גם הסיר את הקופסה, כי הקופסה הייתה לבנה כמו השולחן הנחתי שאני בונה משהו חכם ובצורת AI למעשה בניתי משהו הרבה יותר פשוט, והחור במוצר שלי לימד אותי בדיוק מה זה - ויותר שימושי, בדיוק מתי זה עובד יפה ומתי זה נכשל.
מדריך זה הוא השיעור הזה שנכתב זה כנה על מה מסיר מפתח צבע מבוסס דפדפן יכול לעשות, כי כלי כי בשקט נכשל על השיער ונושאים באותו צבע הוא גרוע יותר מאשר שום כלי בכלל אם אתה לא יודע הקצוות שלה הכל כאן פועל צד הלקוח - התמונה שלך מפוענחת, מעובד, והורד מבלי לעזוב את הכרטיסייה.
TL;DR: ה מסיר רקע דוגם את הצבע בפינה השמאלית העליונה של התמונה שלך ומוחק כל פיקסל קרוב לצבע זה, משאיר שקיפות מאחור (PNG החוצה) זה מפתח צבע, לא גזרת AI זה אומר שהוא מיידי, פרטי, ומצוין באמת על רקע שטוח בצבע אחיד - צילומי מוצר, לוגו, איורים שטוחים, צילומי מסך - ו רע באמת על תמונות עסוקות, שיפועים, שיער, וכל נושא שחולק צבע עם הרקע שלו סובב את סובלנות מחוון למעלה כדי להסיר עוד, למטה כדי להגן על הקצוות צריך להמיר את התוצאה ל-JPG לאחר מכן? ה ממיר פורמט תמונה עושה את זה, אבל אתה מאבד את השקיפות.
איזה סוג של מסיר רקע זה?
ישנן שתי משפחות שונות מאוד של כלים ששניהם קוראים לעצמם " מסירי רקע," ובחירת הלא נכונה עבור התמונה שלך היא הסיבה הנפוצה ביותר שאנשים מתוסכלים.
המשפחה הראשונה היא פילוח AI. מודל למידת מכונה מאומן על מיליוני תמונות מתויגות מסתכל על התמונה שלך, מחליט " זה כלב, זו ספה מאחורי הכלב, " ועוקב אחר הכלב. זה מה שעושים remove.bg וכלי הענן בתשלום. הוא מטפל בשיער, פרווה ורקעים עמוסים כי הוא מבין נושאים, לא רק צבעים העלות: זה בדרך כלל מעלה את התמונה שלך לשרת, זה צריך את המודל המאומן הזה, והוא איטי יותר.
המשפחה השנייה היא א מפתח צבע- לפעמים נקרא chroma keying, אותו רעיון כמו מסך ירוק בסרט הוא לא מבין מה יש בתמונה שלך בכלל הוא בוחר צבע רקע ומוחק כל פיקסל קרוב לצבע הזה מסיר הרקע Toolz.dev הוא סוג שני זה דוגם את הפיקסל ב פינה שמאלית עליונה מהתמונה שלך, מתייחס לזה כאל "הרקע," והולך על כל פיקסל ומחליט: האם זה קרוב מספיק לצבע הפינה כדי למחוק?
אף אחד לא יותר טוב במופשט הם טובים בתמונות שונות ברגע שאתה יכול לדעת איזו תמונה אתה מחזיק אתה תפסיק להילחם בכלי.
כיצד מסיר מפתח הצבע מחליט מה למחוק?
המנגנון שווה הבנה כי הוא מסביר כל הצלחה וכל כישלון שאי פעם תצאו ממנו.
כאשר אתה לוחץ על תצוגה מקדימה, הכלי קורא את הצבע של הפיקסל בפינה השמאלית העליונה - קרא לזה ההפניה. ואז עבור כל פיקסל בתמונה זה מוסיף כמה רחוק הפיקסל הזה מההפניה על פני שלושת ערוצי הצבע:
difference = |R - refR| + |G - refG| + |B - refB|
זהו סכום רגיל של המרחקים האדומים, הירוקים והכחולים (מרחק מנהטן, אם אתה רוצה את המונח). אם הסכום הכולל difference נמצא מתחת לשלך סובלנות הגדרה, הפיקסל's alpha מוגדר לאפס - הוא הופך לשקוף. אם הוא למעלה, הפיקסל נשאר.
שלוש השלכות נופלות היישר מהנוסחה הזו, והן כל הסיפור:
ראשון, הפינה צריכה להיות רקע. הכלי מניח שהפיקסל השמאלי העליון הוא חלק ממה שאתה רוצה נעלם. אם הנושא שלך מגיע לפינה הזו, אתה אומר לכלי שהנושא שלך הוא הרקע. לחתוך או למסגר מחדש כך שהפינה נקייה.
בן דוד ראשון לזה: הרקע צריך להיות בערך בצבע אחד. סוויפ סטודיו לבן שטוח הוא צבע אחד בית קפה מטושטש, שיפוע שמיים, שולחן עץ עם גרגר - אלה צבעים רבים, והכלי ידע רק על זה שבפינה זה ימחק את החלקים שבמקרה תואמים וישאיר את השאר כשוליים מכוערים.
שנית, כל צבע נושא התואם לרקע נמחק גם הוא. הקופסה הלבנה שלי על השולחן הלבן היא הכישלון הקנוני אדם בחולצה אפורה על קיר אפור מאבד את החולצה לכלי אין מושג שהחולצה היא "subject" - הוא רואה רק אפור ליד ההתייחסות אפור.
כאשר הכלי הזה נכון בדיוק
אני ממשיך להושיט יד לזה למרות הגבולות, כי עבור סט תמונות ספציפי ונפוץ מאוד הוא מהיר ופרטי יותר מכל דבר מבוסס ענן. זה זורח על:
תמונות מוצר על סוויפ מוצק. צלם על רקע לבן רגיל או בצבע רגיל - דף נייר, גליל רקע רגיל, קופסת אור - והגזרה נקייה בלחיצה אחת. זהו זרימת העבודה של המסחר האלקטרוני: תמונות מוצר ברקע לבן נדרשות למעשה באמזון וצפויות ב-Etsy וב-eBay.
לוגו וגרפיקה שטוחה. לוגו מיוצא על רקע מוצק, איור שטוח, אייקון - אלה כבר עשויים מכמה צבעים שטוחים, וזה בדיוק מה שמפתח צבע רוצה.
צילומי מסך וצילומי ממשק משתמש. צילום מסך עם סרגל כלים אחיד או מקשי צבע קנבס החוצה בצורה נקייה כאשר אתה צריך רק את התוכן.
כל דבר שהיית עושה עם מסך ירוק. אם אתה יכול לשלוט בצילום ולשים את הנושא שלך על צבע שטוח ומנוגד שהנבדק עושה לא ללבוש, הכלי הזה הוא באמת ברמה מקצועית.
מתי להשתמש במשהו אחר
היו כנים עם עצמכם לגבי התמונה לפני שאתם מבזבזים עשר דקות על מחווני סובלנות:
תמונות של אנשים עם שיער גלוי. גדילים עדינים על כל רקע הם הבעיה הקשה ביותר בתחום, ומפתח צבע לא יכול לעשות את זה. להגיע לכלי AI.
רקע עמוס או שיפוע. רחובות, חדרים, שמיים, בוקה - צבעים רבים, התייחסות אחת, שוליים מובטחים.
נושאים שחולקים את צבע הרקע. שום הגדרת מחוון לא מתקנת אובייקט לבן על לבן. או לצלם מחדש על רקע מנוגד או להשתמש בפילוח.
כיצד להסיר רקע על Toolz.dev, צעד אחר צעד
הממשק קטן בכוונה אין חשבון, אין העלאה, אין סימן מים.
שלב 1: פתח את הכלי
עבור אל ה מסיר רקע. כל העניין נטען כדף; אין דגם להורדה ואין שיחת שרת.
שלב 2: העלה את התמונה שלך
לחץ על אזור הירידה ובחר קובץ (JPG, PNG או WebP כל העבודה). זה נקרא ישירות לתוך הדף. בדוק שה הפינה השמאלית העליונה היא רקע- זהו כלל המסגור היחיד שחשוב אם הנושא שלך נתקע בפינה הזו, התוצאה תהיה שגויה לא משנה מה תעשה הלאה.
שלב 3: הגדר את הסובלנות ולאחר מכן תצוגה מקדימה
ה סובלנות המחוון פועל מ-0 עד 200 ומתחיל ב-50. סובלנות נמוכה מסירה רק צבעים קרובים מאוד לפינה (בטוח, אך עשויה להשאיר הילה של פיקסלים קרובים לרקע). סובלנות גבוהה מסירה מגוון רחב יותר של צבעים (מטאטא נקי יותר, אך אוכלת בקצוות וכל צבע נושא תואם). לַחֲבוֹט תצוגה מקדימה ותראה את לוח השחמט - הדפוס הזה הוא האזור השקוף.
שלב 4: מנגינה
אם הרקע שורד, דחף את הסובלנות כלפי מעלה והצג שוב תצוגה מקדימה אם הנושא שלך מאבד את הקצוות שלו או מקבל חורים, דחף אותו למטה. אתה מחפש את ההגדרה שמנקה את הרקע מבלי לגעת בנושא. לרקע שטוח שצולם היטב יש בדרך כלל טווח רחב ונוח שעובד.
שלב 5: הורד PNG
קליק להורדה PNG. הפלט הוא תמיד PNG מכיוון ש-PNG הוא פורמט האינטרנט הנפוץ התומך בשקיפות - זה כל העניין. הקובץ נוצר בדפדפן ונשמר ישירות למחשב שלך.
מפתח צבע לעומת גזרת AI: איזה מהם אתה באמת רוצה?
| מסיר מקשי צבע (כלי זה) | פילוח AI (remove.bg וכו') | |
|---|---|---|
| איך זה מחליט | מוחק צבעים ליד הפינה השמאלית העליונה | מזהה את הנושא ועוקב אחריו |
| התמונות הטובות ביותר | רקע שטוח, מוצק, בצבע אחד | תמונות עסוקות, אנשים, שיער, עומס |
| שיער ומגבר; קצוות עדינים | עני | טוב טוב |
| הנושא חולק צבע רקע | נכשל (מוחק את שניהם) | בדרך כלל בסדר |
| איפה זה רץ | 100% בדפדפן שלך | בדרך כלל מעלה לשרת |
| יִחוּ | תמונה לעולם לא עוזבת את הכרטיסייה | תמונה שנשלחה לצד שלישי |
| מהירות | מיידי, ללא עומס דגם | איטי יותר; תלוי בשירות |
| עלות | חינם, ללא הגבלה | לעתים קרובות לפי תמונה או מכסה |
| פלט | PNG עם שקיפות | PNG עם שקיפות |
השורה שמחליטה לי את זה היא פרטיות בתוספת רקעים שטוחים. אם אני שולט בצילום, אני שולט ברקע, ואז מפתח הצבע הישר והמשעמם מנצח את כלי הבינה המלאכותית החכם במהירות ולעולם לא שולח את הנכסים שלא פורסמו לשום מקום.
כמה הרגלים שמקבלים תוצאות נקיות יותר
לירות עבור הכלי. המנוף הגדול ביותר הוא לא התוכנה, זה הקלט. נושא על רקע רגיל, מנוגד, מואר באופן שווה, נחתך בלחיצה אחת. חמש דקות סידור דף נייר מנצח שעה של היאבקות סליידר.
שמור על הפינה נקייה. מסגרת כך שהפיקסל השמאלי העליון הוא רקע חד משמעי. זה הכלי 's הפניה בלבד.
ניגודיות מנצחת סובלנות. אם הנושא והרקע שלך קרובים בצבע, אף סליידר לא שומר אותך - שנה את הרקע, לא את ההגדרה.
שנה גודל לפני, דחוס אחרי. אם התמונה הסופית עוברת באינטרנט, הפעל את החתך דרך שינוי גודל תמונה כלי למידות מדויקות, ואז ה מדחס תמונה כדי לכווץ את הקובץ. Do these לאחר הסרה כך שאתה לא דוחס את פרטי הקצה שאתה עדיין צריך.
שמור את זה PNG עד שתסיים. כל שלב ביניים צריך להישאר PNG כך שהשקיפות תשרוד. השתטח ל-JPG רק עבור היעד הסופי אם יעד זה אינו יכול לקחת PNG - ודע שהאזור השקוף הופך למילוי מוצק כאשר אתה עושה זאת.
שאלות נפוצות
האם כלי זה משתמש בבינה מלאכותית כדי להסיר רקעים?
לא, וזה מכוון. זהו מסיר מפתח צבע: הוא דוגם את צבע הפינה השמאלית העליונה ומוחק פיקסלים קרובים אליו, לגמרי בדפדפן שלך. זה הופך אותו למיידי ופרטי לחלוטין, אבל זה אומר שהוא עובד על רקע שטוח ומוצק ולא על תמונות מורכבות כמו שדגם AI היה עושה. הכלי' ההערה שלו אומרת את זה - עבור רקעים עסוקים, גזרת AI מתאימה יותר.
למה זה מחק חלק מהנושא שלי?
כי חלק מהנושא שלך היה קרוב בצבע לרקע הכלי מוחק לפי צבע, לא על ידי זיהוי מה הנושא, אז חולצה לבנה על קיר לבן, או מוצר באותו גוון כמו השולחן עליו הוא יושב, מוסר יחד עם הרקע התיקון הוא רקע המנוגד לנושא, לא הגדרת סליידר שונה.
מה בעצם מחוון הסובלנות משנה?
זהו החתך לכמה פיקסל יכול להיות שונה מצבע הפינה ועדיין להימחק סובלנות נמוכה מסירה רק צבעים כמעט זהים (בטוח, אבל יכול להשאיר הילה) סובלנות גבוהה מסירה טווח רחב יותר (נקי יותר בסוויפ שטוח, אבל אוכל קצוות). זה פועל 0 עד 200 וברירת המחדל היא 50; תצוגה מקדימה והתאמה עד שהרקע מתנקה מבלי לגעת בנושא.
מדוע הפלט הוא תמיד PNG?
מכיוון ש-PNG תומך בשקיפות ו-JPG לא. הסרת רקע פירושה הפיכת פיקסלים לשקופים, ורק פורמט עם ערוץ אלפא יכול לאחסן זאת. אם מייצאים את אותה תמונה כמו JPG, האזור השקוף קורס לצבע אחיד, בדרך כלל לבן.
האם אני יכול להסיר את הרקע מתמונה של אדם?
רק אם מדובר בצילום נקי בסגנון סטודיו על רקע שטוח ומנוגד והאדם לא קרוב לצבע הזה. לתמונות יומיומיות עם שיער על רקע בעולם האמיתי, הכלי הזה ישאיר שוליים - זה המקרה שבו כלי פילוח בינה מלאכותית מרוויח את השמירה שלו.
האם התמונה שלי הועלתה למקום כלשהו?
מס 'התמונה מפוענחת ומעובדת בתוך הדף באמצעות הדפדפן & #39;s קנבס, ואת PNG נוצר באופן מקומי כאשר אתה מוריד שום דבר לא נשלח לשרת, וזו הסיבה שזה בטוח לשימוש על צילומי מוצר ונכסים שאינם ציבוריים עדיין.
איך אני מסיר רקע לבן מתמונה?
זה המקרה שהכלי בנוי עבורו רקע לבן הוא שטוח ואחיד, כך שהדגימה הפינתית נוחתת על לבן טהור וסובלנות מתונה מנקה את כל השדה במעבר אחד. זרוק את התמונה פנימה, בדוק את התצוגה המקדימה, ודחף את הסובלנות כלפי מעלה רק אם שפה אפורה חלשה שורדת ליד הקצוות - לצילומי אולפן ולוגו סרוק יש לעתים קרובות שיפוע מעט לבן ולא #FFFFFF אמיתי. הדבר היחיד שיש לצפות בו הוא לבן בתוך הנושא שלך: ספל לבן או חולצה לבנה ייעלמו יחד עם הרקע, מכיוון שהכלי תואם צבע במקום לזהות אובייקטים.
למה לגזרה שלי יש קצה לבן או צבעוני סביבו?
השוליים האלה הם אנטי-aliasing. התמונה המקורית שילבה את הנושא ' פיקסלים קצה בחלק מהצבע הרקע כדי לגרום לקו המתאר להיראות חלק, כך שהפיקסלים המשולבים האלה אינם נושא או רקע - הם יושבים ממש מחוץ לחתוך הסובלנות ושורדים את המחיקה. העלאת הסובלנות מעט בדרך כלל אוכלת את ההילה, אם כי דחיפה רחוקה מדי מתחילה לנגוס בנושא עצמו. אם השוליים נמשכים בכל הגדרה, התמונה הבסיסית פשוט חסרה מספיק ניגודיות בגבול, וצילום על רקע מנוגד יותר יתקן בשנייה אחת את מה שאף מחוון לא יכול.
איך אני שם צבע אחיד מאחורי הנושא החתוך שלי לאחר מכן?
הנח את ה-PNG השקוף על שכבה צבעונית בכל עורך, או ייצא ל-JPG דרך ה- ממיר פורמט תמונה, הממלא את האזור השקוף בצבע רקע לשימוש באינטרנט, PNG שקוף שנפל על רקע CSS הוא בדרך כלל הנתיב הנקי יותר.
עוטף
הטעות שעשיתי באותו צילום מוצר ראשון - ציפייה לגזרת AI וקבלת מפתח צבע - היא הטעות שכמעט כולם עושים עם מסירי רקע של דפדפן, והיא נמנעת לחלוטין ברגע שאתה יודע מה אתה מחזיק הכלי הזה עושה דבר אחד: הוא מוחק את צבע הרקע ומשאיר שקיפות תן לו רקע שטוח ומנוגד והוא מהיר, חינמי, בלתי מוגבל ופרטי באופן שאף כלי מבוסס העלאה לא יכול להתאים לו שיער על רקע רחוב צפוף וזה יאכזב אותך, ועכשיו אתה יודע להגיע לכלי אחר במקום.
התחל עם ה מסיר רקע. נקה את הזריקה לאחר מכן עם שינוי גודל תמונה וה מדחס תמונה, והמיר פורמטים עם ממיר פורמט תמונה אם אתה צריך. כל זה פועל בדפדפן שלך - שום דבר שאתה נופל בו לא עוזב את הכרטיסייה.
