كمصمّم جرافيك أو مصمم ويب ، قد يُطلب منك تقديم صور جاهزة للويب ، مثل الصور لموقع الويب أو إعلان البانر. تعد أداة Photoshop Save for Web طريقة سهلة لإعداد ملفات JPEG للويب ، مما يساعد على تحقيق التوازن بين حجم الملف وجودة الصورة.
بالنسبة لهذا البرنامج التعليمي ، فأنت تقوم بحفظ صور JPEG. تم إنشاء أداة Save for Web أيضًا لحفظ ملفات GIF و PNG و BMP.
ما الذي يجعل الرسم البياني على شبكة الإنترنت جاهز؟
تشترك معظم الرسومات الجاهزة للويب في الخصائص المشتركة:
- القرار هو 72 نقطة في البوصة.
- وضع اللون هو RGB.
- يتم تقليل حجم الملفات لصفحات الويب التي يتم تحميلها بسرعة أكبر.
افتح صورة
للتدرب باستخدام أداة Save for Web ، افتح صورة في Photoshop.
انقر ملف> افتحواستعرض الصورة على جهاز الكمبيوتر الخاص بك ، ثم انقر فوق افتح. لأغراض التدريب ، تعمل الصورة بشكل جيد ، على الرغم من أن أي نوع من الصور سيعمل.
تغيير حجم الصورة إلى حجم صغير يمكنك استخدامه على موقع الويب. للقيام بذلك ، انقر فوق صورة> حجم الصورة، أدخل عرضًا جديدًا في حقل العرض ، وحددبكسل. في هذه الحالة ، أدخل 400 بكسل وانقر حسنا.
افتح Save for Web Tool
لنفترض أن شخصًا ما طلب منك تسليم صورة بحجم 400 بكسل ، وتكون جاهزة للنشر على موقع ويب.
انقر ملف > حفظ للويب لفتح حفظ للويب صندوق المحادثة. (في الإصدارات اللاحقة من Photoshop ، يكون المسار ملف > تصدير > حفظ للويب.)
استعرض الإعدادات والأدوات المختلفة في النافذة.
03 من 07قم بإعداد المقارنة
في الجزء العلوي من حفظ للويب النافذة هي سلسلة من علامات التبويب المسمى أصلي, محسن, 2 الهاتفيو 4 الهاتفي. بالنقر فوق علامات التبويب هذه ، يمكنك التبديل بين طريقة عرض صورتك الأصلية ، أو صورتك المحسّنة مع إعدادات Save for Web المطبقة عليها ، أو مقارنة بين نسختين أو أربعة من صورتك.
أختر 2 الهاتفي لمقارنة الصورة الأصلية مع الصورة المحسنة من خلال عرض نسخ من الصورة جنبًا إلى جنب.
04 من 07قم بتعيين المعاينة الأصلية
انقر على الصورة على الجانب الأيسر لتحديدها. أختر أصلي من مسبقا القائمة على الجانب الأيمن من حفظ للويب نافذة (إذا لم تكن محددة بالفعل). هذا يضع معاينة للصورة الأصلية ، غير المحررة على الجانب الأيسر.
05 من 07تعيين معاينة الأمثل
انقر على الصورة على الجانب الأيمن لتحديدها. أختر JPEG عالية من مسبقا قائمة طعام. يمكنك الآن مقارنة الصورة المحسنة على اليمين ، والتي ستكون ملفك النهائي ، مع النسخة الأصلية على اليسار.
06 من 07قم بتحرير جودة JPEG
الإعداد الأكثر أهمية في العمود الأيمن هو جودة القيمة. كلما خفضت الجودة ، تبدو صورتك مزعجة ، ولكن حجم الملف ينخفض ، والملفات الأصغر تعني صفحات ويب ذات سرعة تحميل أعلى.
حاول تغيير الجودة إلى 0 ولاحظ الفرق في الصور على اليسار واليمين ، وكذلك حجم الملف الأصغر ، الموجود أسفل الصورة.
الهدف هو إيجاد وسيط سعيد بين حجم الملف وجودته. عادة ما تكون الجودة بين 40 و 60 نطاقًا جيدًا ، حسب احتياجاتك. حاول استخدام مستويات الجودة المعينة مسبقًا (JPEG متوسطعلى سبيل المثال) لتوفير الوقت.
07 من 07احفظ صورتك
بمجرد أن تكون راضيًا عن الصورة على اليمين ، انقر فوق حفظ زر. ال حفظ الأمثل باسم يفتح نافذة. اكتب اسمًا للملف ، واستعرض المجلد المطلوب على جهاز الكمبيوتر ، ثم انقر فوق حفظ. لديك الآن صورة محسّنة جاهزة للويب.
