Menu
פרסומת

מחולל ASCII Art

להפוך תמונות וטקסט לאמנות ASCII שאפשר לשתף.

מאת Nethanel Bar, Co-founder & CEO

עודכן לאחרונה

פרסומת

מוכנים ללמוד תכנות באמת?

ב-Coddy לומדים דרך כתיבת קוד אמיתי בדפדפן: שיעורים אינטראקטיביים, משוב מיידי ועזרה מ-AI כשנתקעים.

מה זה מחולל ASCII art?

מחולל ASCII art הופך טקסט או תמונות לציורים שעשויים כולם מאותיות, ספרות וסמלים. מפתחים משתמשים בו לבאנרים בטרמינל, לכותרות README, למסכי פתיחה של כלי CLI, לקישוטים בלוגים, לאמנות צ'אט רטרו, וסתם בשביל הכיף בזמן בניית כלי שורת פקודה.

יש שני סוגים נפוצים של ASCII art. *באנר טקסט* מציג מילה בפונט בלוקים גדול ורב-שורתי, המראה הקלאסי של figlet. *תמונה ל-ASCII* ממפה את הבהירות של הפיקסלים בתמונה לתווי טקסט, ויוצרת עיבוד בגווני אפור של התמונה המקורית באמצעות המקלדת בלבד.

מכיוון ש-ASCII art הוא פשוט טקסט, הוא עובד בכל מקום שבו טקסט עובד: פלט טרמינל, קובצי לוג, כותרות README ב-GitHub, הודעות Slack ובתוך הערות בקוד. בלי תמונות, בלי רינדור, בלי קישורים שבורים, מושלם למקומות שבהם גרפיקה היא לא אפשרות.

