كيفية تقسيم البانوراما إلى دائري Instagram سلس

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

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

ليرة تركية؛DR: الرف الدائري السلس عبارة عن صورة عريضة واحدة مقطوعة إلى شرائح متساوية تشترك في حوافها تمامًا، ويتم نشرها بالترتيب بحيث يؤدي التمرير السريع إلى تمرير الصورة. عدد الشرائح هو نسبة العرض إلى الارتفاع للبانوراما &#39؛ مقسومة على نسبة العرض إلى الارتفاع للشريحة &#39؛s: بانوراما 3:1 عبارة عن 3 شرائح مربعة أو 4 شرائح صورة (4:5). ال مولد التمرير الدائري يقترح هذا العدد، ويقص الصورة إلى هذا العدد من الشرائح &#39 بالضبط؛ قيمة العرض، وتقطع حدود البكسل الكاملة، وتصدر شرائح بعرض 1080 بكسل بتنسيق JPEG أو PNG أو WebP في سحاب مرقم. يتم تشغيله من جانب العميل، ولا يتم تحميل أي شيء، مجانًا، ولا يوجد تسجيل.

ما هو دائري Instagram السلس؟

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

إنه يعمل لأن الرف الدائري يعرض الشرائح جنبًا إلى جنب في شريط، وكل شريحة في المنشور لها نفس الحجم. إذا انتهت الشريحة 1 عند عمود البكسل 1200 من النسخة الأصلية وبدأت الشريحة 2 عند العمود 1200، فإن الصلة تكون غير مرئية. إذا بدأت الشريحة 2 عند العمود 1،198 أو 1،203، فإن قطعة من الصورة تتكرر أو تختفي، وعلى أفق مستقيم أو حافة مبنى تظهر كخطوة مرئية.

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

ما هو شكل الشريحة الذي يجب أن تختاره؟

الصورة 4:5 هي الخيار المعتاد، لأنها أطول شكل يعرضه موجز Instagram وتشغل أكبر قدر من الشاشة على الهاتف. المربع والمناظر الطبيعية موجودة عندما يناسبهم التكوين.

يقدم المولد الأشكال الدائرية الثلاثة، كل منها يتم تصديره بعرض 1080 بكسل

شكل الشريحة	حجم الإخراج	النسبة (العرض/الارتفاع)	شرائح لبانوراما 3:1	شرائح لبانوراما 4:1
صورة (افتراضي)	1080 x 1350	0.8	4	5
مربع	1080 x 1080	1.0	3	4
منظر طبيعي	1080 x 566	1.91	2	2

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

كم عدد الشرائح التي تحتاجها البانوراما؟

قم بتقسيم نسبة العرض إلى الارتفاع للبانوراما &#39؛s على الشريحة ونسبة العرض إلى الارتفاع #39؛s، ثم قم بالتقريب إلى أقرب شريحة كاملة.

slides = round( (image width / image height) / (slide width / slide height) )

للحصول على بانوراما 3:1 في الشرائح الشخصية: 3 / 0.8 = 3.75، والتي تدور إلى 4. في الشرائح المربعة: 3 /1 = 3. في الشرائح الأفقية: 3 /1.908 = 1.57، والتي تدور إلى 2.

للحصول على بانوراما 4:1، مثل صورة 6000 x 1500: 4 / 0.8 = 5 شرائح شخصية، 4 / 1 = 4 شرائح مربعة، و4 / 1.908 = 2.1، أي شريحتين أفقيتين.

ال بانوراما إلى أداة دائري يقوم بتشغيل هذا الحساب بمجرد إضافة صورة، ويثبت الإجابة على ما بين 1 و10، ويضبط شريط تمرير الشرائح عليه بخط مثل &quot؛4 يطابق نسب صورتك و#39؛s بشكل وثيق.&quot؛ يعمل شريط التمرير نفسه من 2 إلى 10. بمجرد تحريكه، يتوقف الاقتراح عن تجاوز اختيارك؛ تؤدي إضافة صورة جديدة أو اختيار شكل شريحة مختلف إلى إعادة الاقتراح.

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

كيف تقطع الأداة الشرائح بدون درز؟

إنه يعمل في ثلاث خطوات، وكل واحدة موجودة لإيقاف نوع معين من التماس.

