چه باید بدانیم
- یک تصویر را در فتوشاپ باز کنید. Image > Image Size را انتخاب کنید. عرض جدیدی وارد کنید و سپس Pixels > OK را انتخاب کنید.
- File > ذخیره برای وب و دستگاه ها را انتخاب کنید. برگه 2-Up را انتخاب کنید تا تصاویر اصلی و بهینه شده را در کنار هم ببینید.
- مقدار Quality را تغییر دهید و نتایج را مشاهده کنید. در صورت نیاز تنظیماتی را در اندازه یا نوع فایل انجام دهید. Save را انتخاب کنید و تصویر جدید را نامگذاری کنید.
این مقاله نحوه استفاده از ابزار Save for Web Photoshop را برای بهینه سازی تصاویر برای استفاده در وب توضیح می دهد. این اطلاعات برای Photoshop 20.0.10 به بعد اعمال می شود. دستورات و گزینه های منو ممکن است بین نسخه ها متفاوت باشد.
چگونه برای وب در فتوشاپ ذخیره کنیم
طراحان گرافیک، طراحان وب و سایر افرادی که برای وب محتوا تولید می کنند، تصاویر آماده وب مانند عکس برای وب سایت ها و تبلیغات بنری نیز ایجاد می کنند. قبل از آپلود این تصاویر، آنها تصاویر را برای دانلود و نمایش سریع در یک مرورگر وب بهینه می کنند.
در اینجا نحوه استفاده از ابزار Save for Web در فتوشاپ برای به دست آوردن تعادل مناسب بین کیفیت تصویر و اندازه فایل برای تصاویر خود آمده است.
- تصویری را که می خواهید در فتوشاپ ذخیره کنید باز کنید.
-
Image > Image Size را انتخاب کنید. یا برای رایانه شخصی، Alt+Ctrl+I، را برای macOS فشار دهید، Command+Option+I را روی صفحه کلید فشار دهید. را فشار دهید.
Image -
در قسمت Width ، یک عرض جدید وارد کنید، Pixels را انتخاب کنید، سپس OK را انتخاب کنید..
تغییر اندازه عکس به اندازه کوچک قابل استفاده در یک وب سایت.
Image -
File > Export > ذخیره برای وب (قدیمی) را انتخاب کنید. یا از میانبر صفحه کلید استفاده کنید: Alt/Option+Command+Shift+S.
در نسخه‌های دیگر فتوشاپ، مسیر File > Export > ذخیره برای وب است.. این مورد ممکن است Save for Web یا Save for Web and Devices نامیده شود.
Image -
در پنجره ذخیره برای وب ، به Original ، Optimized ،بروید. 2-Up و 4-Up برگه. این برگه‌ها بین نمای عکس اصلی، عکس بهینه‌سازی شده با تنظیمات Save for Web اعمال شده روی آن، یا مقایسه دو یا چهار نسخه از عکس جابه‌جا می‌شوند.
2-Up را برای مقایسه عکس اصلی با عکس بهینه شده انتخاب کنید. این کپی‌های کنار هم از تصویر را نشان می‌دهد.
Image -
مقدار Quality را تغییر دهید. با کاهش کیفیت، تصویر گل آلودتر به نظر می رسد و اندازه فایل کاهش می یابد. فایل های کوچکتر به معنای بارگذاری سریعتر صفحات وب است.
یک رسانه شاد بین اندازه و کیفیت فایل پیدا کنید. کیفیت بین 40 تا 60 رنج خوبی است. از سطوح کیفیت از پیش تعیین شده (به عنوان مثال JPEG Medium) برای صرفه جویی در زمان استفاده کنید.
Image -
در صورت نیاز، نوع فایل را به JPEG، GIF، PNG-8، PNG-24، یا WBMP تغییر دهید.
Image -
در صورت نیاز اندازه تصویر را تغییر دهید. عرض یا ارتفاع را وارد کنید، یا آن را با درصد مقیاس کنید.
برای تغییر نسبت تصویر، روی نماد پیوند زنجیره ای کلیک کنید. در غیر این صورت، عرض یا ارتفاع متفاوتی را وارد کنید تا مقدار دیگر را به نسبت تغییر دهید.
Image -
مقادیر زیر پیش‌نمایش تصویر، نوع فایل، اندازه و مدت زمان باز شدن تصویر در یک وب‌سایت را نشان می‌دهد. با ایجاد تغییرات، این اعداد به روز می شوند.
Image -
وقتی از عکس راضی بودید، Save را انتخاب کنید.
Image -
یک نام برای عکس تایپ کنید، سپس روی ذخیره کلیک کنید.
Image
چه چیزی یک وب گرافیکی را آماده می کند؟
اکثر گرافیک های آماده وب دارای ویژگی های مشترک هستند:
- رزولوشن 72 نقطه در اینچ است.
- حالت رنگ RGB است.
-
حجم فایل‌ها برای بارگذاری سریعتر صفحات وب کاهش می‌یابد.