מה תלמדו תוך כדי יצירת ASCII art

  • פונטים של באנרים מגיעים בסגנונות רבים: בלוק, נטוי, צל, תלת-ממד, ולכל אחד אופי משלו.
  • המרת תמונה ל-ASCII עובדת על ידי דגימת הבהירות של אזורים קטנים בתמונה ובחירת תווים עם צפיפות חזותית דומה (@, #, *, ., ).
  • רינדור מונוספייס חשוב. ASCII art מסתדר נכון רק בפונט שבו לכל תו אותו רוחב: טרמינלים, בלוקי קוד ב-README ורוב פונטי התכנות.
  • אמנות רחבה צריכה חלון רחב. באנר של 120 עמודות שנראה מעולה בטרמינל שלכם יישבר בצורה מביכה בתוך עמודת Markdown צרה.

איך ליצור ASCII art צעד אחר צעד

  1. בחרו מצב טקסט או תמונה

    מצב טקסט מציג מילה כבאנר. מצב תמונה מציג תמונה שהעליתם כעיבוד ASCII בגווני אפור.

  2. בחרו פונט (מצב טקסט)

    עיינו בפונטים בסגנון figlet: Standard, Slant, Big, Block, Shadow, 3D. כל פונט מציג תצוגה מקדימה של הקלט שלכם.

  3. כווננו את הרזולוציה (מצב תמונה)

    בחרו את רוחב הפלט בתווים ואת הניגודיות. יותר עמודות = יותר פרטים ופלט רחב יותר.

  4. העתיקו או הורידו

    העתיקו את ה-ASCII art ללוח או הורידו אותו כקובץ .txt. שימו אותו ב-README, בסקריפט באנר או בהודעת צ'אט.

פרסומת

מדריך מהיר ל-ASCII art

איפה ASCII art מופיע, ואיך לגרום לו להיראות נכון.

שימושמה עובדלמה לשים לב
באנרים בטרמינלפונטים Block / Big / Slantרוחב: רוב הטרמינלים הם 80 עמודות
כותרות READMEבתוך בלוק קוד מגודרMarkdown מכווץ רווחים בתחילת שורה מחוץ לבלוקי קוד
מסך פתיחה של CLIהדפסה בהרצה הראשונהקודי צבע הם נפרדים (ANSI escapes)
קישוטים בלוגיםסלוגנים קצרים, שורה אחתשמרו על קריאות: לוגים גוללים מהר
עיבוד תמונותתמונות שחור-לבןתמונות צבעוניות מאבדות מידע; המירו מראש לגווני אפור
הערות בקוד מקורמפרידי קטעיםהשתמשו בקידומות שורה // או # בזהירות

דוגמאות ASCII art לנסות

טקסט באנר בפונט Standard

פלט

____ _ _ / ___|___ __| | __| |_ _ | | / _ \ / _ |/ _ | | | | | |__| (_) | (_| | (_| | |_| | \____\___/ \__,_|\__,_|\__, | |___/

הפונט Standard הוא הבחירה הקריאה ביותר לבאנרים צרים: הוא נכנס בנוחות ב-80 עמודות ונקרא בבירור בפונטים מונוספייס.

הכנסה ל-README

Markdown
```  ____ _  / ___| || |   | || |___| | \____|_|```
# CLI v1.0

עטפו את הבאנר בבלוק קוד מגודר כדי ש-Markdown ישמור על הריווח בדיוק. מחוץ לבלוק קוד, רווחים בתחילת שורה מתכווצים.

הדפסת באנר מסקריפט

Python
BANNER = r"""   ____          _     _  / ___|___   __| | __| | | |   / _ \ / _` |/ _` | | |__| (_) | (_| | (_| |  \____\___/ \__,_|\__,_|"""
print(BANNER)print('Coddy CLI v1.0')

מחרוזת גולמית רב-שורתית שומרת על הלוכסנים ההפוכים כפי שהם, כך שכללי ה-escape של Python לא משבשים את האמנות. השתמשו באותו טריק ב-bash (עם גרשיים בודדים) או בכל שפה אחרת עם מחרוזות מילוליות.

משיכת כתפיים והפיכת שולחן (העתק-הדבק)

העתקה

¯\_(ツ)_/¯ (╯°□°)╯︵ ┻━┻ ┬─┬ ノ( ゜-゜ノ)

סמלוני משיכת הכתפיים, הפיכת השולחן והחזרת השולחן הקלאסיים. אלה אמנות טקסט בשורה אחת (טכנית Unicode, לא ASCII טהור): העתיקו אותם ישר לצ'אט, להודעות commit או להערות בקוד.

ASCII art של חתול וכלב

חתול

/\_/\ ( o.o ) > ^ <

כלב

/ \__ ( @\___ / O / (_____/ /_____/ U

ציורי חיות קטנים הם סוג ה-ASCII art שמועתק הכי הרבה. הם נכנסים בבלוק הערות קצר ומוצגים נכון בכל פונט מונוספייס.

לבבות, כוכבים וחצים

העתקה

<3 ♥ ❤ * ★ ☆ ✦ -> => → ⇒ »

אמנות סמלים מהירה לצ'אט, ל-README ול-changelog. גרסאות ה-ASCII הפשוטות משמאל (<3, *, ->) מוצגות בכל מקום; גרסאות ה-Unicode מימין צריכות תמיכה ב-UTF-8.

טעויות נפוצות ב-ASCII art

  • להדביק ASCII art בפונט פרופורציונלי (Times, Helvetica) ולתהות למה הוא נראה עקום. השתמשו בפונט מונוספייס.
  • לשכוח ש-Markdown מכווץ רצפי רווחים ומסיר רווחים בתחילת שורה מחוץ לבלוקי קוד. תמיד עטפו אמנות בגדרות ```.
  • לבחור פונט רחב יותר מחלון היעד. רוב הטרמינלים הם 80 עמודות: כל דבר רחב יותר נשבר לשורות והורס את העיצוב.
  • להטמיע באנר ישירות במחרוזת עם לוכסנים הפוכים. השתמשו במחרוזת *גולמית* (r""" ... """) כדי שתווי ה-escape לא יפורשו.
  • המרת תמונה ל-ASCII ברזולוציה נמוכה מדי. מתחת לכ-40 עמודות, אפילו צורות פשוטות הופכות לבלתי מזוהות.

שאלות נפוצות על ASCII art

מה זה ASCII art?
ASCII art הוא ציורים או באנרים שעשויים כולם מאותיות, ספרות וסימני פיסוק. מכיוון שזה פשוט טקסט, הוא עובד בכל הקשר שמציג טקסט: טרמינלים, קובצי README, קובצי לוג, הודעות צ'אט.
איך עובדת המרת תמונה ל-ASCII?
התמונה מחולקת לרשת של תאים קטנים. הבהירות הממוצעת של כל תא מחושבת וממופה לתו עם צפיפות חזותית דומה: תווים צפופים יותר (@, #, M) לתאים כהים, ותווים דלילים יותר (., ,, ) לתאים בהירים.
מה זה figlet?
FIGlet היא פקודת Unix המקורית להצגת טקסט כבאנר ASCII art. היא הציגה את רוב הפונטים הפופולריים (Standard, Slant, Big, 3D, Shadow). מחוללי ASCII אונליין מגיעים בדרך כלל עם אותו אוסף פונטים.
איפה כדאי להשתמש ב-ASCII art?
באנרים בטרמינל, מסכי פתיחה של CLI, כותרות README, מפרידי קטעים, צ'אט רטרו, וכל מקום שבו רוצים קישוט בלי קובץ תמונה. הימנעו ממנו בטקסט רציני שפונה למשתמשים, שם הוא רק מוסיף רעש.
האם ASCII art יוצג נכון בכל מקום?
הוא צריך פונט מונוספייס ומספיק מקום לרוחב. בתוך גדר קוד של Markdown או בטרמינל, הוא עובד מצוין. בפונט פרופורציונלי (בועת צ'אט, מסמך Word) היישור יישבר.
איך מעתיקים ומדביקים ASCII art?
סמנו את האמנות, העתיקו אותה והדביקו היכן שצריך, אבל הדביקו במקום שמשתמש בפונט מונוספייס (טרמינל, בלוק קוד, הערה בקוד), אחרת העמודות לא יסתדרו. ב-Markdown, עטפו אותה בבלוק קוד מגודר (```) כדי שהריווח יישמר בדיוק. לרבות מהדוגמאות למעלה יש כפתור העתקה שלוקח את הטקסט בשבילכם.
מה ההבדל בין ASCII art לאמנות טקסט ב-Unicode?
ASCII art אמיתי משתמש רק ב-128 תווי ה-ASCII (אותיות, ספרות וסימני פיסוק בסיסיים), ולכן הוא מוצג באופן זהה בכל מערכת, עשרות שנים אחורה. אמנות טקסט ב-Unicode, כמו סמלונים כמו ¯\_(ツ)_/¯, תווי ציור מסגרות וסמלים כמו ♥, נראית עשירה יותר אבל צריכה תמיכה ב-UTF-8 כדי להיות מוצגת. לתאימות מרבית (טרמינלים ישנים, קובצי לוג פשוטים), היצמדו ל-ASCII טהור.
איך יוצרים ASCII art מתמונה?
העבירו את המחולל למצב תמונה והעלו תמונה. כל אזור קטן בתמונה נדגם לפי בהירות וממופה לתו עם צפיפות תואמת, וכך נוצר עיבוד בגווני אפור בטקסט. תמונות פשוטות עם ניגודיות גבוהה (לוגואים, צלליות) מומרות הכי טוב; תמונות צבעוניות עמוסות מאבדות פרטים. הגדילו את רוחב הפלט לקבלת יותר פרטים.
האם מחולל ה-ASCII art הזה חינמי?
כן, הוא חינמי לגמרי ובלי הרשמה, והכול רץ מקומית בדפדפן שלכם, כך שתמונות שהעליתם לא עוזבות את המכשיר. צרו כמה באנרים ותמונות שתרצו והעתיקו או הורידו את התוצאה.

למידע נוסף

כלי פיתוח נוספים

איור של שפות התכנות ב-Coddy

ללמוד תכנות עם Coddy

להתחיל