פיקסל פרפקט (Pixel Perfect) הוא מונח טכני מתחום העיצוב שבשנים האחרונות יש לו גם משמעות לתחום בניית האתרים ועיצוב אתרים.
לבניית אתרים בתצורת פיקסל פרפקט נתייחס בהמשך, אבל ראשית בואו נבין מה משמעות המונח הזה שבזמן האחרון נזרק לחלל האוויר יותר ויותר.
מה זה פיקסל פרפרקט?
כל מי שגולש באינטרנט נתקל באתרים שחלק מהגרפיקה שלהם נראית מטושטשת או לא בפוקוס.
מיותר לציין שזה הופך חוויית הגלישה להרבה פחות מושכת ומקרין באופן שלילי על העסק או הגורם שמפעיל את האתר.
בהרבה מקרים התופעה הזו פשוט תבריח את הגולשים (שהם הלקוחות הפוטנציאלים שלכם).
למה זה קורה?
ובכן, התמונה בכל מסך (מחשב, טאבלט או טלפון חכם) מורכבת מהרבה מאוד פיקסלים שיחד מרכיבים את התמונה המלאה.
ככל שהמסך הוא בעל רזולוציה טובה יותר הפקיסלים יהיו רבים יותר וצפופים יותר.
מאחר שהעיצוב הגרפי יתבצע הרבה פעמים בנפרד מהתכנות של האתר והוא יונח על הדף כקובץ במהלך העבודה על בניית האתר.
לעיתים מי שבונה את האתר יניח את האלמנטים הגרפים באופן שאינו חופף לחלוטין בין העיצוב לפיקסלים (דמיינו שהפיקסלים שמרכיבים את העיצוב, מונחים בין הפיקסלים של עמוד האינטרנט) התוצאה היא אותו מראה מטושטש.
מה שהכי מתסכל בתופעה הזו היא שכאשר מסתכלים על חומרי הגלם הגרפיים שהמעצב בנה המראה נראה מושלם וחד והתופעה מתרחשת רק כאשר מטמיעים את העיצוב באתר עצמו.
בשלב הזה כבר קשה לתקן ולכן הרבה אתרים פשוט עולים לאוויר עם הפגם הזה.
לעיתים, במסך מסוג מסוים העיצוב יראה מצוין, אך במעבר פורמט (למשל ממסך מחשב למסך טלפון פתאום יופיע הטשטוש).
הבשורות הטובות הן שניתן למנוע את התופעה באמצעות עבודה בגישת פיקסל פרפקט.
כלומר הנחת העיצוב באופן שחופף באופן מושלם (פרפקט) לפיקסלים.
כלים שמבטיחים פיקסל פרפקט
הדרך הכי נכונה להימנע מהתופעה המתסכלת שתיארנו היא עבודה בתוצרת פיקסל פרפקט.
עבודה בתוצרה הזו אינה מסובכת, אך היא דורשת תיאום בין מעצב האתר למי שבהמשך יבנה ויתכנת אותו בפועל.
מהמעצב תצורת פיקסל פרפקט דורשת דבר פשוט.
עבודה בתוכנה שמאפשרת דיוק ווקטורי בהנחת העיצוב על הפיקסל.
היום מרבית התוכנות הגרפיות הנפוצות מאפשרות את זה (אילוסטרייטור, סקצ’, אינדיזיין, פוטושופ), חשוב לשים לב שמשתמשים בכלי שנקרא snap to pixel.
השלב הבא קשור לעבודה של מעצב האתרים שחייב לעבוד בצמוד לתבנית שקיבל מהמעצב.
לרוב כאשר כל הגורמים בתהליך יודעים מה הם עושים התוצאה תהיה פיקסל פרפקט – כלומר העיצוב יראה חד ומפוקס.
