ما يجب معرفته
- افتح صورة في Photoshop. حدد صورة> حجم الصورة. أدخل عرضًا جديدًا ، ثم حدد Pixels> OK.
- اختر ملف> حفظ للويب والأجهزة. اختر علامة التبويب 2-Upلرؤية الصور الأصلية والمحسنة جنبًا إلى جنب.
- تغيير قيمة الجودة وعرض النتائج. قم بإجراء تعديلات على الحجم أو نوع الملف إذا لزم الأمر. حدد حفظوقم بتسمية الصورة الجديدة.
تشرح هذه المقالة كيفية استخدام أداة Save for Web في Photoshop لتحسين الصور لاستخدامها على الويب. تنطبق هذه المعلومات على Photoshop 20.0.10 والإصدارات الأحدث. قد تختلف الأوامر وخيارات القائمة بين الإصدارات.
كيفية الحفظ للويب في Photoshop
مصممي الجرافيك ومصممي الويب وغيرهم ممن ينشئون محتوى للويب ، ينشئون أيضًا صورًا جاهزة للويب مثل الصور لمواقع الويب وإعلانات الشعارات. قبل تحميل هذه الصور ، يقومون بتحسين الصور لتنزيلها وعرضها بسرعة في متصفح الويب.
إليك كيفية استخدام أداة Save for Web في Photoshop للحصول على التوازن الصحيح بين جودة الصورة وحجم الملف لصورك.
- افتح الصورة التي تريد حفظها في Photoshop.
-
حدد صورة> حجم الصورة. أو ، للكمبيوتر الشخصي ، اضغط على Alt + Ctrl + I ، لنظام macOS ، اضغط على Command + Option + Iعلى لوحة المفاتيح.
Image -
في الحقل Width ، أدخل عرضًا جديدًا ، وحدد Pixels ، ثم حدد OK.
قم بتغيير حجم الصورة إلى حجم صغير يمكن استخدامه على موقع الويب.
Image -
حدد ملف> تصدير> حفظ للويب (قديم). أو استخدم اختصار لوحة المفاتيح: Alt / Option + Command + Shift + S.
في إصدارات Photoshop الأخرى ، يكون المسار هو File> Export> Save for Web. قد يسمى العنصر حفظ للويب أو حفظ للويب والأجهزة.
Image -
في نافذة حفظ للويب ، انتقل إلى Original ، Optimized ، 2-Up و 4-Upعلامات تبويب. تقوم علامات التبويب هذه بالتبديل بين عرض الصورة الأصلية ، أو الصورة المحسّنة باستخدام إعدادات Save for Web المطبقة عليها ، أو مقارنة بين نسختين أو أربعة إصدارات من الصورة.
اختر 2-Upلمقارنة الصورة الأصلية بالصورة المحسّنة. يعرض هذا نسخًا جنبًا إلى جنب من الصورة.
Image -
تغيير قيمة الجودة. كلما خفضت الجودة ، تبدو الصورة أكثر تشويشًا ، وينخفض حجم الملف. الملفات الأصغر تعني صفحات الويب التي يتم تحميلها بشكل أسرع.
ابحث عن وسيط سعيد بين حجم الملف وجودته. الجودة بين 40 و 60 هي نطاق جيد. استخدم مستويات الجودة المحددة مسبقًا (متوسط JPEG ، على سبيل المثال) لتوفير الوقت.
Image -
قم بتغيير نوع الملف ، إذا لزم الأمر ، إلى JPEG أو-g.webp
Image -
قم بتغيير حجم الصورة ، إذا لزم الأمر. أدخل عرضًا أو ارتفاعًا ، أو قم بقياسه بنسبة مئوية.
انقر فوق رمز رابط السلسلةلتغيير نسبة الصورة. وإلا ، أدخل عرضًا أو ارتفاعًا مختلفًا لتغيير القيمة الأخرى بالتناسب.
Image -
تعرض القيم الموجودة أسفل معاينة الصورة نوع الملف وحجمه والمدة التي ستستغرقها الصورة لفتحها على موقع ويب. يتم تحديث هذه الأرقام كلما أجريت تغييرات.
Image -
عندما تشعر بالرضا عن الصورة ، حدد حفظ.
Image -
اكتب اسمًا للصورة ، ثم انقر فوق Save.
Image
ما الذي يجعل الويب الرسومي جاهزًا؟
تشترك معظم الرسومات الجاهزة للويب في خصائص مشتركة:
- الدقة 72 نقطة في البوصة.
- وضع اللون هو RGB.
-
يتم تقليل حجم الملفات لتسريع تحميل صفحات الويب.
