סקירה כללית של פרוסות

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

Photoshop מרכיב מחדש תמונות פרוסות בדפי אינטרנט באמצעות טבלאות HTML או שכבות CSS. כשאתם מייצאים תמונה פרוסה באמצעות הפקודה קובץ > ייצוא > שמירה לאינטרנט, Photoshop שומר כל פרוסה כקובץ נפרד. הוא גם יוצר את קוד ה-HTML או ה-CSS שנדרש כדי להציג את התמונה כקומפוזיציה אחת בדפדפן.

איך פרוסות פועלות

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

לגישה הזאת יש כמה יתרונות מעשיים:

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

סוג פרוסה לפי אופן היצירה

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

• פרוסות משתמש: מקטעים שאתם מגדירים ידנית באמצעות הכלי פרוסה {6}. יש לכם שליטה מלאה על הגודל, המיקום והמאפיינים שלהן, והן נשארות במקומן עד שאתם מזיזים או משנים אותן.
• פרוסות מבוססות Layer (שכבה): הפרוסות כוללות את כל הפיקסלים ב-Layer (שכבה). הגבולות שלהן מתעדכנים אוטומטית כשאתם מזיזים או עורכים את ה-Layer (שכבה). הן מתאימות לתוכן שמשתנה לעיתים קרובות, אבל מציעות פחות שליטה על מיקום מדויק בהשוואה לפרוסות משתמש.
• פרוסות אוטומטיות: פרוסות שממלאות את השטח שנותר בתמונה ושאינו מכוסה על ידי פרוסות משתמש או פרוסות מבוססות Layer (שכבה). Photoshop יוצר אותם באופן אוטומטי ויוצר אותם מחדש בכל פעם שמוסיפים, מסירים או משנים פרוסות אחרות.לכל הפרוסות האוטומטיות בתמונה יש את אותן הגדרות שיפור.
• פרוסות משנה: סוג מיוחד של פרוסה אוטומטית שמופיע כאשר פרוסות חופפות זו את זו.פרוסות המשנה מציגות כיצד Photoshop יחלק את האזורים החופפים כאשר שומרים את הקובץ המשופר.אי אפשר לבחור או לערוך פרוסות משנה בנפרד מהפרוסות שמתחתן.

סוג פרוסה לפי תוכן

פרוסות מסווגות גם לפי סוג התוכן שהן מכילות.

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

רמזים חזותיים לפרוסות

Photoshop משתמש ברמזים חזותיים שעוזרים לכם להבחין בין סוגי הפרוסות בזמן העבודה.

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

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