نحوه استفاده از فتوشاپ برای ابزار وب ذخیره شده

01 از 08

گرافیک آماده وب

PeopleImages / DigitalVision / Getty Images

به عنوان یک طراح گرافیک، ممکن است از شما خواسته شود تصاویری از وب آماده تهیه کنید، مانند عکسهای یک وب سایت یا تبلیغات بنر. ابزار فتوشاپ "ذخیره برای وب" یک راه ساده و آسان برای تهیه فایل JPEG خود برای وب است، که در کمک به کاهش بین اندازه فایل و کیفیت تصویر کمک می کند.

توجه: برای این آموزش، ما به دنبال صرفه جویی در تصاویر JPEG هستیم . ابزار Save for Web نیز برای ذخیره فایل های GIF، PNG و BMP ساخته شده است.

چه چیزی گرافیکی را «آماده وب» می سازد؟

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".

بر روی عکس در سمت راست کلیک کنید تا آن را انتخاب کنید. "JPEG High" را از منوی پیش تنظیم انتخاب کنید. شما هم اکنون می توانید عکس بهینه شده خود را در سمت راست (که در نهایت فایل نهایی شما است) با اصل خود در سمت چپ مقایسه کنید.

07 از 08

کیفیت JPEG را ویرایش کنید

حجم فایل و سرعت بارگذاری.

مهمترین تنظیمات در ستون سمت راست، مقدار "کیفیت" است. همانطور که کیفیت را پایین می آورید، تصویر شما به نظر می رسد "موی سرخ"، اما اندازه فایل شما پایین می آید، و فایل های کوچکتر به معنی بارگذاری سریع صفحات وب است. سعی کنید کیفیت را به 0 تغییر دهید و تفاوت های عکس ها را در سمت چپ و راست و همچنین اندازه فایل کوچکتر که در زیر عکس شما واقع شده است را مشاهده کنید. فتوشاپ همچنین زمان بارگذاری تخمینی زیر اندازه فایل را به شما می دهد. شما می توانید سرعت اتصال را برای این زمان بارگذاری تغییر دهید با کلیک روی فلش بالای پیش نمایش عکس بهینه شده. هدف این است که یک محیط شاد بین اندازه فایل و کیفیت پیدا کنید. کیفیت آن بین 40 تا 60 معمولا بسته به نیاز شما بستگی دارد. با استفاده از سطوح کیفیت از پیش تعیین شده (به عنوان مثال JPEG Medium)، برای صرفه جویی در وقت، سعی کنید.

08 از 08

تصویر خود را ذخیره کنید

نام عکس خود را و ذخیره کنید.

هنگامی که از عکس خود را در سمت راست راضی هستید، روی دکمه "ذخیره" کلیک کنید. پنجره "ذخیره بهینه شده به عنوان" باز خواهد شد. یک نام فایل را تایپ کنید ، به پوشه دلخواه خود در رایانه خود بروید و روی «ذخیره» کلیک کنید. حالا شما یک عکس بهینه سازی شده و آماده برای وب دارید.