قد تبدو الشاشة نفسها ويتغير الملف
اللقطة صورة نقطية وليست الواجهة الحية. قد تسجل الشاشة عالية الكثافة بكسلات أكثر للتخطيط نفسه. يفيد ذلك وضوح النص، لكن قارئ المعاينة الصغيرة قد لا يحتاج كامل الصورة.
يتناول شرح PNG اللقطات عمومًا. هنا صنعنا واجهة للتجربة بلا تفاصيل حسابات أو علامات أطراف أخرى لعزل الأثر. يوضح دليل الرفع ما تفحصه عند رفض الملف.
التقاط مضبوط ثم ضغط فعلي
في 2026-10-29 التقطنا الواجهة المحلية نفسها بكثافتي 1× و2×. مضاعفة العرض والارتفاع تعطي 4 أمثال البكسلات، لا نسبة ثابتة لحجم الملف. عولجت اللقطتان بمستوى متوازن في Bitinz.
احتفظنا بنتيجة ضغط PNG ونتيجة تحويل WebP لكل لقطة. شغّلنا كل إعداد 3 مرات للتحقق من تطابق ملفات الناتج تمامًا. ترافق التجربة ملفات المصدر وقيم التجزئة وسجلات الناتج؛ وتوضح سياسة التحرير المنهج العام.
الكثافة والصيغة بشكل منفصل
قارن PNG وWebP عند الكثافة نفسها، ثم اللقطتين الأصليتين لرؤية كلفة زيادة البكسلات منفصلة.
| الصورة | البكسلات | الناتج | المستوى | قبل | بعد | التوفير |
|---|---|---|---|---|---|---|
interface-1x.png | 800 × 500 px | PNG | متوازن | 42.8 KB | 13.3 KB | 68.8% |
interface-1x.png | 800 × 500 px | WebP | متوازن | 42.8 KB | 11.1 KB | 74.1% |
interface-2x.png | 1600 × 1000 px | PNG | متوازن | 101.5 KB | 30.6 KB | 69.9% |
interface-2x.png | 1600 × 1000 px | WebP | متوازن | 101.5 KB | 27.6 KB | 72.8% |
Bitinz · 1 KB يساوي 1000 بايت.
النص هو منطقة الفحص المفيدة
تفصيل PNG الأصلي

تفصيل PNG المضغوط

النص الصغير والخطوط الرفيعة واللوحات ذات الظلال الخفيفة أهم من مساحة فارغة كبيرة. افحص بالحجم الكامل ثم بعرض القراءة الفعلي.
يفيد WebP الأصغر إذا كان مقبولًا والنص واضحًا. إن لزم PNG فقارنه مباشرة. وأبق النص نصًا حقيقيًا في الصفحة متى لم تكن اللقطة ضرورية.
اختر ما يحتاج القارئ لرؤيته
اقتصّ المحيط غير المهم في محرر قبل الرفع. هذا قرار محتوى منفصل عن الضغط يقلل التشتيت والبكسلات. احتفظ بسياق التعليمات، مثل الزر وتسميته القريبة.
قد يحتاج التوثيق لقطة عالية الكثافة قابلة للتكبير، والمحادثة مجرد المنطقة المهمة. جرّب الوجهة الفعلية بدل توحيد أبعاد كل اللقطات.
استخدم ضاغط PNG عند اشتراط PNG، أو جرّب PNG إلى WebP لموقعك. قارن بالأصل واختر وفق وضوح النص وقبول الوجهة.
جهّز لقطة مقروءة
- التقط الواجهة والسياق اللذين يحتاجهما القارئ فقط.
- احتفظ بمصدر PNG واضغط نسخة.
- قارن الحروف والخطوط بالحجم الكامل وعرض العرض المقصود.
- استخدم أخف ملف مقبول بصيغة تدعمها الوجهة.
الأسئلة الشائعة
- هل لقطة 2× تحتوي ضعف البكسلات؟
- إن تضاعف العرض والارتفاع أصبح العدد 4 أمثاله. وتعتمد نسبة حجم الملف أيضًا على المحتوى والصيغة.
- هل أحوّل اللقطات دائمًا إلى WebP؟
- استخدمه عندما تدعمه الوجهة ويبقى النص واضحًا. احتفظ بـPNG إن كان مطلوبًا أو أعطى نتيجة أنسب.
- هل يقص Bitinz اللقطة أو يغيّر أبعادها؟
- الاقتصاص وتعديل الأبعاد تحضير في محرر صور. يعالج Bitinz الأبعاد التي ترفعها.