PixRinseتظهر لقطات الشاشة التطبيق باللغة الإنجليزية. تتوفر أيضًا الأسماء وعناصر التحكم المعدة مسبقًا بلغة تطبيقك.
نقطة البداية الخاصة بك
استخدم Web متجاوب في PixRinse، ثم قم بمراجعة هذه الإعدادات مقابل وجهتك الفعلية.
| الاعراض | 320 / 640 / 1280 / 1920 px |
|---|---|
| الإخراج | WebP، الجودة 80 |
| لون | sRGB |
| مصادر صغيرة | يتم تخطي المتغيرات الأكبر |
كيفية القيام بذلك
ابدأ بالأصل الأصلي
استخدم مصدرًا واسعًا بدرجة كافية لأكبر متغير تحتاجه. يتم إنشاء كل مشتق من الأصل بدلاً من تغيير حجمه بشكل متكرر.
حدد Web متجاوب
قم بمراجعة العروض الأربعة المضمنة وأسماء الملفات. يتم تخطي المتغيرات الأوسع من المصدر، لذا قم بفحص عدد المخرجات المخطط لها.
تصدير مجموعة الصور
مراجعة كافة المخرجات. تتطلب المخرجات المتعددة لكل مصدر Pro؛ لا يزال من الممكن استخدام الطبقة المجانية لاختبار سير عمل بحجم واحد.
أضف الصور إلى صفحتك
استخدم واصفات العرض في srcset وقم بتعيين sizes لمطابقة التخطيط الفعلي. قم بتضمين العرض والارتفاع والنص البديل الدقيق في عنصر الصورة.
<img
src="vase-1280w.webp"
srcset="vase-320w.webp 320w,
vase-640w.webp 640w,
vase-1280w.webp 1280w,
vase-1920w.webp 1920w"
sizes="(max-width: 720px) 100vw, 960px"
width="1280" height="853"
alt="A terracotta vase with an olive branch"
>الملفات من هذه الجولة
ما أنتج هذا المثال
يعد المصدر بعرض 3072 px كبيرًا بما يكفي لجميع العروض الأربعة المعدة مسبقًا. كل ملف هو WebP منفصل، يتم إنشاؤه مباشرة من هذا المصدر.
- جودة
- 80
- ملف تعريف الألوان
- sRGB
- المخرجات من مصدر واحد
- 4
| ملف | شكل | بكسل | بايت |
|---|---|---|---|
| vase-1280w.webp | WebP | 1280 × 853 | 35,214 |
| vase-1920w.webp | WebP | 1920 × 1280 | 64,108 |
| vase-320w.webp | WebP | 320 × 213 | 4,018 |
| vase-640w.webp | WebP | 640 × 427 | 11,594 |
تم قياسها على ملفات العينة المعروضة. تعتمد نتائجك على النسخ الأصلية والإعدادات. صورة المزهرية الخزفية هي عينة تم إنشاؤها بواسطة الذكاء الاصطناعي. لقطات شاشة التطبيق وقياسات الملفات المصدرة حقيقية.
بضعة أسئلة شائعة
ماذا يحدث إذا كان عرض المصدر 1000 px فقط؟
يتخطى القالب المتغيرات 1280 و1920 px. الملفات المرجعية فقط التي تم إنشاؤها بالفعل.
هل ينشئ التطبيق HTML؟
ينتج سير العمل هذا صورًا. أضف srcset وsizes في رمز موقع الويب الخاص بك أو نظام المحتوى الخاص بك.
ضع سير العمل في العمل.
افتح PixRinse وأضف بعض الصور وابدأ بالإعدادات أعلاه.
تنزيل لـ Macمجانًا: ما يصل إلى 10 من الصور لكل دفعة ومخرج واحد لكل مصدر. تتطلب المخرجات المتعددة لسير العمل هذا Pro. قارن بين المنتجات المجانية والمحترفة.