رئيسي التصميم الجرافيكي كيفية تقليل حجم ملف GIF لتحسين أداء موقع الويب

كيفية تقليل حجم ملف GIF لتحسين أداء موقع الويب



ماذا تعرف

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

تشرح هذه المقالة القواعد العامة التي يجب مراعاتها لتقليل حجم ملفات GIF على موقع الويب الخاص بك حتى يتم تحميل الصور بسرعة أكبر ويعمل موقع الويب الخاص بك بكفاءة أكبر.

كيفية تقليل حجم ملف GIF لتحسين أداء موقع الويب

لجعل ملف GIF الخاص بك فعالاً قدر الإمكان:

  1. قص أي مساحة إضافية حول الصورة. يعد تقليل أبعاد البكسل للصورة الطريقة الأكثر فعالية لتقليل حجم الملف. إذا كنت تستخدم برنامج فوتوشوب تقليم الأمر يعمل بشكل جيد لهذا الغرض.

  2. عندما تقوم بتحضير صورة GIF، قم بتقليل أبعاد الإخراج. يقدم كل برنامج لتحرير الرسومات أوامر مختلفة لتغيير الحجم.

  3. تقليل عدد الألوان في الصورة. تعرض ملفات GIF 256 لونًا فقط، ولكن إذا كانت صورتك تحتوي على عدد قليل فقط، فقم بتقليل عدد الألوان على أي حال. عند تقليل الألوان في صور GIF، تحصل على أفضل ضغط عندما يتم ضبط عدد الألوان على أصغر عدد ممكن من هذه الخيارات: 2، 4، 8، 16، 32، 64، 128، أو 256.

  4. قم بتقليل عدد الإطارات في الصورة لصور GIF المتحركة. تجنب الرسوم المتحركة عديمة الفائدة بشكل عام. تزيد الرسوم المتحركة المفرطة من وقت تنزيل صفحة الويب، ويجدها الكثير من الأشخاص مشتتة للانتباه.

    كيفية إزالة مقاطع الفيديو التي أعجبتني من اليوتيوب
  5. إذا كنت تستخدم محل تصوير ، قم بإنشاء ملف GIF باستخدام تصدير باسم عنصر القائمة. يختار ملف > تصدير باسم . عند فتح القائمة، حدد GIF كتنسيق الملف وتقليل الأبعاد المادية (العرض والارتفاع) للصورة.

  6. إذا كنت تستخدم Adobe Photoshop Elements، فحدد ملف > حفظ للويب . هذه العملية تفتح حفظ للويب مربع الحوار الموجود أيضًا في Adobe Photoshop على ملف > يصدّر > حفظ للويب (قديم) . عند فتحه، قم بتطبيق التدرج وتقليل اللون وتعديل الأبعاد المادية للصورة.

    العب ألعاب إكس بوكس ​​الخاصة بي على جهاز الكمبيوتر
  7. تجنب التردد. التردد قد يجعل بعض الصور تبدو أفضل، لكنه يزيد من حجم الملف. إذا كان برنامجك يسمح بذلك، فاستخدم مستوى أقل من ثبات الألوان لحفظ وحدات البايت الإضافية.

  8. تحتوي بعض البرامج على خيار فقدان لحفظ صور GIF. يمكن أن يؤدي هذا الخيار إلى تقليل حجم الملف بشكل كبير، ولكنه يقلل أيضًا من جودة الصورة.

  9. لا تستخدم التشابك. يؤدي التداخل عادةً إلى زيادة حجم الملف.

  10. يعرض كل من Photoshop وPhotoshop Elements وقت التنزيل. لا تولي اهتماما لذلك. يعتمد على استخدام مودم 56 كيلو. يظهر رقم أكثر صحة إذا قمت بتحديد مودم كبل من القائمة المنسدلة.

صور GIF والويب

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

يعد تنسيق ملف GIF، في كثير من النواحي، تنسيقًا قديمًا يعود إلى الأيام الأولى للويب. قبل تقديم تنسيق GIF، كانت صور الويب بالأبيض والأسود ومضغوطة باستخدام تنسيق RLE. ظهرت ملفات GIF لأول مرة على الساحة في عام 1987 عندما أصدرت شركة Compuserve التنسيق كحل لتصوير الويب. في ذلك الوقت، كانت الألوان تظهر للتو على سطح المكتب، وكان الوصول إلى الويب متاحًا عن طريق أجهزة المودم المتصلة بخط الهاتف. خلقت هذه البنية التحتية الجديدة الحاجة إلى تنسيق صورة يبقي الصور صغيرة بما يكفي ليتم تسليمها عبر خط هاتف إلى متصفح الويب في وقت قصير.

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

