גודל מסך בפיקסלים

[קראנצול]

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

תודה מראש על כל תשובה!!

 

[קראנצול]

-|

 

[שמואל גרינשטיין]

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

תודה מראש על כל תשובה!!

התשובה קצת מסובכת.

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

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

 

[קראנצול]

התשובה קצת מסובכת.

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

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

תודה!!
אז מה בעצם עושה כל מעצב אתר?
לפי איזה גודל הוא עובד?

 

[שמואל גרינשטיין]

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

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

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

הצלחות.