الخطوة 1: قم بقص الشريط. تشكل الشرائح معًا شريطًا طويلًا واحدًا تكون نسبته نسبة الشريحة مضروبة في عدد الشرائح. بالنسبة لأربع شرائح شخصية تبلغ 1080 x 4 /1350 = 3.2. تأخذ الأداة أكبر منطقة مركزية في الصورة بهذه النسبة بالضبط. إذا كانت الصورة أوسع من الشريط، يتم تقليم الجوانب؛ إذا كان أطول، يتم تقليم الجزء العلوي والسفلي.

الخطوة 2: قم بتقسيم الشريط إلى أعمدة بكسل كاملة. يتم تقريب عرض الشريط إلى عدد صحيح من وحدات البكسل، مقسومًا على عدد الشرائح، ويتم توزيع أي وحدات بكسل متبقية واحدة تلو الأخرى على الشرائح الرائدة. يصبح الشريط الذي تبلغ سعته 3،199 بكسل في 3 شرائح 1،067 + 1،066 + 1،066. الأعمدة متتالية، لذا تبدأ كل شريحة على البكسل بالضبط بعد انتهاء الشريحة السابقة. لا يتم حساب أي عمود مرتين ولا يتم تخطي أي عمود.

الخطوة 3: قم بقياس كل شريحة إلى حجم الإخراج. يتم رسم كل عمود على لوحة قماشية بالحجم الكامل المحدد مسبقًا، 1080 x 1350 للصورة الشخصية، باستخدام لوحة المتصفح &#39؛s drawImage العملية المحددة في معيار WHATWG HTML، مع تجانس الصورة عالية الجودة.

لماذا لا يتم تقريب كل شريحة &#39؛موضعها بشكل مستقل؟ لأن الحدود الكسرية تنجرف. إذا كان عرض الشريط 3،201 بكسل وتم حساب 4 شرائح على أنها 800.25 بكسل لكل منها، فإن تقريب كل بداية وعرض من تلقاء نفسه يمكن أن يضع شريحة واحدة &#39؛ الحافة اليمنى بكسل بعد الشريحة التالية و#39؛ الحافة اليسرى. يؤدي نشر الباقي عبر الشرائح الأمامية إلى إبقاء كل حد عددًا صحيحًا وكل شريحة داخل بكسل مصدر واحد من الشرائح الأخرى. في الحالة 1،067 مقابل 1،066، يغير بكسل مصدر إضافي المقياس الأفقي للإخراج بأقل من 0.1%، وهو أمر غير مرئي.

مثال عملي مع عدد البكسل الحقيقي

خذ بانوراما 4000 x 1333، ونسبة عرض إلى ارتفاع 3.0008، واختر شرائح الصورة.

العدد المقترح. 3.0008 /0.8 = 3.751، والتي تدور إلى 4 شرائح.

الشريط لـ 4 شرائح. نسبة الشريط 3.2، ونسبة الصورة 3.0008 أقل من ذلك، وبالتالي فإن الصورة أطول نسبيًا من الشريط. تحافظ الأداة على العرض الكامل 4000 بكسل وارتفاع القطع: 4000 /3.2 = 1250 بكسل. وهذا يزيل 83 بكسل، وحوالي 41.5 بكسل من الأعلى و41.5 بكسل من الأسفل.

الشرائح. 4000 /4 = 1000 px لكل منها بدون باقي، إذن أربع شرائح من 1000 x 1250، تم زيادة كل منها بمقدار 1.08 إلى 1080 x 1350.

4000 x 1333 panorama, portrait, 4 slides
strip:  x 0-4000, y 41.5-1291.5 (4000 x 1250)
slide 1: columns    0-999   -> 1080 x 1350
slide 2: columns 1000-1999  -> 1080 x 1350
slide 3: columns 2000-2999  -> 1080 x 1350
slide 4: columns 3000-3999  -> 1080 x 1350

اختيار 3 شرائح بدلا من ذلك. اسحب شريط التمرير إلى 3 وتنخفض نسبة الشريط إلى 2.4. الآن الصورة أوسع من الشريط، لذا تحافظ الأداة على الارتفاع الكامل البالغ 1333 بكسل وعرض القطع: 1333 x 2.4 = 3199.2 بكسل، مقربًا إلى 3199. حوالي 400 بكسل يخرج من كل جانب. انقسم إلى 3، أي 1،067 + 1،066 + 1،066 بكسل، وبالتالي تحصل الشريحة الأولى على البكسل المتبقي.