التعليمات
  • كيف يمكنني تغيير حجم صورة GIF التعبيرية لـ Discord؟

    عند تحميل صورة GIF إلى Discord، سيتم ضبط الصورة تلقائيًا على 128 × 128 بكسل إذا لزم الأمر. على الرغم من أن Discord يسمح بمشاركة الصور والملفات الأخرى التي يصل حجمها إلى 8 ميجابايت (أو أكثر مع اشتراك Nitro)، فإن الحد الأقصى لحجم الرموز التعبيرية هو 256 كيلو بايت.

  • كيف أقوم بضغط ملف GIF دون فقدان الجودة؟

    إن أبسط طريقة لضغط ملف GIF دون التأثير على الجودة هي استخدام ميزة الضغط الخاصة بـ File Explorer. يمكن أيضًا استخدام بعض برامج الضغط التابعة لجهات خارجية، مثل WinZip، لضغط ملفات GIF دون تقليل الجودة المرئية الإجمالية لها.

    ماذا تعني بطارية الخدمة ماك
  • كيف يمكنني دمج عدة صور GIF في صورة GIF واحدة؟

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

مقالات مثيرة للاهتمام

اختيار المحرر

كيفية لعب Minecraft على Meta Quest وQuest 2
كيفية لعب Minecraft على Meta Quest وQuest 2
لعبة Minecraft غير متوفرة على Quest، ولكن يمكنك تشغيل Bedrock وJava Minecraft على Meta Quest أو Quest 2 باستخدام كابل الارتباط.
كيفية تهيئة محرك أقراص ثابت خارجي لنظام التشغيل Windows
كيفية تهيئة محرك أقراص ثابت خارجي لنظام التشغيل Windows
تعد محركات الأقراص الصلبة الخارجية بمثابة حافظات حاسمة على البيانات الثمينة ، خاصةً إذا كنت تسافر كثيرًا ، أو تحتاج إلى تخزين مرن للعمل ، أو ترغب في إبقاء الأشياء المهمة بعيدًا عن أحشاء جهاز الكمبيوتر الخاص بك. ولكن هناك أوقات تكون فيها صناديق الكنوز الرقمية هذه
كيفية تحريك الخلايا لأسفل في Excel
كيفية تحريك الخلايا لأسفل في Excel
قم بتغيير موضع بياناتك بسهولة في Microsoft Excel باستخدام ميزة إدراج صفوف ورقة (وأعمدة). من خلال تكديس صفوف إضافية أعلى الصفوف الحالية في جدول البيانات ، يمكنك دفع البيانات الحالية إلى أسفل القائمة أثناء الإنشاء
Life360 مقابل Family360
Life360 مقابل Family360
إذا كنت تبحث عن أداة تحديد مواقع العائلة الرائعة عبر نظام تحديد المواقع العالمي (GPS)، فقد لا تكون متردداً بين Life360 أو Family360. كلاهما من تطبيقات تتبع الأسرة المعروفة مع مجموعة كبيرة من الميزات المفيدة التي تساعد الآباء في مراقبة أطفالهم.
كيفية إصلاح الخطأ 'تعذر إكمال النسخة الاحتياطية الأخيرة'.
كيفية إصلاح الخطأ 'تعذر إكمال النسخة الاحتياطية الأخيرة'.
هل تواجه مشكلة في عمل نسخة احتياطية لجهاز iOS الخاص بك على iCloud؟ نعرض لك كيفية إصلاح الخطأ 'تعذر إكمال النسخ الاحتياطي الأخير' على جهاز iPhone أو iPad.
كيفية تغيير السمة في رمز VS
كيفية تغيير السمة في رمز VS
يحول Visual Studio Code التحرير وكتابة التعليمات البرمجية الجديدة إلى تجربة ممتعة وخالية من المتاعب. تم تصميم المظهر الداكن الافتراضي لـ VS Code ليكون أسهل على العين من الخلفية البيضاء القاسية التي يمكن أن تسبب التعب
مراجعة Sony Alpha A200
مراجعة Sony Alpha A200
عندما دخلت سوني سوق الكاميرات ذات العدسة الأحادية العاكسة (DSLR) بألفا A100 الممتازة ، كانت تحاول هزيمة المنافسة القائمة حتى الموت على القيمة. يواصل A200 هذا التقليد بمزيج من الميزات والسعر الذي لا يرقى إلى حدٍ كبير