الحفاظ على الماجستير وجعل نسخة تسليم الويب
حفظ الصورة الأصلية مع وصف الصورة وسجل الموافقة. إنشاء ملفات تسليم منفصلة لمنطقة الصورة الحقيقية للصفحة. هذا يسمح لك بتغيير إطار الصورة أو الضغط في وقت لاحق دون تعديل مرارًا وتكرارًا ملف المصدر الوحيد.
يعود THE RENDER OFFICE حاليًا صور PNG في أبعاد المربع أو المناظر الطبيعية أو الصورة. يمكن أن يكون مصدر كبير مفيدًا في الانتهاء ، ولكن قد تحتاج بطاقة فئة صغيرة إلى أقل بكسل. إن إعداد جودة إنشاء الصورة ليس بديلاً عن إعداد تصدير الويب المناسب.
تسليم البكسل إلى التصميم
تحقق من حجم الصورة المعروضة عبر التصاميم الحقيقية و كثافة الجهاز التي تدعمها. إعداد الخيارات المناسبة للصور حيث يمكن للموقع تقديم الخدمة لهم بشكل استجابة. إن تقليل عرض CSS وحده لا يقلل من بايتات الملف الذي يتم تنزيله.
تثبت MDN كيف يساعد المرشحين المصدر الصورة ومعلومات الحجم المتصفحين على اختيار الموارد المناسبة. يجب أن يتطابق التخطيط المعلن مع الصفحة الحقيقية ؛ يمكن أن تجعل المعلومات غير الصحيحة الحجم المتصفح يختار المرشح أقل ملاءمة.
مقارنة الضغط عند الحجم النهائي للعرض
تصدير تنسيقات مناسبة مدعومة من تدفق العمل المنشور، ثم مقارنة حجم الملف والمظهر. فحص الجرادينات والنسيج الدقيق والحدود وأي تفاصيل منتج دقيقة بعد الضغط. الحفاظ على الشفافية فقط عندما يحتاج التخطيط فعلا.
اختر أصغر ملف مناسب يحافظ على الجودة المطلوبة للتركيب. لا توجد أهداف ملفية عالمية تثبت أن الصورة محسنة. بطاقة تزيين صغيرة وصورة مفصلة للمنتج لديها وظائف مختلفة وينبغي مراجعتها وفقًا لذلك.
| الميدان | القيمة المسجلة | سؤال مراجعة |
|---|---|---|
| الموقع | الصفحة الحالية ومناطق الصورة | هل يخدم التصميم الصورة هذا التصميم؟ |
| المصدر والتصدير | اسم الماجستير ومتغيرات التسليم | هل يمكن تكرار الصادرات؟ |
| الأبعاد والبايتات | حجم البكسل الحالي وحجم الملفات | هل الموارد المقدمة مناسبة؟ |
| مراجعة بصري | الجودة المقبولة في الحجم المقصود | هل تم إزالة المعلومات المهمة؟ |
احفظ مساحة التخطيط والشحن حسب الأهمية
توفير معلومات عرض وارتفاع داخلية بحيث يمكن للمتصفح حجز نسبة الجانب من الصورة قبل وصولها. يشرح MDN كيف يقلل هذا من حركة التصميم. تأكيد أن التصميم النهائي للصورة والسلوك CSS يتوافق مع المساحة المخصصة.
استخدم الشحن الضيق للحصول على الصور المناسبة التي لا تحتاج إلى عرض أول. لا تطبقها دون تمييز على الصورة الرئيسية ينبغي أن يرى الزائر على الفور. تحقق من سلوك الصفحة الحقيقي بدلاً من التعامل مع ميزة تحميل واحدة كإصلاح أداء عالمي.
إعطاء الصورة مفيدة البحث والقراءة السياق
ضع الصورة بجانب النص المناسب واختر اسم ملف قصير ووصف. اكتب النص الأصلي لأغراض الصورة في تلك الصفحة، وتجنب قائمة الكلمات الرئيسية. يصف Google أسماء الملفات كدليل خفيف ويستخدم السياق المحيط بالصفحة لفهم الموضوع ؛ اسم الملفات وحده لا يحدد الصلة أو التصنيف.
تحقق من طلبات الصورة الحقيقية والترتيب والوصول والأداء للصفحة المنشورة باستخدام الأدوات المناسبة. تسجيل الشروط والنتائج قبل مقارنة الإصدارات. تسليم أسرع يمكن أن تحسن الخبرة، ولكن الإيرادات لا تزال تعتمد على العرض، والجمهور، ومسار التحويل الكامل.
تخطيط المصدر قبل التصدير.
استخدم دليل تدفق العمل للحملة لتحديد الصورة التي تحتاج إليها وكيف سيتم مراجعتها وكيف سيتم تسليم الأصول النهائية.
اتبع سير عمل صورة الحملة