دفعها بعيدا جدا. عند 6 شرائح، ستكون نسبة الشريط 0.8 x 6 = 4.8، وهي أوسع بكثير من الصورة. يُظهر المولد تحذيرًا عندما تنخفض نسبة الصورة &#39؛s عن 75% من نسبة الشريط. بالنسبة لهذه الصورة، 0.8 x 6 x 0.75 = 3.6، و3.0 أقل من 3.6، لذلك تقول الصفحة: &quot؛ هذه الصورة ليست واسعة بما يكفي لـ 6 شرائح بهذا الشكل، لذلك سيتم اقتصاص كل شريحة من الأعلى والأسفل.&quot؛ عند 5 شرائح، تكون العتبة 3.0 والصورة تمسحها للتو.

المثال الثاني يوضح بانوراما تناسب تمامًا. صورة 6000 x 1500 هي 4:1. في الشرائح الشخصية يكون الاقتراح 4 / 0.8 = 5، ونسبة الشريط هي 5 x 0.8 = 4.0، ولا يتم قطع أي شيء على الإطلاق: خمس شرائح من 1200 x 1500، تم تصغير كل منها بمقدار 0.9 إلى 1080 x 1350. قم بالتبديل إلى الشرائح المربعة والاقتراح هو 4، مرة أخرى بدون تقليم: أربع شرائح من 1500 x 1500، تم قياسها إلى 1080 x 1080.

كيف يمكنك جعل الكاروسيل خطوة بخطوة؟

1. أضف البانوراما. افتح ال إنستغرام كاروسيل الفاصل وقم بإسقاط صورة، أو انقر للتصفح، أو لصق صورة من الحافظة. أي صورة يمكن للمتصفح فك تشفيرها تعمل، وهو ما يعني عمليًا PNG وJPEG وWebP وGIF وAVIF.
2. اختر شكل الشريحة. الصورة 4:5 هي الصورة الافتراضية. تعيد الملاحظة الموجودة أسفل المنتقي تحديد الشكل.
3. تحقق من عدد الشرائح. قبول الاقتراح أو تحريك شريط التمرير. تتم إعادة رسم شريط المعاينة على الفور، ويظهر الرأس الإخراج، على سبيل المثال &quot؛4 x 1080x1350&quot؛.
4. اختر التنسيق وقم بالتنزيل. اضغط واقتباس؛ قم بتنزيل الأربعة كلها كرمز مضغوط واقتباس؛ للمجموعة بأكملها، أو استخدم &quot؛Slide 1&quot؛، &quot؛Slide 2&quot؛ أزرار لحفظ الشرائح الفردية.

تتم تسمية الملفات من اسم الملف الأصلي الخاص بك برقم مبطن صفر: harbor.jpg يصبح harbor-01.jpeg، harbor-02.jpeg وهكذا في الداخل harbor-carousel.zip. تحافظ الحشو على الشرائح بترتيب التمرير في أي مدير ملفات، وهو أمر مهم عند تحديدها جميعًا على هاتفك. يتم تحميل مكتبة الرمز البريدي فقط عند الضغط على الزر البريدي، وبالتالي تظل الصفحة نفسها خفيفة.

قم بتحميل الشرائح إلى Instagram بترتيب رقمي كمنشور دائري واحد. يعد نشرها خارج الترتيب هو الطريقة الأكثر شيوعًا التي تبدو بها المجموعة الصحيحة من الشرائح مكسورة.

هل يجب عليك تصدير JPEG أو PNG أو WebP؟

Jpeg هو الخيار الافتراضي والصحيح للصور الفوتوغرافية. يقوم Instagram بإعادة تشفير التحميلات بتنسيق JPEG على أي حال، لذلك يشتري الملف بدون فقدان تحميل أكبر ولا شيء مرئي في النهاية. يتم تعريف ضغط JPEG في توصية قطاع تقييس الاتصالات T.81، والمولد يشفر بجودة 0.92.

PNG غير ضائع، محدد بواسطة توصية W3C PNG، ويناسب الصور البانورامية التي تكون عبارة عن رسوم توضيحية أو رسوم بيانية أو تحتوي على نص، حيث ستظهر عناصر JPEG حول الحواف الصلبة قبل Instagram&#39؛ يضيف الضغط الخاص المزيد.

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

