איך מסירים רקע ללוגו ושומרים על האיכות
כדי להסיר רקע ללוגו, בדקו תחילה אם הוא נפרד מהסמל בקובץ המקור. אם כן, הסתירו את הרקע וייצאו עותק עם שקיפות. אם יש לכם תמונה שטוחה, השתמשו בכלי להסרת רקע, תקנו את החיתוך ושמרו כ־PNG עם שקיפות פעילה. להחלפת הרקע, הניחו צבע או תמונה בשכבה שמתחת ללוגו המופרד.
שקיפות וחדות הן שתי תכונות נפרדות. PNG תומך ברקע שקוף, אבל הוא עדיין מבוסס על פיקסלים. הסרת המלבן הלבן סביב לוגו קטן לא תאפשר להגדיל אותו בלי מגבלה. להגדלה משמעותית העדיפו מקור וקטורי שמורכב מצורות וממסלולים. ההבדלים מתוארים בהסבר של Adobe על JPEG ו־PNG ובמדריך פורמטי התמונות של MDN.
לפני העריכה הכינו עותק של הקובץ, ובחרו היכן הלוגו אמור להופיע: על רקע בהיר, על רקע כהה או מעל צילום. הבחירה תעזור לכם לבדוק את התוצאה במקום שבו תשתמשו בה. אם חסרים לכם קובצי המקור, התחילו בבקשה מסודרת למעצב לפי המאמר על עיצוב לוגו והקבצים הסופיים.
| סוג הקובץ | שקיפות | שימוש מתאים | מה לבדוק |
|---|---|---|---|
| PNG | תומך בשקיפות | לוגו מופרד לשילוב בעיצוב | שהשקיפות נשמרה ושהתמונה חדה בגודל השימוש |
| JPEG | אינו תומך בשקיפות | עיצוב שבו הלוגו והרקע נשמרים יחד | שהרקע הקבוע מתאים לפרסום |
| SVG | יכול לכלול אזורים שקופים | לוגו וקטורי לשימוש בגדלים שונים | שהסמל בנוי מצורות וקטוריות ושהמערכת המקבלת תומכת בפורמט |
מקור: MDN: מדריך פורמטי תמונות
שלב ראשון: בודקים אם צריך להסיר את הרקע
פתחו את הלוגו בעורך תמונות והניחו מאחוריו צבע שונה מצבע התצוגה. אם הצבע מופיע סביב הסמל ובחללים שאמורים להיות פתוחים, האזורים האלה שקופים. אם נשאר מלבן לבן, בדקו אם הוא נמצא בשכבה נפרדת שאפשר להסתיר.
רוב תוכנות העריכה מציגות שקיפות כמשבצות אפורות ולבנות. אל תסתפקו במראה המשובץ: בדקו בפועל שהרקע שמתחת ללוגו נראה דרכו.
השוו גם לגרסה המקורית של הסמל. הגדירו מראש אילו חלקים לבנים שייכים ללוגו ואילו אמורים להיעלם. למשל, נניח שבסמל יש עיגול לבן בתוך צורה כחולה: אל תמחקו את העיגול רק מפני שצבעו זהה לרקע שסביב הלוגו.
שלב שני: מסירים את הרקע ובודקים את החיתוך
כשיש לכם תמונה שטוחה, אפשר להתחיל בהסרה אוטומטית בכלי להסרת רקע. כלים כאלה מזהים את הנושא ומוחקים את השאר, ולכן הם עלולים לטעות באותיות דקות, בנקודות ובאזורים שהניגוד בינם לבין הרקע נמוך.
- פתחו עיצוב והוסיפו את קובץ הלוגו המקורי שיש ברשותכם.
- בחרו בתמונה והפעילו את פקודת הסרת הרקע.
- השוו את התוצאה למקור, במיוחד באותיות דקות, בנקודות ובחללים שבתוך הסמל.
- תקנו אזורים שנחתכו בטעות לפני הייצוא.
אם התוצאה דורשת תיקונים מדויקים, אפשר לעבוד בעורך שתומך במסכת שכבה. המסכה קובעת אילו חלקים בתמונה יהיו גלויים ואילו יוסתרו.
לעבודה עם מסכה יש יתרון כשעדיין אינכם בטוחים בגבול החיתוך: אפשר לשנות אותה ולהחזיר אזורים מוסתרים בלי למחוק אותם לצמיתות. שמרו גם עותק עריך לפני שאתם ממשיכים.
שלב שלישי: מחליפים את הרקע בלי לשנות את הסמל
אחרי שהלוגו מופרד, הניחו מתחתיו שכבה בצבע הרצוי או תמונת רקע. בשיטת המסכה, האזורים שהוסתרו חושפים את השכבות שמתחתיהם; כך אפשר להחליף את הרקע ולשמור את הלוגו באותו מקום. שמרו את הרקע החדש בנפרד כל עוד אתם עובדים.
בחרו רקע לפי הקריאות של הלוגו במיקום המיועד. בדקו את שם העסק ואת הפרטים הקטנים בגודל שבו יופיעו בפרסום. אם חלק מהסמל נעלם על הרקע שבחרתם, נסו רקע אחר או השתמשו בגרסה חלופית שקיבלתם כחלק מקובצי המותג. בהזמנת לוגו חדש, כדאי לבדוק אילו קבצים וגרסאות לבקש מהמעצב.
נניח שאתם מכינים מודעה כהה ולוגו העסק כולל כיתוב שחור. הסרת הרקע הלבן תשאיר את הכיתוב השחור כפי שהיה, ולכן צריך לבדוק אם הוא קריא בעיצוב החדש. בקשו גרסה בהירה מתאימה, או בחרו אזור בהיר להצבת הלוגו. לבדיקת ההתאמה של הגרסאות תוכלו להיעזר במאמר על עקרונות לעיצוב לוגו לעסק.
אם הלוגו מופיע על צילום, בדקו אותו על התמונה הסופית. בחרו מיקום שבו הפרטים שמאחוריו אינם מפריעים לקריאת השם. ההנחיות במאמר על עיצוב נקי בקנבה יכולות לעזור בשילובו בתוך הפוסט.
שלב רביעי: מייצאים קובץ ששומר על השקיפות
לשמירת לוגו ללא רקע, בחרו PNG והפעילו את אפשרות השקיפות בייצוא. JPEG אינו תומך בשקיפות, ולכן אינו מתאים לקובץ לוגו שאמור להשתלב על רקעים שונים. PNG משתמש בדחיסה ללא אובדן מידע, ו־JPEG בדחיסה עם אובדן, לפי השוואת הפורמטים של Adobe. גם MDN ממליץ על דחיסה ללא אובדן עבור לוגואים וקווי מתאר.
בכלים מקוונים נפוץ מצב שבו הסרת הרקע מהתמונה לא מספיקה, כי לעמוד העיצוב עצמו יש צבע מילוי. בדקו את שתי ההגדרות: הרקע של התמונה והרקע של העמוד. בהורדה בחרו PNG עם רקע שקוף. אם אתם עדיין בוחרים כלי, אפשר לעיין בהשוואת יוצרי לוגואים מקוונים לפני התשלום.
שמרו עותק שקוף גם אם הפרסום הנוכחי דורש רקע צבעוני קבוע. את העיצוב עם הרקע ייצאו לקובץ נפרד. פתחו מחדש את הקובץ שהורדתם והניחו אותו על רקע אחר, כדי לוודא שהשקיפות נשמרה בקובץ עצמו.
המרה ל־PNG לא תתקן קצוות מטושטשים שכבר קיימים בתמונה. בחרו מראש את המקור החד ביותר שברשותכם, והשוו את הקובץ המיוצא אליו. הגדלה משמעותית של תמונה מבוססת פיקסלים עלולה לפגוע בחדותה, גם כשהרקע שלה שקוף.
מתי צריך קובץ וקטורי
העדיפו קובץ וקטורי כשצריך להשתמש בלוגו בגדלים שונים, או כשהמקור הקיים קטן מכדי לתת תוצאה חדה בגודל המבוקש. לפי MDN, SVG מתאים לתמונות שאפשר לתאר בסדרת פקודות ציור, במיוחד כשגודל התצוגה אינו ידוע או משתנה, כי הוא מתכוונן בצורה חלקה לגודל הנדרש. בקשו את קובץ המקור לפני שמנסים לשחזר לוגו מתמונה.
סיומת SVG לבדה אינה מוכיחה שכל הלוגו וקטורי. התקן מאפשר לשלב בתוך קובץ כזה גם תמונות מבוססות פיקסלים, ובהן PNG ו־JPEG. האפשרות מתועדת בתקן SVG בנושא תוכן מוטמע. בדקו בעורך וקטורי שהסמל בנוי מצורות וממסלולים שאפשר לבחור ולערוך.
אם הלוגו כולל כיתוב, בדקו שהאותיות נשמרות כפי שעוצבו גם אחרי הייצוא, ושהפונט לא מוחלף בפונט אחר בצד המקבל. בקשו לשמור בנפרד מקור עריך לפני כל המרה של הכיתוב.
מי שמעוניין להשתמש בלוגו גם בסרטון או בסטורי יכול להמשיך עם המאמר על לוגו מונפש, שבו הקובץ השקוף משמש כנקודת מוצא.
בדיקת סיום ותיקון תקלות נפוצות
בדקו את הקובץ המיוצא על רקע בהיר ועל רקע כהה, וגם בתוך העיצוב המיועד. השוו למקור כדי לזהות שינויים בסמל. הגדילו את התצוגה לצורך בדיקת הקצוות, ואז חזרו לגודל הפרסום כדי לבדוק קריאות.
- הרקע שמאחורי הלוגו נראה דרך האזורים שאמורים להיות שקופים.
- אותיות, נקודות וחלקים לבנים ששייכים לסמל נשמרו.
- לא נשארו כתמים או שוליים זרים סביב החיתוך.
- הלוגו קריא בגודל שבו יופיע.
- נשמרו קובץ המקור, עותק עריך וקובץ לייצוא.
נשאר מלבן לבן סביב הלוגו
בדקו אם הרקע הלבן עדיין נמצא בתמונה או בעמוד העיצוב. ודאו שבחרתם ייצוא עם שקיפות ושלא שמרתם כ־JPEG. חזרו לקובץ העריך ובדקו כל שכבת רקע בנפרד.
נמחקו חלקים מהכיתוב או מהסמל
חזרו לתוצאה שלפני הייצוא והשוו אותה למקור. שחזרו את החלקים החסרים בכלי העריכה או במסכה. אם ההסרה האוטומטית פוגעת שוב באותו פרט, עברו לעריכה ידנית או בקשו מקור שבו הסמל כבר מופרד מהרקע.
החיתוך נקי, אבל הלוגו עדיין מטושטש
בדקו אם גם קובץ המקור מטושטש בגודל השימוש המבוקש. במקרה כזה חפשו מקור גדול וחד יותר או קובץ וקטורי אמיתי. לפני מסירה לדפוס או לשילוט, בקשו מהספק את דרישות הקובץ והעבירו אליו את המקור המתאים לבדיקה.











