أرسل لي صديق صورة هاتف ولقطة شاشة وطلب منهم في صورة واحدة للحصول على قائمة. لقد أسقطت كلاهما في لوحة بأحجامهما الخاصة وحصلت على شيء لا يقبله أحد: صورة 4032 × 3024 مع صورة شاشة ضيقة 1170 × 2532 بجانبها ، وشريط أبيض فارغ أسفل لقطة الشاشة ، وعرض كل شيء 5202 بكسل. كانت الصور جيدة. كان الترتيب هو المشكلة ، وهي نفس المشكلة في كل مرة ، لأن الملفين لا يتشاركان في أي بعد تقريبًا. تحديد المحور الذي يجب أن يصطف هو الوظيفة بأكملها ، وكل شيء آخر يتبعه.
ليرة تركية؛DR: دمج الصور هو قرار تحجيم قبل أن يكون قرارًا. جنبًا إلى جنب مع كل صورة مع ارتفاع أطول ، وتكديس المباريات بأوسع عرض ، وتتطابق الشبكة مع كليهما ، وهذا هو السبب في أن الشبكة يجب أن تختار أيضًا بين الاقتصاص وترك المساحة. تم قياسه على صورة 4032x3024 بجانب لقطة شاشة 1170x2532: ينتج التكديس 5429 × 3024 قماشًا مع تكبير لقطة الشاشة إلى 1397 × 3024 ، ينتج التكديس 4032 × 11750 قماش مع لقطة شاشة مكبرة بعامل 3.4 ، وشبكة ثنائية الخلية في وضع الغلاف تحافظ على 70.2٪ من الصورة و49.4٪ من الشاشة. اختر الوضع الذي تريد حفظه من خلال المحور. لامه دمج الصور يرسم كل ذلك في علامة التبويب المتصفح ، لذلك لا يتم تحميل أي شيء.
لماذا تظهر الصور المدمجة بشكل خاطئ؟
لأن المدخلات هي أشكال مختلفة ومعظم الأدوات ترسمها بأي حجم تصل إليها.
صورة الهاتف هي 4032 في 3024 في المناظر الطبيعية. لقطة شاشة الهاتف هي 1170 في 2532. الفحص هو كل ما قرره الماسح الضوئي. ضع أيًا من هذه في صف بالحجم الأصلي وأحدهما أبراج فوق الآخر ، مع مساحة ميتة تملأ كل ما تبقى من البعد الأطول. هذا يقرأ على أنه خطأ وليس تخطيط ، حتى لمن لا يستطيع إخبارك بالسبب.
الإصلاح هو التطبيع ، والسؤال الوحيد هو أي محور. على التوالي ، تكون القمم والأسفل هي ما تتبعه العين ، لذلك يجب أن تتطابق الارتفاعات وتأخذ كل صورة أي عرض نسبة العرض إلى الارتفاع الخاصة بها ثم تعطيها. في عمود ، الحواف اليسرى واليمنى هي الخط ، لذا فإن العرض يتطابق بدلاً من ذلك. تحتوي الشبكة على كلا الحوافين لتثبيتها ، لذلك يجب أن تتطابق مع كليهما ، وهذا هو الوضع الذي يجب أن يعطيه شيء ما.
هذا هو التصميم كله. كل شيء أدناه هو ما يلي منه.
ماذا يفعل جنبًا إلى جنب لقطة شاشة طويلة؟
يوسعها ، وأحيانًا أكثر مما تريد.
فيما يلي النتيجة المقاسة للزوج أعلاه ، مأخوذة من رمز التخطيط بدلاً من التقدير:
| وضع | قماش | الصورة مرسومة في | لقطة شاشة مرسومة على |
|---|---|---|---|
| جنبا إلى جنب | 5429 × 3024 | 4032 × 3024 | 1397 × 3024 |
| مكدس | 4032 × 11750 | 4032 × 3024 | 4032 × 8726 |
جنبًا إلى جنب مع 3024 ، أطول من الارتفاعين ، لذلك انتقلت لقطة الشاشة من 2532 إلى 3024 بكسل. هذا هو تكبير بنسبة 19٪ ، والذي يظهر في لقطة شاشة للنص إذا بحثت عنه وغير مرئي إذا لم تفعل ذلك.
التكديس هو الدراماتيكي. أخذت المطابقة مع الصورة الأوسع لقطة الشاشة من 1170 إلى 4032 بكسل ، أي عامل 3.4 ، وخرجت اللوحة بـ 11750 بكسل. لقطة الشاشة هي الآن الكائن المهيمن في صورة طويلة جدًا ، وقد تم توسيع كل حرف فيها بأكثر من ثلاث مرات ، وهو ما لا يجعله أي قدر من إعادة التشكيل حادًا.
الدرس ليس أن وضع واحد أفضل. هو أن الوضع يقرر الصورة التي يتم تكبيرها ، لذا اختر الصورة التي تتفق عليها صورك المطابقة بالفعل. تشترك صورتان للهاتف في المناظر الطبيعية في الارتفاع وتذهب جنبًا إلى جنب دون أي تحجيم على الإطلاق. تشترك لقطتان من نفس الهاتف في العرض وتكدس بشكل مثالي.
متى يجب أن تتراكم بدلاً من الذهاب جنبًا إلى جنب؟
عندما يقرأ المحتوى لأسفل ، أو عندما تكون الصور بنفس العرض بالفعل.
التراص مناسب للتسلسل: ثلاث لقطات شاشة لتدفق الخروج ، قبل وبعد حيث ينتمي ما بعد تحته ، محادثة تم التقاطها في أجزاء. إنه أيضًا صحيح عندما تأتي المدخلات من نفس الجهاز في نفس الاتجاه ، لأن العرض يتطابق بالفعل ولا يتم تحجيم أي شيء.
جنبًا إلى جنب مع الحق للمقارنة ، حيث يجب أن تتحرك العين عبر بدلاً من الأسفل ، ولأي شيء سيتم مشاهدته في منشور في منشور ، لأن صورة 4032 × 11،750 يتم تمريرها بدلاً من رؤيتها.
هناك سبب عملي لتفضيل الصف أيضًا. تعرض معظم الأماكن التي تقبل صورة واحدة بعرض ثابت ، لذا فإن الدمج الطويل جدًا يتقلص إلى قطعة صغيرة. يظل صف من ثلاث صور على نفس الارتفاع قابلاً للقراءة بهذا العرض بطريقة لا يفعلها عمود من ثلاثة صور أبدًا.
ما الذي يجب أن تقرره الشبكة أن الشريط لا؟
ما يجب فعله بصورة ليست شكل الخلية ، وهو سؤال لا يجب على الشريط طرحه أبدًا لأنه يثبت محورًا واحدًا فقط.
شبكة دبابيس على حد سواء. كل خلية لها نفس الحجم ، والصورة 4: 3 لا تناسب خلية على شكل لقطة شاشة 9: 19.5. لا يوجد سوى إجابتين صادقتين ، وتطلب منك الأداة الاختيار بينهما:
- وسع يناسب الصورة الكاملة داخل الخلية ويترك مساحة حولها. لا يضيع شيء ، وتبدو الشبكة خشنة بعض الشيء لأن كل صورة تجلس في رقعة الخلفية الخاصة بها.
- غطاء يملأ الخلية تمامًا بإخراج محصول مركزي من الصورة. تبدو الشبكة متساوية ، وذهبت حواف الصور.
لا يوجد أي منهما صحيح بشكل عام. يحتوي على لقطات شاشة ومستندات ومخططات وأي شيء حيث تحمل الحافة المعلومات. الغطاء مناسب للوجوه والمناظر الطبيعية والملمس ، حيث يكون المحصول المركزي هو ما كان يمكن أن يفعله الشخص على أي حال.
الافتراضي هنا هو التغطية ، لأن السبب الأكثر شيوعًا لبناء شبكة هو أنه يجب قراءتها ككائن واحد.
كم من الصورة التي يرميها الغلاف؟
أكثر مما يتوقعه الناس عندما تكون المدخلات أشكالًا مختلفة ، ولا شيء على الإطلاق عندما تتطابق.
حجم الخلية هو متوسط المدخلات ، لذا فإن صورتين مختلفتين للغاية تنتج خلية لا تناسب أيًا منهما. بالنسبة لزوج الصور ولقطة الشاشة ، في شبكة من خليتين ، يوضح رمز التخطيط بالضبط ما يتم رسمه:
| صورة | أصلي | منطقة المصدر مرسومة | حفظ البكسل |
|---|---|---|---|
| صورة | 4032 × 3024 | 2831 × 3024 | 70.2٪ |
| لقطة شاشة | 1170 × 2532 | 1170 × 1250 | 49.4٪ |
نصف لقطة الشاشة قد اختفت. غير مضغوط ، وليس مجعدًا: مقصوصًا بعيدًا ، أعلى وأسفل ، لأن الصورة الضيقة الطويلة المجبرة في خلية مربعة تقريبًا يجب أن تفقد نهاياتها. إذا كانت لقطة الشاشة هذه إيصالًا ، فلن يكون المجموع في الصورة.
نفس العملية على اثنتي عشرة صورة من نفس الكاميرا لا تزرع شيئًا ، لأن كل مدخل له شكل الخلية بالفعل. يكون التغطية رخيصًا عندما تتفق المدخلات ومكلفة عندما لا تكون كذلك ، ولا تستطيع الأداة معرفة الحالة التي أنت فيها. قم بالتبديل لاحتواء اللحظة التي تكون فيها صورك مختلفة الأشكال والحواف مهمة.
كم عدد الأعمدة التي يجب أن تحتوي عليها الشبكة؟
يكفي أن تكون النتيجة أوسع مما هي عليه ، والتي تعني في معظم الأحيان الجذر التربيعي مقربًا.
تتبع الصفوف من الأعمدة والعد ، والحساب لا يرحم. اثنا عشر صورة في أربعة أعمدة هي ثلاثة صفوف كاملة. سبع صور في ثلاثة أعمدة هي ثلاثة صفوف بها خليتان فارغتان في النهاية ، يتركها التخطيط كخلفية بدلاً من مد الصورة الأخيرة لملئها.
| الصور | أعمدة | نتيجة |
|---|---|---|
| 4 | 2 | 2 × 2 ، لا توجد فجوات |
| 6 | 3 | 2 × 3 ، لا توجد فجوات |
| 7 | 3 | 3 صفوف ، خليتان فارغتان |
| 9 | 3 | 3 × 3 ، لا توجد فجوات |
| 12 | 4 | 3 × 4 ، لا توجد فجوات |
العد الذي تستحقه العوامل بشكل نظيف. إذا كان لديك سبع صور والزاوية الفارغة تزعجك ، فإن الإصلاحات الصادقة هي إسقاط واحدة أو إضافة واحدة أو قبولها ، لأنه لا يوجد ترتيب لسبع خلايا متساوية هو مستطيل.
لماذا يوجد فجوة وماذا يجب أن يكون؟
لأن لمس الصور يُقرأ كصورة واحدة ، وأحيانًا يكون هذا خطأ.
فجوة الصفر مناسبة للبانوراما ، لأن قبل وبعد ذلك يجب أن تبدو وكأنها إطار واحد ، ولأي شيء يكون فيه التماس هو النقطة. إنه الافتراضي هنا لهذا السبب.
تكون الفجوة صحيحة عندما تكون الصور أشياء منفصلة تحدث في ملف واحد: ثلاث لقطات منتج ، ومجموعة من لقطات الشاشة ، وكولاج. في مكان ما بين 8 و 24 بكسل ، يقوم بالمهمة على صور بضعة آلاف من البكسل ، ويذهب شريط التمرير إلى 80 لعمل أكبر. يتم تطبيق الفجوة حول الخارج وكذلك بينهما ، لذا فإن النتيجة لها حد بدلاً من الصور التي تنزف من الحافة.
شيء واحد يجب معرفته قبل اختيار PNG لدمج فجوات: الفجوة مليئة بالأبيض ، وليس تركها شفافة. تم طلاء اللوحة باللون الأبيض قبل رسم أي شيء ، لأن JPEG ليس لها قناة ألفا وتصدير فجوة غير مصبوغة باللون الأسود. وبالتالي فإن PNG من هذه الأداة تحتوي على مزاريب بيضاء بدلاً من المزاريب الشفافة ، وهو أمر مهم إذا كنت تخطط لوضع النتيجة على خلفية ملونة.
ما هو حجم الصورة المدمجة؟
أكبر من المدخلات ، وفي الحالة المكدسة أكبر بكثير ، لأنه لا يتم ضغط أي شيء بعيدًا.
أبعاد القماش يمكن التنبؤ بها من الوضع. جنبًا إلى جنب ، العرض هو مجموع العرض المقاس والارتفاع هو أطول مدخل. مكدسة ، العرض هو أوسع مدخل والارتفاع هو المجموع. الشبكة هي الأعمدة مضروبًا في الخلية بالإضافة إلى الفجوات.
تصل اثني عشر صورة هاتف في شبكة من أربعة أعمدة إلى 16208 × 9136 بكسل ، أي 148 ميجابكسل. هذا هو المكان الذي يبدأ فيه القسم التالي.
لماذا يتوقف الإخراج عند 8000 بكسل؟
لأن حجمًا معينًا يتوقف لوحة المتصفح عن العمل ، ولا يقول ذلك.
الحد ليس مواصفات. MDN يضعها بوضوح: تتجاوز معظم المتصفحات 10000 في 10000 بكسل ، وقد اقتصرت أجهزة iOS تاريخيًا على 4096 في 4096 ، وتجاوزت الحد الأقصى للأبعاد أو المنطقة & quot؛ يجعل اللوحة غير قابلة للاستخدام & quot؛ مع فشل أوامر الرسم بصمت. لا يوجد استثناء للقبض عليه. تحصل على صورة فارغة أو لا شيء على الإطلاق. يتم جمع أرقام المتصفح في نتائج اختبار حجم القماش، وهو المرجع الذي يستحق التحقق قبل افتراض رقم.
لذلك يتم تصغير التصميم ليناسب جانبًا طويلًا من 8000 بكسل بدلاً من السماح له بالفشل. بالنسبة لشبكة الصور الاثني عشر ، يكون عامل المقياس 0.494 ، مع 16208 × 9136 إلى 8000 × 4509 ، أي 36 ميجابكسل. تهبط كل صورة بحوالي 1،976 × 1،483 بدلاً من 4،032 في 3،024.
هذه خسارة حقيقية في الدقة ، وهي التجارة الصادقة: صورة 36 ميجا بكسل موجودة تتفوق على صورة 148 ميجابكسل التي يرفض المتصفح رسمها. إذا كنت بحاجة إلى دقة كاملة من اثنتي عشرة صورة ، فقم بدمجها في قطع أقل أو أكبر ، أو استخدم أداة سطح مكتب بدون قماش في الطريق.
هل يجب أن تكون النتيجة PNG أم JPG؟
JPG للصور, PNG للصور و أي شيء مع نص أو لون مسطح.
هذه هي القاعدة العادية والدمج لا يغيرها ، لكن الدمج يجعلها أكثر أهمية ، لأن الناتج كبير. دمج 5429 في 3024 لصورتين هو ملف ستلاحظه بأحجام PNG ولن يكون بجودة JPEG 0.92 ، وهو ما يصدره هذا.
العكس يحمل لقطات الشاشة. ينتج عن أخذ العينات الفرعية وتحويل الكتلة JPEG chroma حواف واضحة حول حواف النص الحادة ، ويكون شريط مدمج من لقطات الشاشة في الغالب حواف نصية حادة. بابوا نيو غينيا بلا خسارة ، لذلك يظل النص واضحًا تمامًا كما كان.
الدمج المختلط ليس لديه إجابة صحيحة. إذا كانت إحدى مدخلاتك عبارة عن لقطة شاشة بها نص وأخرى عبارة عن صورة فوتوغرافية ، فاختر من خلالها أي شخص سينظر إليه القارئ.
هل يفقد الدمج الجودة؟
الرسم لا ، لكن القوة المقياس ، ومن الجدير معرفة أيهما.
يتم نسخ وحدات البكسل التي يتم رسمها بالحجم الأصلي ، وليس إعادة ضغطها. في دمج صورتين أفقيتين من نفس الكاميرا جنبًا إلى جنب ، لا يتم تحجيم أي شيء على الإطلاق ، لذلك كل بكسل في الإخراج جاء من بكسل إدخال.
القياس هو المكان الذي تذهب إليه الجودة. يتم إعادة تشكيل أي صورة مكبرة لتتناسب مع جار أطول ، مما يخترع وحدات البكسل التي لم يتم تصويرها مطلقًا. لقطة شاشة مكبرة 3.4 مرة لتتناسب مع عرض الصورة تكون ناعمة بطريقة لا يوجد إعداد هنا. لا يتم ترقية أي شيء بعد أكبر مدخلات على المحور الذي يتم مطابقة ، لذلك هناك سقف ، لكن صورة صغيرة بجانب صورة كبيرة لا تزال ممتدة للوصول إليه.
ثم هناك التصدير. يؤدي اختيار JPG إلى إعادة ترميز كل شيء ، بما في ذلك المدخلات التي كانت بالفعل JPEG ، وهو الجيل الثاني من الضغط المفقود على هؤلاء. هي نفس الآلية الموضحة في الدليل الصوتي حول استخراج المسار، في وسيط مختلف: فك تشفير شيء ما وضغطه مرة أخرى لا يكون أبدًا مجانيًا. عند الجودة 0.92 ، تكون التكلفة صغيرة ، وبالنسبة لشريط الصور المدمج ، فهي المكالمة الصحيحة على أي حال.
ما هو ترتيب الصور؟
الترتيب الذي أضفته ، من اليسار إلى اليمين أو من أعلى إلى أسفل ، والطريقة الوحيدة لتغييره هي إزالتها وإضافتها مرة أخرى.
يجدر بنا أن نعرف قبل أن تختار 12 ملفًا في وقت واحد، لأن منتقي الملفات يسلمها بترتيبها الخاص، والتي عادة ما تكون أبجدية حسب اسم الملف وأحيانًا لا. بالنسبة للتسلسل المهم ، مثل تدفق الخروج ، فإن إضافتها واحدة تلو الأخرى بالترتيب الذي تريده هو عمل أقل من إصلاحه بعد ذلك.
ثلاثون صورة هي السقف. هذا ليس حدًا للقماش ، إنه حد للعقل: دمج ثلاثين صورة هاتف عبارة عن شبكة 30 ميجابكسل بعد الغطاء وتخطيط لا يمكن لأحد قراءته.
ما الذي لا تعطيه الصورة المدمجة؟
كل ما تفعله أداة التصميم ، وهو الحد الصادق لأداة الدمج.
لا توجد حدود حول الصور الفردية ، ولا زوايا مستديرة ، ولا ظلال قطرة ، ولا تعليقات ، ولا دوران لكل صورة ، ولا تداخل ، ولا لون خلفية بخلاف الأبيض. يتم رسم كل صورة في مستطيلها وهذه هي مجموعة الميزات بأكملها.
إذا كنت تريد ملصقة مؤطرة مع نص ، فهذه مهمة تصميم وأداة تصميم. إذا كنت تريد وضع ثلاث صور في ملف واحد بحيث يحصل الشيء الذي يقبل صورة واحدة على الكل ، فهذا هو. إن التعامل مع الثانية على أنها نسخة ضعيفة من الأولى هو المصدر المعتاد لخيبة الأمل.
تغطي أداتان متجاورتان المتابعات الشائعة: إضافة نص إلى صورة لتعليق و ضاغط الصورة عندما تخرج شبكة الصور المدمجة أكبر مما يسمح به حد التحميل.
لماذا يتم تشغيل هذا في المتصفح؟
لأن الصور لا تحتاج أبدًا إلى الذهاب إلى أي مكان ، وفي اللحظة التي تفعل فيها ، يكون قرار شخص آخر هو ما يحدث لها.
الدمج كله هو عملية قماشية. يتم فك تشفير ملفاتك في ذاكرة الصفحة ، ويتم رسمها على لوحة قماشية في علامة التبويب ، ويتم تسليم اللوحة القماشية كتنزيل من خلال toBlob. لا يوجد طلب يحمل صورة ، ولا شيء مكتوب على الخادم ، ولا توجد نسخة مخزنة لأي شخص لتسريبها أو نسيانها.
بالنسبة للكثير من عمليات الدمج ، هذا أمر رائع. بالنسبة للأشخاص الذين يتضمنون لقطة شاشة لبيان بنكي أو صورة لمستند أو مسح طبي أو صورة لطفل ، فإن السبب الكامل لاستخدام أداة كهذه بدلاً من النتيجة الأولى هو الذي يطلب منك التحميل.
التكلفة هي السقف القماشي الموصوف أعلاه وحقيقة أن عمليات الدمج الكبيرة جدًا محدودة بمقدار الذاكرة التي يمكن أن تحتويها علامة التبويب. بالنسبة لصورتين أو اثني عشر ، لا يوجد حد ستلتقي به.
