ייצוא מוצלח מתחיל במקום שבו נעשה שימוש בתמונה. מדריך זה מסביר כיצד לבחור קנה מידה, להכין את ה-SVG שלכם ולבדוק את ה-PNG לפני השימוש בו.
1. התחילו מהיעד
לפני ההמרה, בדקו את מידות הפיקסלים המבוקשות על ידי האתר, המסמך, מערכת הדוא"ל או יישום העיצוב שיקבלו את התמונה. כלי זה מתאים את מידות הרינדור של ה-SVG באמצעות מכפיל נבחר; הוא אינו מציע שדות רוחב וגובה מותאמים אישית. אם פלטפורמה דורשת רוחב של 1200 פיקסלים, השוו יעד זה לרוחב המוצג של ה-SVG ובחרו מכפיל שמתקרב לכך מבלי ליצור קובץ גדול שלא לצורך.
2. הבינו את גורמי קנה המידה
האפשרויות הן 1x, 2x, 3x, 4x ו-8x. מכפיל משפיע גם על הרוחב וגם על הגובה: מקור בגודל 200 × 100 שמרנדר ב-2x הופך ל-400 × 200 פיקסלים. ספירת הפיקסלים גדלה בריבוע של המכפיל, כך ש-8x מייצר פי 64 יותר פיקסלים מאשר 1x. פלט גדול יותר עשוי לצרוך זיכרון רב בהרבה וייתכן שלא ייראה טוב יותר כאשר היצירה המקורית או תצוגת היעד אינן זקוקות לכך.
3. בחרו גורם לתצוגות
עבור גרפיקת ממשק רגילה, 1x או 2x הוא לעתים קרובות נקודת התחלה מעשית; 2x יכול לעזור בתצוגות צפופות כאשר פריסת היעד מקטינה את התמונה. בחרו 3x או 4x רק כאשר העיצוב זקוק למידות הפיקסלים הנוספות. השתמשו ב-8x באופן סלקטיבי מכיוון שקנווסים גדולים מאוד עשויים לקחת זמן רב יותר לרינדור או לחרוג ממגבלות הדפדפן.
4. החליטו האם הרקע צריך להיות שקוף
בחרו שקוף כאשר ה-PNG צריך להיות ממוקם מעל עמוד צבעוני, מצגת או תמונה אחרת. בחרו לבן כאשר היעד מצפה למלבן לבן או כאשר רקע אחיד מקל על בדיקת היצירה. PNG תומך בשקיפות, אך יישום יעד עשוי להציג פיקסלים שקופים מעל תבנית לוח שחמט או לשטח אותם בעת הוספת התמונה.
5. הכינו את ה-SVG לפני הייצוא
פתחו את המקור בתוכנת עריכה וקטורית ובדקו שיש לו viewBox הגיוני ויצירה גלויה בתוכו. המירו או הטמיעו גופנים אם העיצוב חייב להיראות זהה במכשירים שחסרים בהם גופנים אלה. שמרו על תמונות מקושרות ומשאבים חיצוניים זמינים; ממיר דפדפן זה עשוי שלא לרנדר גופנים מרוחקים, תמונות מקושרות, סקריפטים או תלויות חיצוניות אחרות מקובץ SVG.
6. המרו ובדקו את התצוגה המקדימה
בחרו קובץ SVG אחד, בחרו קנה מידה ורקע, ולאחר מכן המרו אותו. בדקו שכל הציור גלוי, שהטקסט והקווים העדינים נשארים קריאים ושבתצוגה המקדימה יש את הרקע הצפוי. אם התוצאה חתומה, בדקו את ה-viewBox והמידות של ה-SVG בקובץ המקורי. הממיר מעבד קובץ אחד בכל פעם ומציע הורדת PNG עבור אותו קובץ.
7. בדקו פיקסלים וגודל קובץ
השתמשו ב-PNG בהקשר המיועד ובדקו אותו בגודל שבו הוא יופיע בפועל. מידת פיקסלים גדולה אינה משפרת אוטומטית אייקון קטן על המסך. אם ה-PNG גדול מדי, חזרו ל-SVG וייצרו עם גורם נמוך יותר. אם הוא נראה מטושטש, ודאו שהיעד אינו מגדיל תמונת רסטר קטנה לאחר ההמרה.
8. שמרו על המקור כבר-עריכה
שמרו את ה-SVG המקורי לצד ה-PNG. ה-SVG שומר על נתיבים וקטוריים ובדרך כלל עדיף לעריכות מאוחרות יותר, שינוי צבעים ושינוי גודל. ה-PNG הוא עותק נוח בגודל קבוע עבור יעדים הזקוקים לתמונות רסטר. שמירת שניהם מאפשרת ליצור PNG אחר בגודל שונה מבלי לשנות קנה מידה שוב ושוב של תמונה שכבר עברה רסטריזציה.