تحسين صورة للموقع: معالجة الدُفعات باستخدام jpegtran | optipng | PNGOUT

  1. تحسين صورة للموقع: معالجة الدُفعات باستخدام jpegtran | optipng | PNGOUT موقع بدون صور - مفارقة...
  2. نحن نستخدم توصيات للصور
  3. هيكل الأرشيف
  4. تعليمات موجزة للعمل
  5. المكملات الغذائية
  6. إلى x64 (ويعرف أيضًا باسم andi)

تحسين صورة للموقع: معالجة الدُفعات باستخدام jpegtran | optipng | PNGOUT

موقع بدون صور - مفارقة تاريخية. كثير من الناس يعتقدون ، وليس خاليا من الحس السليم. تذكر ، منذ متى وانت ذهبت إلى الموقع للمرة الأخيرة وكم من الوقت كنت على ذلك؟

البيانات النصية أصغر بكثير من الصورة. ولكن من المعروف أن الناس يحبون عيونهم. لذلك ، ستكون الصور ميزة بلا شك للقصة.

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

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

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

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

فلماذا تحسين الصور؟ مثال بسيط هو الصورة. تحتوي الهواتف الحديثة على كاميرات بحجم 8 و 12 ميجابكسل. 12 ميجا بكسل يتوافق مع صورة 4000 × 3000 بكسل. اعتمادًا على تعقيد المشهد ، يتوافق هذا مع حجم 2-5 ميغابايت ، وأكثر من ذلك. عشرات الصور - ويتضخم حجم الصفحة كثيرًا. يتم ملاءمة الصورة في منطقة المحتوى ، مما يعني أنه يجب على المتصفح أولاً تنزيل كل شيء وتوسيعه وعرضه فقط. للضعفاء المعالجات أو مع كمية صغيرة من ذاكرة الوصول العشوائي - كارثة.

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

سوف يجادل شخص ما بأنه لا فائدة من ذلك ؛ حيث تقوم CMS الحديثة تلقائيًا بعمل صور مصغرة عند تنزيل الصور. ولكن هل لكل شخص مواقعه على VPS أو VIP- الأسعار؟ قد يتم تنزيل صورة واحدة بحجم 12 ميجابكسل ، ولكن لمعالجتها ، سيحتاج PHP إلى تخصيص 35 ميجابايت (نظريًا ، في الواقع أكثر) للتخزين ، ثم لا يزال يعرف مقدار إنشاء نسخة أصغر. الرسوم الجمركية الرخيصة يغرق على الفور في فائض الموارد. سيطلب مضيف جيد من المستخدم عدم القيام بذلك بعد الآن ، وسيتجاهله سيء ​​، لأن المال فقط هو المهم بالنسبة له ، وليس أداء الخدمات.

وهكذا ، قررنا التصرف بشكل صحيح. نقوم بتقليل الصور بشكل مبدئي ، ثم تحميلها على الموقع. وبالتالي فإن المحرك أسهل ، والناس. هو كل شيء ليس حقا

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

حسنًا ، فكر في الأمر ، قطعة واحدة. ما هو هناك ، مجموعة من المعلومات الواردة؟ تخيل. في بعض الأحيان تحصل على صور فيها مئات الكيلوبايت من هذه البيانات. اليوم فقط ، أرسلوا شعارًا بحجم 584 كيلوبايت لاستيعابه. في الوقت نفسه ، كانت المعلومات المفيدة 14 كيلو بايت فقط! بالنسبة لي ، ليس صحيحًا تمامًا إجبار الزائر على تنزيل 570 كيلوبايت من أعلاه.

دعونا تلخيص المجاميع الفرعية. لكي يقوم مستخدمي الموقع بعمل جيد ، يجب عليك:

  1. تقليل حجم الصورة. لمساعدة أي محرر الرسوم البيانية.
  2. رمي خارج أجزاء الملف ليست ضرورية. في الواقع ، يحتاج المستخدم فقط صورة.
  3. حاول تقليل حجم الصورة.

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

ولكن يمكن إعطاء الفقرتين 2 و 3 تحت رحمة البرامج الخاصة. برنامج للعمل مع مجموعة الصور. توصي Google بالبرامج التالية:

  • jpegtran لتنسيق صور JPG.
  • optipng و pngout لصور PNG.

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

الشروط

قبل عام ، بدأوا يتحدثون بشكل جماعي عن الخدمة. رؤى PageSpeed من جوجل. في الواقع ، هذه هي توصيات من عملاق البحث حول "كيفية القيام بعمل جيد". فقط اكتب عنوان الموقع واحصل على قائمة اقتراحات للتحسين. هناك يمكنك أيضًا تنزيل الموارد المحسّنة بالفعل ، بما في ذلك الصور ، لموقعك. صحيح ، هذا مناسب فقط للصفحة المحددة.

إذا كان لديك موقع إلكتروني ، فتأكد من النظر هذا المقال . مفيدة بشكل خاص لأولئك الذين يستخدمون وورد.

نحن نستخدم توصيات للصور

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

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

تنزيل الأرشيف (212 كيلوبايت)

هيكل الأرشيف

يحتوي الأرشيف على مجلد [ OptimizeImg ]. لتبدأ ، فكها في مكان ما. لدي موقع في c: \ temp \ لكن لا يهم. الشيء الرئيسي هو أن المسار لا يحتوي على علامات تعجب.

