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