رئيسي التصميم الجرافيكي كيفية تقليل حجم ملف 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 الأخرى التي تريد إضافتها، ثم قم بتصدير الدمج النهائي عند الانتهاء.

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

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

أفضل 11 لاعبًا في لعبة FIFA 16 Ultimate Team
أفضل 11 لاعبًا في لعبة FIFA 16 Ultimate Team
لعبة FIFA 16 Ultimate Team تسبب الإدمان بشكل رهيب. جزء واحد من مجموعة FIFA إلى مجموعة ملصقات أخرى ، فإن رعاية فريقك تدريجيًا من خلال المسروقات المكتسبة من خلال الفوز بالمباريات هي صيغة أكثر سخافة بشكل يبعث على السخرية. بالتأكيد ، ستبدأ بـ لا شيء تقريبًا ، ولكن
كل ما تحتاج لمعرفته حول ورشة عمل Steam
كل ما تحتاج لمعرفته حول ورشة عمل Steam
يعد Steam Workshop مستودعًا للتعديلات والعناصر الأخرى داخل اللعبة التي يمكنك تنزيلها وتثبيتها لألعاب Steam بنقرة زر واحدة.
كيفية عمل صورة GIF متحركة لخلفية Windows
كيفية عمل صورة GIF متحركة لخلفية Windows
إذا كنت تقرأ هذا ، فربما تكون قد رأيت بالفعل التأثير الذي يمكن أن تحدثه خلفية الشاشة المتحركة وقررت أنك تريد واحدة لشاشتك. هناك بعض الأناقة في ورق الحائط الثابت الذي تم اختياره جيدًا وعالي الدقة ،
كيفية منع جهاز MacBook من النوم عندما يكون الغطاء مغلقًا
كيفية منع جهاز MacBook من النوم عندما يكون الغطاء مغلقًا
امنع جهاز MacBook الخاص بك من النوم عندما يكون الغطاء مغلقًا إذا قمت بضبط إعدادات الطاقة، وقم بتوصيل جهاز MacBook وتوصيله بشاشة خارجية.
DTS مقابل Dolby Digital: ما الفرق؟
DTS مقابل Dolby Digital: ما الفرق؟
إن القول بأن Dolby Digital هو نفسه DTS سيكون بمثابة قول إن Star Wars و Star Trek هما نفس الشيء. سيثير هذا البيان غضب عشاق كلا العرضين ، وينطبق الشيء نفسه على عشاق الموسيقى الذين يدافعون عن أي منهما
كيفية عمل أمر echo بدون سطر جديد في Windows
كيفية عمل أمر echo بدون سطر جديد في Windows
يصف كيفية التخلص من حرف السطر الجديد في أمر echo في موجه أوامر Windows
يحصل تطبيق Remote Desktop Store على تحديث ضخم
يحصل تطبيق Remote Desktop Store على تحديث ضخم
بالإضافة إلى تطبيق Remote Desktop الكلاسيكي (mstsc.exe) ، يشتمل Windows 10 على تطبيق حديث يسمى ببساطة 'Microsoft Remote App'. إنه تطبيق UWP يتلقى تحديثات من متجر Microsoft .. أصدرت Microsoft إصدارًا جديدًا من التطبيق إلى Insiders مع الكثير من الميزات والتحسينات الجديدة ، بما في ذلك دعم الوضع الفاتح والظلام ،