דחסו תמונות PNG בלי לשטח את השקיפות
הכינו בחירות ייעודיות ל-PNG עבור לוגואים, צילומי מסך, נכסי ממשק וגרפיקות שקופות.
בחרו תמונות PNG
קובצי PNG סטטיים; APNG לא נתמך בגרסה הזו · מגבלת קבצים: 20 · 5 MB לכל קובץ
דחיסה שמתחשבת בשקיפות
הקטינו קובצי PNG בלי לשטח את העיצוב
בחרו אסטרטגיית PNG שמכבדת קצוות שקופים, טקסט חד וגרפיקות בצבעים שטוחים.
שמרו על שקיפות
שמרו על פיקסלים שקופים וחצי-שקופים.
הגנו על הצבעים לאחר הפענוח
בצעו אופטימיזציה לקידוד בלי לשנות בכוונה ערכי פיקסלים.
צמצמו את מגוון הצבעים
השתמשו בפחות צבעים כשסמלים או נכסי UI יכולים לסבול זאת.
הימנעו מאיבוד אנימציה
קובצי PNG מונפשים נשארים מחוץ לתהליך העבודה הזה.
ה-PNG הקטן ביותר לא שווה הרבה אם השקיפות או הקצוות הנקיים הולכים לאיבוד.
אנטומיית PNG
הגנו על ערוץ האלפא, הקצוות ומבנה הצבעים
PNG יכול לשלב פיקסלים אטומים, שקיפות חלקית, טקסט ואזורים בצבע אחיד. לתכונות האלה מגיעה בדיקה נפרדת, ולא פריסט דחיסה של צילום.
השאירו פיקסלים שקופים בכוונה
בדקו קצוות עם החלקת קצוות (antialiasing) על רקעים בהירים וכהים, כדי ששיטוח או הילות לא יסתתרו בתצוגה מקדימה אחת.
בדקו מעברי צבע וטקסט קטן
שינויים בפלטה יכולים להשפיע על גוונים חלקים ועל פרטים של פיקסל אחד, גם כשבתמונה ממוזערת מרחוק זה נראה סביר.
השוו בין קובץ המקור לקובץ המיוצא
צפו ב-PNG המיוצא על רקעים בהירים וכהים. בדקו טקסט קטן, צבעים אחידים, מעברי צבע וקצוות שקופים חלקית.
אסטרטגיית PNG
בחרו בין פיקסלים מדויקים לבין שינוי פלטת צבעים שנבדק
גרפיקות PNG עשויות לדרוש שקיפות, קצוות חדים וצבעים יציבים. לפני ששוקלים צמצום פלטת צבעים, החליטו האם הפיקסלים לאחר פענוח חייבים להישאר מדויקים.
העדיפו נתיב חסר אובדן שנבדק
השתמשו בזה כשצבעים חוזיים, פיקסלים של ממשק או ערכי קצוות שקופים חייבים להישמר ללא שינוי לאחר פענוח.
צמצמו צבעים רק אחרי בדיקה
איורים שטוחים יכולים לסבול פחות צבעים, בעוד שמעברי צבע, צילומי מסך ואיורים עם טקסטורה עלולים להציג פסים (banding) באופן גלוי.
בחרו כלי קשור לפי הצורך
השתמשו בתהליך עבודה של JPG לתמונה אטומה רק כשאין צורך בשקיפות. השאירו PNG כשהתמונה צריכה פיקסלים שקופים.
בדקו את התוצאה שלכם
בדקו קצוות שקופים ופרטים קטנים
צפו ב-PNG המיוצא על רקעים בהירים וכהים. בדקו טקסט קטן, צבעים אחידים, מעברי צבע וקצוות שקופים חלקית.בדקו קצוות רכים
הניחו את ה-PNG על רקעים בהירים וכהים כדי לחשוף שוליים סביב שיער, צללים או טקסט עם החלקת קצוות (antialiasing).
בדקו צבעים אחידים
בדקו לוגואים וגרפיקות ממשק כדי לוודא שצבעי המותג לא השתנו או שגוונים לא נעלמו. צמצום פלטה יכול להשפיע על אזורים אלה אחרת מאשר על צילומים.
בדקו פיקסלים מדויקים
אם נדרשים פיקסלים מדויקים, השוו ערכי פיקסלים לאחר פענוח ולא את הבייטים של הקובץ. PNG קטן יותר אינו כשלעצמו הוכחה לתוצאה חסרת אובדן.
שאלות נפוצות
תהליך העבודה של PNG בנוי סביב שמירה על שקיפות אלפא. בדקו את הפלט המעובד ב-VisionStory לפני שאתם מחליפים נכס מקורי.
