דילוג לתוכן

ייצוא קוד QR ל-SVG

ייצאו קוד QR כ-SVG, לא כמפת סיביות בתוך עטיפה

Mosaqo מצייר כל קוד כגיאומטריה, וייצוא ה-SVG הוא בדיוק אותו ציור שנכתב כקובץ. מודול אחד הוא מלבן אחד, האזור השקט הוא חלק מהבד, והצבעים הם ערכים הקסדצימליים רגילים בתוך הסימון — ולכן אותו קובץ עצמו משרת גם כרטיס ביקור וגם חזית של בניין.

סקירה מהירה

מה זה משנה בפועל

01

מה באמת נמצא בתוך הקובץ

הייצוא הוא אלמנט SVG יחיד עם רוחב וגובה מוצהרים ועם viewBox הנמדד במודולים. כל מודול כהה הוא מלבן אחד על אחד בקואורדינטות שלמות, ושלוש תבניות האיתור מצוירות כצורות נפרדות משלהן — כך שסגנון הפינות נשאר בלתי תלוי בשאלה אם המודולים מרובעים, מעוגלים או נקודתיים. שום דבר לא הועתק ממפת סיביות, כי שום דבר כאן מעולם לא היה מפת סיביות.

האזור השקט הוא חלק מהבד ולא משהו שצריך לזכור בהמשך: ה-viewBox הוא הקוד ועוד השוליים שבחרתם, ארבעה מודולים כברירת מחדל ועד שישה עשר. רקע שקוף פירושו שאין מלבן רקע כלל, וזה מה שמאפשר להניח את הקובץ על נייר צבעוני בלי קופסה לבנה סביבו.

  • מלבן אחד לכל מודול, בקואורדינטות שלמות
  • האזור השקט כלול בתוך ה-viewBox
  • צבע החזית והרקע כערכים הקסדצימליים בני שש ספרות
  • אין מלבן רקע כשהרקע שקוף

02

העניין בווקטור הוא הקצוות, לא גודל הקובץ

הסורק קורא את הגבול בין מודול כהה למודול בהיר. הגדלה של PNG קטן מרככת כל אחד מהגבולות האלה, וגבול מרוכך הוא נתון דו-משמעי — ולכן קוד מוגדל נכשל בגודל שאותו קוד עצמו היה שורד בו אילו יוצא כווקטור. ל-SVG אין רזולוציה שאפשר לאבד מלכתחילה.

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

03

היכן כרטיס מעוצב מפסיק להיות ווקטורי טהור

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

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

כרטיס שמיוצא כ-PDF משוטח לתמונה אחת ברזולוציה גבוהה על הדף — הרכב שמורכב מתצלומים לא יכול להיות משהו אחר — ו-Mosaqo מעבד אותו הרבה מעל 300 dpi בגודל A4, כך שהוא מוכן לדפוס בכל מקרה. רק הקוד החשוף, ב-SVG או ב-PDF, מגיע אל הדף כגיאומטריה.

  • מטריצת ה-QR: גיאומטריה וקטורית
  • תצלומים, לוגואים ומדבקות שהועלו: רסטר מוטמע
  • טקסט: טקסט חי, אז צרפו את הגופן או סדרו את הטקסט בתוכנת העימוד

04

למה משמשים ייצוא PNG ו-PDF

PNG הוא התשובה הנכונה למסך, לדוא"ל ולשקופית — בכל מקום שבו הקוד מונח פעם אחת בגודל שכבר ידוע לכם. ייצאו אותו גדול ביד רחבה ואל תגדילו אותו לעולם אחר כך.

ה-PDF הוא אותה גיאומטריה על דף: הקוד מצויר — לא מומר לרסטר — וממורכז על A4, מוכן להדפסה או למסירה לאדם כמות שהוא. גם לו אין רזולוציה, ולכן הגדלת הדף מגדילה את הקוד בלי לרכך אף קצה. שלחו במקומו SVG כשהקוד צריך להיכנס לעיצוב שמישהו אחר שולט בו, בגודל שרק הוא יודע.

05

שינוי צבע ומיקום של הקובץ

מכיוון שהקובץ הוא טקסט, אפשר לערוך את צבעיו בלי לפתוח תוכנת עיצוב: המילוי של המודולים הוא צבע החזית שבחרתם, ומלבן הרקע הוא הרקע. שמרו על הכיוון המקובל — מודולים כהים על רקע בהיר. קודים הפוכים נקראים בסורקים רבים אך לא בכולם, מה שהופך אותם להימור על כל דבר מודפס.

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

06

בדקו את הקובץ שייצאתם, לא את התצוגה המקדימה

פתחו את ה-SVG שייצאתם, הניחו אותו בגודל הסופי בתוך העיצוב האמיתי, הדפיסו עותק אחד על החומר עצמו, וסרקו אותו בשני טלפונים שונים מהמרחק שבו הקורא יחזיק אותו, באור שיש למקום הזה באמת.

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

FAQ

שאלות נפוצות

האם ה-SVG הוא קובץ וקטורי אמיתי או תמונה של קוד?

ווקטורי אמיתי. כל מודול הוא מלבן בתוך הסימון ותבניות האיתור הן צורות נפרדות, כך שהקובץ נמתח לכל גודל בלי לאבד קצה. שום דבר בייצוא של קוד חשוף אינו מומר לרסטר.

אפשר לשנות את הצבעים בקובץ שיוצא?

כן. צבע החזית והרקע הם ערכים הקסדצימליים בני שש ספרות בתוך הסימון, וניתן לערוך אותם בכל עורך טקסט או כלי עיצוב. שמרו על מודולים כהים על רקע בהיר — היפוך של קוד הוא הגורם הנפוץ ביותר לכישלון סריקה.

למה הכרטיס שייצאתי מכיל תמונה מוטמעת?

כי לתצלום או ללוגו שהועלה אין צורה וקטורית. המטריצה נשארת גיאומטריה וקטורית; התמונה נוסעת כרסטר ברזולוציה גבוהה בתוך אותו SVG.

לשלוח לבית הדפוס SVG או PDF?

כל אחד מהם — שניהם ווקטוריים. ה-PDF הוא גיליון A4 מוגמר שהקוד מצויר עליו, ומתאים לבית דפוס שרוצה דף. ה-SVG הוא הקוד לבדו, ומתאים למעצב שמניח אותו בתוך עיצוב. מה שאסור לשלוח לשום בית דפוס הוא רסטר שהוגדל מקובץ קטן.

האם ה-SVG כולל את האזור השקט?

כן. השוליים שהגדרתם — ארבעה מודולים כברירת מחדל — הם חלק מהבד, ולכן הנחת הקובץ קצה אל קצה בתוך עיצוב לא אוכלת את מרחב הנשימה של הקוד.

השלב הבא

מוכנים לייצא?

עצבו את הקוד, הורידו את הווקטור, הניחו אותו בכל גודל

ייצוא SVG, PNG ו-PDF כלול בתוכנית החינמית, בכל גודל שתדפיסו.

ליצור קוד ולייצא אותו