מה צריך לדעת
- פתח תמונה בפוטושופ. בחר תמונה > גודל תמונה. הזן רוחב חדש ולאחר מכן בחר Pixels > OK.
- בחר קובץ > Save for Web and Devices. בחר בכרטיסייה 2-Up כדי לראות את התמונות המקוריות והמוטבות זו לצד זו.
- שנה את הערך Quality והצג את התוצאות. בצע התאמות לגודל או לסוג הקובץ במידת הצורך. בחר Save ושם לתמונה החדשה.
מאמר זה מסביר כיצד להשתמש בכלי Save for Web של Photoshop כדי לבצע אופטימיזציה של תמונות לשימוש באינטרנט. מידע זה חל על Photoshop 20.0.10 ואילך. פקודות ואפשרויות תפריט עשויות להיות שונות בין הגרסאות.
איך לשמור לאינטרנט בפוטושופ
מעצבים גרפיים, מעצבי אתרים ואחרים שיוצרים תוכן לאינטרנט, יוצרים גם תמונות מוכנות לאינטרנט כגון תמונות לאתרים ומודעות באנר. לפני העלאת תמונות אלה, הם מבצעים אופטימיזציה של התמונות להורדה ולהצגה מהירה בדפדפן אינטרנט.
הנה איך להשתמש בכלי Save for Web ב-Photoshop כדי לקבל את האיזון הנכון בין איכות התמונה וגודל הקובץ עבור התמונות שלך.
- פתח את התמונה שברצונך לשמור בפוטושופ.
-
בחר תמונה > גודל תמונה. לחלופין, עבור PC, הקש Alt+Ctrl+I, עבור macOS, הקש Command+Option+I במקלדת.
Image -
בשדה Width, הזן רוחב חדש, בחר Pixels ולאחר מכן בחר OK.
שנה את גודל התמונה לגודל קטן שניתן להשתמש בו באתר.
Image -
בחר File > Export > Save for Web (Legacy). לחלופין, השתמש בקיצור המקלדת: Alt/Option+Command+Shift+S.
בגרסאות אחרות של Photoshop, הנתיב הוא File > Export > Save for Web. הפריט עשוי להיקרא Save for Web או Save for Web and Devices.
Image -
בחלון Save for Web, עבור אל Original, Optimized,2-Up, ו- 4-Up כרטיסיות. כרטיסיות אלו עוברות בין תצוגה של התמונה המקורית, התמונה שעברה אופטימיזציה עם הגדרות השמירה לאינטרנט שהוחלו עליה, או השוואה של שתיים או ארבע גרסאות של התמונה.
בחר 2-Up כדי להשוות את התמונה המקורית לתמונה שעברה אופטימיזציה. זה מציג עותקים זה לצד זה של התמונה.
Image -
שנה את הערך Quality. ככל שאתה מוריד את האיכות, התמונה נראית בוצית יותר, וגודל הקובץ יורד. קבצים קטנים יותר פירושם טעינה מהירה יותר של דפי אינטרנט.
מצא אמצעי מאושר בין גודל קובץ ואיכות. איכות בין 40 ל-60 היא טווח טוב. השתמש ברמות האיכות המוגדרות מראש (JPEG Medium, למשל) כדי לחסוך זמן.
Image -
שנה את סוג הקובץ, במידת הצורך, ל-JPEG, GIF, PNG-8, PNG-24 או WBMP.
Image -
שנה את גודל התמונה, במידת הצורך. הזן רוחב או גובה, או שנה אותם באחוזים.
לחץ על קישור השרשרת כדי לשנות את הפרופורציה של התמונה. אחרת, הזן רוחב או גובה שונים כדי לשנות את הערך השני בפרופורציה.
Image -
הערכים מתחת לתצוגה המקדימה של התמונה מציגים את סוג הקובץ, גודלו וכמה זמן ייקח לתמונה להיפתח באתר. המספרים האלה מתעדכנים תוך כדי שינויים.
Image -
כשתהיה מרוצה מהתמונה, בחר שמור.
Image -
הקלד שם לתמונה ולאחר מכן לחץ על שמור.
Image
מה הופך גרפיקה למוכנה לאינטרנט?
רוב הגרפיקה המוכנה לאינטרנט חולקת מאפיינים משותפים:
- רזולוציה היא 72 dpi.
- מצב הצבע הוא RGB.
-
הקבצים מצטמצמים לטעינה מהירה יותר של דפי אינטרנט.
