http://www2.eitan.ac.il/photoshop/lessons/chp3_lssn1_sec2.asp
<TABLE dir=rtl cellSpacing=0 cellPadding=15 border=0><TBODY><TR><TD style="PADDING-LEFT: 50px" vAlign=top align=right width="100%" colSpan=2>
קבצים בפוטושופ ואופטימיזציה לאינטרנט<?XML:NAMESPACE PREFIX = O /><O
></O>
להלן סוגי הקבצים הנפוצים ביותר שתשתמשו בהם בפוטושופ:<O
></O
>
קובץ עם סיומת ".psd"
קובץ מסוג זה שומר את כל המידע, ומיועד לשמירת עבודות שאתם עדיין מתכוונים להמשיך ולערוך בפוטושופ.<O
></O
>
קובץ עם סיומת ".jpg" , ".jpeg"
קובץ מסוג זה לא שומר את כל המידע. הקובץ שומר את כל השכבות והאפקטים ביחד בשכבה אחת, כתמונה פשוטה. סוג קובץ זה מתאים לשמירת תמונות מורכבות, בעיקר צילומים. זהו סוג קובץ נפוץ באתרי אינטרנט.
שימו לב: כשאתם שומרים תמונה כקובץ מסוג זה בפוטושופ, מופיע חלון המאפשר לכם להגדיר רמת דיוק של התמונה. ככל שרמת הדיוק גבוהה יותר, הקובץ תופס יותר זיכרון. <O
></O
>
קובץ עם סיומת ".gif"
גם קובץ מסוג זה שומר את כל המידע. הקובץ שומר את כל השכבות והאפקטים ביחד בשכבה אחת, כתמונה פשוטה. סוג קובץ זה מתאים לשמירת תמונות שלא מופיעים בהן מספר רב של צבעים שונים. זאת משום שהקובץ נשמר עם טבלת צבעים, בה מופיעים כל הצבעים המשתתפים בתמונה. גם זה סוג קובץ נפוץ באתרי אינטרנט.
שימו לב: כשאתם שומרים תמונה כקובץ מסוג זה בפוטושופ, מופיע חלון המאפשר לכם להגדיר רמת התאמה של התמונה הנשמרת לתמונה המקורית. ככל שרמת ההתאמה גבוהה יותר, הקובץ תופס יותר זיכרון. <!---
ראו גם הגדרת <a href="stam.html">"Indexed Color".<o
></o
>
--->
</TD></TR><TR><TD colSpan=2><SCRIPT language=JavaScript1.2>var aw=document.body.clientWidth - 150var clrimg="
"document.write(clrimg)</SCRIPT>
<SCRIPT language=JavaScript1.2>var aw=document.body.clientWidth - 150var clrimg="
"document.write(clrimg)</SCRIPT>
</TD></TR><TR><TD vAlign=top align=right width="50%">
אופטימיזציה לאינטרנט
עכשיו שאתם מכירים את סוגי הקבצים, נראה איך אפשר לשמור בפוטושופ בצורה אופטימלית.
המטרה היא לקבל תמונות באיכות טובה מבלי שהקובץ יהיה גדול מדי, נקודה חשובה במיוחד בבניית אתרי אינטרנט. ככל שתמונות גדולות יותר, כן ייקח לגולשים יותר זמן לראות את התמונות בדפדפן האינטרנט שלהם. <O
></O
>
מומלץ שתנסו לראות ולבצע את הדברים הבאים אצלכם בפוטושופ.<O
></O
>
ראשית, יש לבחור בפריט Save for Web מתפריט .File נפתח חלון המאפשר לכם להגדיר משתנים, ולראות את השפעתם על התמונה.<O
></O
>
שימו לב לאפשרויות התצוגה השונות בחלון שנפתח. הן זהות לאפשרויות התצוגה של חלון התמונה באימאג'-רדי.
בשיעור
משטח העבודה בפרק הקודם, הכרנו את כל האפשרויות.<O
></O
>
להלן שיטה נוחה במיוחד לשמור קובץ באופן אופטימלי:
לחצו על החץ הקטן בחלון השמירה האופטימלית, ובתפריט האפשרויות שנפתח, בחרו באפשרות Optimize to File Size . פעולה זו פותחת חלון הגדרות קטן.
בחלון הנ"ל, יש להזין את גודל הקובץ הרצוי, ולסמן את האפשרות Auto Select GIF / JPEG.
בצורה זו, פוטושופ קובעת את כל המשתנים באופן אוטומטי.
נסו כך מספר גדלים עבור הקובץ, והשתמשו בקובץ הקטן ביותר שהצלחתם ליצור מבלי לפגוע יותר מדי באיכות התמונה. <O
></O
>
</TD><TD vAlign=center align=middle width="50%"><!-- table containing the illustrations ---><TABLE dir=rtl cellSpacing=2 cellPadding=2 border=0><TBODY><TR><TD align=middle>
Save For Web
תפריט האפשרויות נפתח בעזרת הכפתור אליו מצביע החץ
</TD></TR><TR><TD align=middle>
</TD></TR><TR><TD align=middle>
Optimize To File Size
</TD></TR><TR><TD align=middle>
</TD></TR></TBODY></TABLE><!-- end of table containing the illustrations ---></TD></TR><TR><TD colSpan=2><SCRIPT language=JavaScript1.2>var aw=document.body.clientWidth - 150var clrimg="
"document.write(clrimg)</SCRIPT>
<SCRIPT language=JavaScript1.2>var aw=document.body.clientWidth - 150var clrimg="
"document.write(clrimg)</SCRIPT>
</TD></TR><TR><TD vAlign=top align=right width="50%">
דוגמה:
להלן תמונה שנשמרה בשתי צורות.
ראשית, התמונה נשמרה כקובץ JPEG באיכות הטובה ביותר האפשרית, ללא כל התחשבות בגודל הקובץ.
לאחר מכן, אותה תמונה נשמרה שוב כקובץ JPEG , אך הפעם בגודל הקטן ביותר האפשרי, ללא כל התחשבות באיכות. <O
></O
>
גודל התמונה האיכותית הוא 109KB ואילו גודל התמונה הלא איכותית הוא .14KB
איזה הבדל! <O
></O
>
לידיעתכם, ניתן לשמור כקובץ JPEG על ידי בחירת Save As מתפריט קובץ. מופיע חלון המאפשר לכם להגדיר את איכות התמונה. ככל שהאיכות גבוהה יותר, ניתן לראות בתחתית החלון שגודל הקובץ גדול יותר. <O
></O
>
</TD><TD vAlign=center align=middle width="50%"><!-- table containing the illustrations ---><TABLE dir=rtl cellSpacing=2 cellPadding=2 border=0><TBODY><TR><TD align=middle>
חלון לקביעת איכות התמונה
</TD></TR><TR><TD align=middle>
</TD></TR><TR><TD align=middle>
תמונה באיכות גבוהה
</TD></TR><TR><TD align=middle>
</TD></TR><TR><TD align=middle>
תמונה באיכות נמוכה
</TD></TR><TR><TD align=middle>
</TD></TR></TBODY></TABLE><!-- end of table containing the illustrations ---></TD></TR><TR><TD colSpan=2><SCRIPT language=JavaScript1.2>var aw=document.body.clientWidth - 150var clrimg="
"document.write(clrimg)</SCRIPT>
</TD></TR></TBODY></TABLE></P>
הנושאים החמים