إذا كنت بحاجة إلى الشرائح بتنسيق آخر بعد ذلك، أو مجلد منها تم تحويله بكميات كبيرة، فالدليل إلى تحويل تنسيق الصورة يغطي التغييرات بين JPG وPNG وWebP ومتى يستحق كل منها ذلك.

هل سيؤدي التقسيم إلى خفض جودة الصورة؟

القطع لا؛ يمكن التحجيم. يتم أخذ كل شريحة من المصدر بدقة كاملة ثم يتم تحجيمها إلى عرض 1080 بكسل.

عندما تكون الشريحة أوسع من 1080 بكسل، كما في مثال 6000 x 1500 حيث تكون كل شريحة 1200 بكسل، يتم تصغير حجم الشريحة، مما لا يفقد أي تفاصيل مرئية. عندما تكون الشريحة أضيق من 1080 بكسل، يتم تصغير حجم الشريحة وتبدو أكثر ليونة. الصورة مقاس 4000 x 1333 في 4 شرائح شخصية تعطي شرائح مقاس 1000 بكسل، وهي تكبير خفيف بمقدار 1.08x. صورة بعرض 2000 بكسل مقسمة إلى 5 شرائح تعطي شرائح مقاس 400 بكسل، ومكبرة 2.7x، وستبدو ناعمة على الهاتف.

تتبع القاعدة الأساسية من الحساب: بالنسبة للشرائح الواضحة، يجب أن يكون عرض المصدر 1080 بكسل على الأقل لكل شريحة، لذا 4320 بكسل لأربع شرائح و5400 بكسل لخمس شرائح. إذا كانت البانوراما أصغر من ذلك، فسيبدو عدد أقل من الشرائح أكثر وضوحًا. لمزيد من المعلومات حول سبب عدم إمكانية إضافة التفاصيل، راجع الدليل تغيير حجم الصور دون فقدان الجودة، الذي يمر عبر تقليص الحجم والترقية وإعادة التشكيل.

ما الذي يسبب التماس المرئي، وكيف يمكنك إصلاحه؟

تأتي معظم اللحامات من أحد الأسباب الخمسة، ويقوم المولد بإزالة السببين الأولين.

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

الصف الأخير عبارة عن مشكلة تكوين وليست مشكلة فنية. مع 4 شرائح، تقع الحدود عند 25% و50% و75% من الشريط؛ مع 3 شرائح، بنسبة 33% و67%. إذا هبط وجه شخص &#39؛ تمامًا على وصلة، فعادةً ما تقوم شريحة واحدة بتحريك القطع إلى مكان غير ضار. تنجو الوجوه والنصوص الموجودة على الوصلة من التمرير ولكنها تبدو محرجة عندما يتوقف المشاهد على شريحة واحدة.

ما هي حدود الأداة؟

يعمل شريط التمرير من 2 إلى 10 شرائح. يسمح Instagram بالمزيد، ولكن بعد مرور عشرة أعوام، لم تعد البانوراما النموذجية تحتوي على عرض كافٍ لمنح كل شريحة تفاصيل حقيقية، وتصبح كل شريحة شريطًا ضيقًا يتوقف عن القراءة كصورة.

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

يجب أن يكون الإدخال ملفًا يحدده المتصفح كصورة ويمكنه فك تشفيره. يتم رفض الملف الذي ليس صورة مع رسالة تسميه، ويتم الحصول على صورة تالفة أو صورة بتنسيق لا يستطيع المتصفح قراءته &quot؛ لا يمكن قراءة تلك الصورة.&quot؛ لا يتم فك تشفير صور HEIC من iPhone بواسطة معظم المتصفحات، لذا قم بتحويلها أولاً.

مثل كل أداة على الموقع، يتم احتساب التنزيلات ضمن حد الاستخدام اليومي. لا توجد علامة مائية ولا حاجة إلى حساب.

هل تم تحميل البانوراما في أي مكان؟

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

الأدوات ذات الصلة للمشاركات الدائرية

يوجد مولد التمرير جنبًا إلى جنب مع عدد قليل من أدوات الصور الأخرى المصممة للمشاركات الاجتماعية، وجميعها من جانب العميل.

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