01 از 08
گرافیک آماده وب
به عنوان یک طراح گرافیک، ممکن است از شما خواسته شود تصاویری از وب آماده تهیه کنید، مانند عکسهای یک وب سایت یا تبلیغات بنر. ابزار فتوشاپ "ذخیره برای وب" یک راه ساده و آسان برای تهیه فایل JPEG خود برای وب است، که در کمک به کاهش بین اندازه فایل و کیفیت تصویر کمک می کند.
توجه: برای این آموزش، ما به دنبال صرفه جویی در تصاویر JPEG هستیم . ابزار Save for Web نیز برای ذخیره فایل های GIF، PNG و BMP ساخته شده است.
چه چیزی گرافیکی را «آماده وب» می سازد؟
- رزولوشن 72 dpi است
- حالت رنگ RGB است
- به طور کلی در حجم فایل برای بارگذاری سریع صفحات وب کاهش می یابد
02 از 08
یک تصویر را باز کنید
برای تمرین با ابزار «ذخیره برای وب»، یک تصویر را در فتوشاپ باز کنید؛ روی "File> Open" کلیک کنید و تصویر را در رایانه خود مرور کنید و روی "Open" کلیک کنید. برای این آموزش، یک عکس خوب کار خواهد کرد، هر چند که هر نوع تصویر انجام می شود. تغییر اندازه عکس خود را به اندازه کوچک که ممکن است در یک وب سایت استفاده کنید. برای انجام این کار روی "تصویر> اندازه تصویر" کلیک کنید، عرض جدیدی را در کادر "Dimensions Pixel" (امتحان 400) وارد کنید و روی "OK" کلیک کنید.
03 از 08
ابزار Save for Web را باز کنید
اکنون فرض کنید فردی از شما خواسته است که این عکس را با رزولوشن 400 پیکسل آماده کنید تا بتوانید در یک وبسایت قرار دهید. برای باز کردن کادر محاوره ای Save for Web کلیک کنید "File> Save to Web". یک لحظه به مرور تنظیمات و ابزارهای مختلف در پنجره بروید.
04 از 08
مقایسه را تنظیم کنید
در گوشه بالا سمت چپ پنجره Save for Web یک سری از زبانه های دارای برچسب های Original، Optimized، 2-Up و 4-Up هستند. با کلیک کردن روی این برگه ها، می توانید بین نمای یک عکس اصلی خود، عکس بهینه شده خود (با تنظیمات ذخیره شده برای وب به آن اعمال شود) یا مقایسه 2 یا 4 نسخه عکس خود را تغییر دهید. برای مقایسه عکس اصلی با بهینه سازی، "2-Up" را انتخاب کنید. شما هم اکنون نسخه های عکس خود را مشاهده خواهید کرد.
05 از 08
پیش نمایش اصلی را تنظیم کنید
بر روی عکس در سمت چپ کلیک کنید تا آن را انتخاب کنید. "اصلی" را از منوی پیش فرض در سمت راست پنجره ذخیره برای وب انتخاب کنید (اگر قبلا انتخاب نشده باشد). این یک پیش نمایش از عکس اصلی خود را در سمت چپ قرار می دهد.
06 از 08
پیش نمایش بهینه را تنظیم کنید
بر روی عکس در سمت راست کلیک کنید تا آن را انتخاب کنید. "JPEG High" را از منوی پیش تنظیم انتخاب کنید. شما هم اکنون می توانید عکس بهینه شده خود را در سمت راست (که در نهایت فایل نهایی شما است) با اصل خود در سمت چپ مقایسه کنید.
07 از 08
کیفیت JPEG را ویرایش کنید
مهمترین تنظیمات در ستون سمت راست، مقدار "کیفیت" است. همانطور که کیفیت را پایین می آورید، تصویر شما به نظر می رسد "موی سرخ"، اما اندازه فایل شما پایین می آید، و فایل های کوچکتر به معنی بارگذاری سریع صفحات وب است. سعی کنید کیفیت را به 0 تغییر دهید و تفاوت های عکس ها را در سمت چپ و راست و همچنین اندازه فایل کوچکتر که در زیر عکس شما واقع شده است را مشاهده کنید. فتوشاپ همچنین زمان بارگذاری تخمینی زیر اندازه فایل را به شما می دهد. شما می توانید سرعت اتصال را برای این زمان بارگذاری تغییر دهید با کلیک روی فلش بالای پیش نمایش عکس بهینه شده. هدف این است که یک محیط شاد بین اندازه فایل و کیفیت پیدا کنید. کیفیت آن بین 40 تا 60 معمولا بسته به نیاز شما بستگی دارد. با استفاده از سطوح کیفیت از پیش تعیین شده (به عنوان مثال JPEG Medium)، برای صرفه جویی در وقت، سعی کنید.
08 از 08
تصویر خود را ذخیره کنید
هنگامی که از عکس خود را در سمت راست راضی هستید، روی دکمه "ذخیره" کلیک کنید. پنجره "ذخیره بهینه شده به عنوان" باز خواهد شد. یک نام فایل را تایپ کنید ، به پوشه دلخواه خود در رایانه خود بروید و روی «ذخیره» کلیک کنید. حالا شما یک عکس بهینه سازی شده و آماده برای وب دارید.