كيفية حفظ الصور للويب في برنامج فوتوشوب

واحدة من الوظائف الأكثر أهمية التي يقدمها Photoshop هي ميزة Save for Web / Devices .

لماذا استخدامها؟ بينما يمكنك فقط حفظ الملف الخاص بك بطريقة قياسية ، مثل File / Save As ، فإن ميزة Save for Web / Devices تقوم بأشياء أساسية حاسمة.

تعمل هذه الأداة بشكل رائع لإخراج رموز تويتر وصور ملفات pics على Facebook وملفات المنتجات وصور المدونة وملفات المصدر للأيقونة المفضلة.

  • 01 - افتح ملف المصدر الخاص بك

    ملف / افتح فوتوشوب. لقطة للشاشة بواسطة بريان هينز

    للبدء ، ستحتاج إلى الانتقال إلى File / Open لفتح الملف. يمكن أن يكون بأي تنسيق - jpg أو gif أو psd أو png أو غير ذلك. طالما أن Photoshop يمكنه فتحه ، يمكنك إخراجه للويب.

  • 02 - حفظ ملفك للويب

    حفظ الملف Photoshop CS5. لقطة للشاشة بواسطة بريان هينز

    سننتقل إلى التوفير في الويب ، على افتراض أنك قمت بإجراء أي تعديلات تحتاجها. من الواضح ، إذا كنت بحاجة إلى تعديل الصورة ، فافعل ذلك أولاً وتابع هذه الخطوة لاحقًا.

    انتقل إلى ملف / حفظ للويب / الأجهزة وانقر فوق. هو حول نصف الطريق أسفل القائمة المنسدلة.

    هذه العملية لا تغير ملفك الأصلي على الإطلاق. أنت بصدد إنشاء ملف جديد. بمجرد إكمال هذا البرنامج التعليمي والعودة إلى صورتك الأصلية في Photoshop ، ستحتاج إلى حفظ هذا الملف إذا قمت بإجراء أي تغييرات عليه. من المهم تسمية صورتك الجديدة بشكل مختلف عن صورتك الأصلية. غالبا ما ببساطة إضافة _web إلى اسم الملف ستعمل بشكل جيد. (مثال: filename_web.jpg)

  • 03 - ضبط مقارنة مقارنة إلى 2 متابعة

    جنبا الى جنب مقارنة Photoshop CS5. لقطة للشاشة بواسطة بريان هينز

    اعتمادًا على إعداداتك ، قد تحتاج إلى ضبط العرض هنا. ما تريده هو المقارنة اليسرى واليمنى لصورتك. سيعرض الجانب الأيسر الصورة الأصلية ، سيعرض اليمين جودة الصورة في الإعدادات الحالية.

    إذا نظرت إلى أعلى النافذة ، فسترى الخيارات التالية: الأصل ، المحسّن ، 2-Up ، 4-Up. لمعظم الأغراض ، 2-Up هو ما تريده.

  • 04 - قم بتعيين حجم المشاهدة إلى 100٪

    ضبط العرض على 100٪ في Photoshop CS5. لقطة للشاشة بواسطة بريان هينز

    للتأكد من أنك تشاهد 100٪ تحقق من هذا الخيار في الزاوية السفلية اليسرى من الشاشة.

    من المهم أن تتذكر أنه إذا قمت بعرض صورتك أعلى من 100٪ فإنها ستبدو محببة أو ربما غير مفهومة. تعمل دائمًا مع الصورة بنسبة 100٪.

  • 05 - اختار ملف الأبعاد

    اختيار أبعاد الملف في Photoshop CS5. لقطة للشاشة بواسطة بريان هينز

    دائمًا ما تكون أبعاد الويب بالبكسل (بكسل). من المهم الحفاظ على النسب صحيحة. بجانب مربع الصورة صورة صغيرة لسلسلة الارتباط. ما يفعله هو قياس العرض عند ضبط الارتفاع. على سبيل المثال ، صورة تساوي 600 بكسل × 400 بكسل. إذا قمت بتقليل العرض إلى 300 بكسل ، فسيتم قياس حجم الملف تلقائيًا إلى ارتفاع 200 بكسل. إذا لم يتم تحديده ، فسيتم تشويه الصورة.

    لديك أيضا خيار لقياس الصورة حسب النسب المئوية.

  • 06 - اختار نوع الملف للتصدير

    اختيار نوع الملف للتصدير في Photoshop CS5. لقطة للشاشة بواسطة بريان هينز

    في هذا الخيار ، لا يهم نوع الملف الأصلي. يمكنك اختيار أي ملف تحتاجه.

    ملاحظة: لبدء العملية ستحتاج إلى النقر على الصورة على اليمين. يجب تحديد الصورة لتتم معالجتها.

    الأكثر شيوعًا هو jpg للويب - إنه أصغر تنسيق ملف مما يعني أنه يتم تنزيله بشكل أسرع لزوار موقعك. إذا كان لديك الشفافية اختار png-24. إذا كنت لا تعرف ما هي الشفافية ، فيجب عليك اختيار jpg.

  • 07 - اختر جودة الصورة

    اختر جودة الصورة في Photoshop CS5. لقطة للشاشة بواسطة بريان هينز

    يحتوي كل خيار من خيارات jpg الثلاثة (عالي ، متوسط ​​، منخفض) على إعدادات جودة مسبقة - والتي يمكن ضبطها يدويًا. إذا كنت تشاهد بنسبة 100٪ ، فيمكنك تحديد الجودة التي تحتاجها. لضبط مستوى التكبير ، انظر الخطوة 5. ستبدو الصورة كما هي على الإنترنت كما هي في نافذة المعاينة.

    إذا اخترت أي شيء آخر غير jpg ، فيمكنك تخطي هذه الخطوة.

  • 08 - احفظ ملفك

    احفظ ملفك في Photoshop CS5. لقطة للشاشة بواسطة بريان هينز

    بمجرد إجراء التعديلات اللازمة ، ستكون مستعدًا لحفظ الملف. انقر فوق "حفظ" واختار المجلد واسم الملف الذي تريده لهذه الصورة الجديدة.

    تهانينا! ملفك الجديد جاهز للاستخدام عبر الإنترنت.