التالي. يحتوي هذا المجلد على الدليل الفرعي [ uploads ]. هنا تحتاج إلى وضع الملفات التي تتطلب معالجة. أفضل جزء هو أنه يمكنك دفع بنية المجلد / الملف على الأقل.

هناك 3 برامج أخرى: jpegtran.exe | optipng.exe | pngout.exe هي الأداة التي أوصت بها Google. تم تنزيلها من المواقع / المستودعات الرسمية المقابلة. إذا كنت في شك ، أو أردت فقط الترقية ، قم بالتنزيل من مصدر موثوق واستبدال المصادر الموجودة.

وأخيرا ، قلب تولزا. Batnichki:

  • 1.bat
  • 3.bat
  • 3-go.bat
  • 3-غروب-لout.bat
  • 3-الخروج إلى opti.bat

يقوم الملف الأول ، 1.bat ، بإعادة إنشاء البنية من [عمليات التحميل]. يتم إنشاء 3 مجلدات إضافية: [jpg_jpegtran] [png_optipng] [png_pngout] مع الملفات المصغرة التي تمت معالجتها من نوعها (jpg - فقط * .jpg-files ، والشيء نفسه مع png).

3.bat تطلق ثلاث ملفات دفعية للتنفيذ:

  • 3-go.bat هو تقريبا نفس 1.bat. تخطي ملفات JPG / بابوا نيو غينيا من خلال minimizers. ستكون نتيجة العمل 3 مجلدات (انظر أعلاه) مع الصور المقابلة.
  • ينشئ 3-opti-to-out.bat المجلد [png_optipng إلى pngout] ، حيث تتم كتابة الملفات التي تمت معالجتها بواسطة optipng + pngout (في هذا التسلسل بالضبط).
  • ينشئ 3-out-to-opti.bat مجلد [png_pngout-to-optipng] يتم فيه كتابة الملفات التي تتم معالجتها بواسطة pngout + optipng. على غرار السابق ، فقط في تسلسل مختلف.

من حيث المبدأ ، 1.bat فقط يكفي لاحتياجاتنا. ظهرت أكياس 3x كنتيجة للبحث والأخطاء في الإصدار السابق من الملف الدفعي. لقد حدث أنه أثناء الخطأ ، تم نقل ملفات pngout من دليل optipng. وما كان مفاجأة لي عندما أعطى إطلاق الإصدار القديم حجم أصغر 1.5 مرة من في ملف دفعي محدث. ونتيجة لذلك ، اتضح أن المعالجة المزدوجة يمكنها "اللحاق" بالصور بشكل جيد. لكنه يستغرق ما يقرب من 2 مرات المزيد من الوقت. لذلك قرر نفسك إذا كانت هناك حاجة لذلك.

تعليمات موجزة للعمل

  1. تحميل الأرشيف .
  2. فكه.
  3. انتقل إلى المجلد [OptimizeImg] المفتوح حديثًا.
  4. جميع الملفات التي تتطلب اللدغة ، انسخ المجلد [تحميل].
  5. تشغيل 1.bat والانتظار. إذا كان هناك العديد من الملفات وكانوا بابوا نيو غينيا ، انتظر وقتا طويلا.
  6. عندما تظهر رسالة في النافذة السوداء حول الحاجة إلى الضغط على مفتاح للمتابعة ، كل شيء جاهز. يبقى أن تأخذ محتويات المجلدات التي تم إنشاؤها ونسخها إلى الاستضافة عبر FTP ، الكتابة فوق الملفات القديمة.

على سبيل المثال. تتيح لك الحصول على مدونة على ووردبريس. يتم تخزين جميع الصور في [ / wp-content / uploads / ]. انتقل إلى مجلد الموقع (عبر بروتوكول نقل الملفات) ، وانتقل إلى [ محتوى wp ] وقم ببساطة بنسخ [ التحميلات ] إلى المجلد OptimizeImg الذي يحمل نفس الاسم. تشغيل 1.bat والانتظار. بعد الانتهاء من العمل ، يتم تحميل المحتوى [jpg_jpegtran] (نذهب هناك!) إلى الخادم. يتم الرد على طلبات الملفات الموجودة عن طريق الكتابة. هناك خدعة مماثلة لـ png ، لكننا أولاً ننظر إلى أي مجلد - [png_optipng] أو [png_pngout] - يشغل مساحة أقل ، ويملأه بمحتوياته.

لا تخف من تلف الملفات الأخرى. يعمل Batniki فقط مع jpg / png ، ويتم كتابة الصور من هذه الأنواع فقط إلى المجلدات التي تم إنشاؤها حديثًا.

آمل أن يكون شخص ما مفيداً. حظا سعيدا!

المكملات الغذائية

  1. يجب ألا يحتوي المسار إلى [OptimizeImg] على علامات تعجب ! و ٪ ٪
  2. تشغيل البرامج النصية كمسؤول ليست ضرورية. علاوة على ذلك ، في هذه الحالة ، قد لا يعملون!
  3. ...

الكتاب

ليس على الانترنت 13 ساعة

إلى x64 (ويعرف أيضًا باسم andi)

التعليقات: 2846 المنشورات: 395 التسجيل: 02-04-2009