يمكنك تصوير منظر طبيعي واسع، وفتح شاشة النشر، ويقدم لك التطبيق مربعًا به أفضل جبلين مقطوعين. أو تلتقط لقطة شاشة لمخطط، ويقوم محصول التغذية بإزالة تسميات المحاور التي جعلت المخطط يستحق المشاركة. الصورة جيدة. الإطار هو الشكل الخاطئ.
هناك طريقتان للخروج. يمكنك قص الصورة لتناسب الإطار، أو يمكنك وضع الصورة بأكملها على خلفية ذات الشكل الصحيح بالفعل. النهج الثاني يسمى غير لامع، وهذا ما مولد ماتي يبني: لوحة قماشية مربعة أو صورة شخصية أو على شكل قصة مع وضع صورتك الكاملة بداخلها، على نسخة غير واضحة من نفسها أو على لون خالص. يشرح هذا الدليل متى يتفوق اللون غير اللامع على المحصول، وكيف تعمل الهندسة، وما تفعله إعدادات الحشو ونصف القطر والظل بالبكسل، وحجم الإخراج الذي يجب اختياره لكل منصة.
ليرة تركية؛DR: غير لامع هي الخلفية التي توضع عليها صورة غير لامعة بحيث يمكن نشرها دون قصها. بدلاً من قص صورة بنسبة 16:9 إلى 1:1، يمكنك وضع الصورة بأكملها داخل إطار 1080 x 1080 أو 1080 x 1350 وملء المساحة المتبقية بنسخة غير واضحة من الصورة أو بلون خالص. يقوم Matte Generator بهذا الجانب من العميل على لوحة HTML القماشية، مع 15 إعدادًا مسبقًا للنظام الأساسي، وحشوة من 0 إلى 25%، وزوايا مستديرة، وظل منسدل اختياري، وتصدير PNG أو JPEG أو WebP. إنه مجاني، ولا يوجد تسجيل، ولا يتم تحميل أي شيء.
ما هي الصورة غير اللامعة؟
الصورة غير اللامعة هي الحد الفاصل بين الصورة وحافة إطارها. تأتي الكلمة من تأطير الصورة، حيث توجد لوحة حصيرة ذات نافذة مقطوعة بين الطباعة والزجاج بحيث لا تصل الصورة إلى حافة الإطار. الفكرة هي نفسها على وسائل التواصل الاجتماعي، بدون الورق المقوى: "؛frame"؛ هي نسبة العرض إلى الارتفاع التي تريدها المنصة، واللون غير اللامع هو كل ما يملأ المساحة التي لا تملأها صورتك.
الخاصية المميزة للون غير اللامع هي أنه لا تتم إزالة أي شيء من الصورة. كل بكسل قمت بتأليفه يبقى في المنشور. التجارة هي أن الصورة لم تعد تملأ البلاط بأكمله، لذا فهي أصغر على الشاشة من اقتصاص نفس الصورة.
هل يجب عليك استخدام صورة غير لامعة أو قص الصورة؟
قم بالقص عندما يجلس الموضوع في المنتصف وتكون الحواف عرضية. استخدم اللون غير اللامع عندما تحمل الحواف معلومات لا يمكنك فقدانها. هذا هو القرار برمته، ويستحق اتخاذه عن قصد بدلاً من قبول كل ما تفعله شاشة التحميل.
| حالة | اختيار افضل | لماذا |
|---|---|---|
| صورة لشخص واحد، خلفية عادية | محصول | يملأ الموضوع المزيد من البلاط ويقرأ بشكل أفضل عند حجم الصورة المصغرة |
| مناظر طبيعية واسعة أو بانوراما | ماتي | العرض هو نقطة الصورة |
| لقطة شاشة لمخطط أو رمز أو محادثة | ماتي | التسميات والحواف تحمل المعلومات |
| لقطة المنتج التي يجب أن تظهر الكائن بأكمله | ماتي | القطع في المنتج يتعارض مع الغرض |
| صورة جماعية مع الناس في كلا الطرفين | ماتي | المحصول يزيل شخص ما |
| لقطة تفصيلية أو نسيج | محصول | لا توجد ميزة ذات معنى للحماية |
| بانوراما واسعة جدًا تريد من الناس التمرير من خلالها | لا | قم بتقسيمها إلى دائري بدلاً من ذلك |
إذا قررت أن المحصول هو الصحيح بعد كل شيء، فإن صورة وسائل التواصل الاجتماعي كروبر يتعامل مع هذا الجانب من القرار بنفس الإعدادات المسبقة للنظام الأساسي. للحصول على بانوراما واسعة جدًا لأي من النهجين، فإن مولد التمرير الدائري تقطيعها إلى ألواح قابلة للتمرير.
كيف يمكن للصورة غير اللامعة أن تناسب المربع؟
القاعدة المناسبة هي نفس استدعاء CSS object-fit: contain، محددة في وحدة صور CSS المستوى 3 المواصفات: قم بقياس الصورة بأكبر عامل يحافظ على عرضها وارتفاعها داخل الإطار، ثم قم بتوسيطها. في الكود الحساب هو ثلاثة أسطر:
const scale = Math.min(frame.width / image.width, frame.height / image.height)
const width = image.width * scale
const height = image.height * scale
أي بُعد يصل إلى حافة الإطار هو الذي يقرر المقياس أولاً. تلامس الصورة العريضة الحواف اليسرى واليمنى وتترك القضبان في الأعلى والأسفل. تلامس الصورة الطويلة الجزء العلوي والسفلي وتترك القضبان على الجانبين. يطبق المولد غير اللامع الحشو أولاً، مما يؤدي إلى تقليص الإطار، ثم يقوم بتشغيل هذا الملاءمة داخل ما تبقى.
مثال عملي مع الأعداد الحقيقية
التقط صورة للمناظر الطبيعية مقاس 1920 x 1080 (16:9) وضعها على مربع Instagram المحدد مسبقًا، 1080 x 1080، مع الحشو الافتراضي بنسبة 6%.
- الحشو هو 6% من الإطار والجانب الأقصر #39؛: 1080 x 0.06 = 64.8 بكسل على كل حافة.
- المساحة المتبقية للصورة هي 1080 - (2 x 64.8) = 950.4 بكسل مربع.
- مقياس الملاءمة هو الأصغر من 950.4/1920 = 0.495 و950.4/1080 = 0.880، أي 0.495.
- تم رسم الصورة بعرض 1920 x 0.495 = 950.4 وطول 1080 x 0.495 = 534.6.
- يتم توسيطه عموديًا: (950.4 - 534.6) /2 = 207.9، بالإضافة إلى الحشو 64.8، يضع حافته العلوية عند 272.7 بكسل.
تقوم الأداة بالإبلاغ عن ذلك ضمن المعاينة كـ "؛ تم وضعه عند 950 x 535 داخل إطار 1080 x 1080 "؛. يمكنك التحقق من أي حالة أخرى بنفس الطريقة.
ما حجم الإخراج الذي يجب عليك اختياره؟
اختر حجم الموضع الذي تنشر عليه، وتذكر أنه بالنسبة للصورة العريضة، فإن الإطار الأطول لا يجعل الصورة أكبر. العرض هو ما يحد منه. يعمل الجدول أدناه بنفس الملاءمة لصورتين مصدرتين، مع حشوة بنسبة 6%، عبر الإعدادات المسبقة الشائعة.
| تعيين مسبق | إطار | تم رسم المناظر الطبيعية 1920 x 1080 في | تم رسم صورة الهاتف 1080 x 1920 على |
|---|---|---|---|
| مشاركة مربعة على إنستغرام | 1080 x 1080 | 950 x 535 | 535 x 950 |
| منشور صورة على Instagram (4:5) | 1080 x 1350 | 950 x 535 | 686 س 1220 |
| قصة Instagram أو بكرة (9:16) | 1080 x 1920 | 950 x 535 | 950 x 1690 |
| صورة مشاركة X (16:9) | 1600 x 900 | 1408 x 792 | 446 x 792 |
يبرز شيئان. بالنسبة لصورة المناظر الطبيعية، فإن الصورة المربعة والصورة بنسبة 4:5 تعطي حجم صورة متطابقًا؛ يضيف إطار الصورة المزيد من اللون غير اللامع. لذلك بالنسبة للصور العريضة، المربع هو الاختيار الأكثر ترتيبًا. بالنسبة لصورة الهاتف الطويلة، فإن الصورة بنسبة 4:5 تعطي الصورة ارتفاعًا أكبر بنسبة 28% تقريبًا من المربع (1220 مقابل 950 بكسل)، ولهذا السبب تعد الصورة الشخصية هي الإعداد الافتراضي الأفضل للقطات الرأسية.
تغطي القائمة الكاملة المعدة مسبقًا في الأداة Instagram (مربع، صورة شخصية، منظر طبيعي، قصة)، المواضيع (مربع، صورة شخصية)، Bluesky (صورة الخلاصة والمربع)، X (صورة النشر وبطاقة الملخص)، خلاصة Facebook، خلاصة LinkedIn، YouTube الصورة المصغرة ودبوس Pinterest القياسي ومعاينة الرابط Open Graph. تقوم المنصات بتغيير محاصيلها وإعادة تشفير التحميلات، لذا تعامل معها على أنها "؛ ما يناسب اليوم وquot؛ بدلا من الضمان.
ما هي الخلفية التي يجب استخدامها غير اللامع؟
توفر الأداة أربع خلفيات: نسخة غير واضحة من الصورة، أو لون ثابت تختاره، أبيض، أو أسود. النسخة غير الواضحة هي الخيار الافتراضي وعادةً ما يكون الخيار الأفضل للصور، لأنها تملأ الإطار باللوحة الخاصة بالصورة '؛ دون الحاجة إلى اختيار لون.
| خلفية | يبدو مثل | الأفضل ل | احترس من |
|---|---|---|---|
| نسخة غير واضحة من الصورة | إنستغرام والاقتباس المألوف؛ ملء واقتباس؛ ينظر | الصور والسفر والطعام وأي شيء ملون | الصور المزدحمة تنتج خلفية مزدحمة |
| لون صلب | بطاقة مسطحة خلف الصورة | حسابات العلامة التجارية، لقطات المنتج، الشعارات | اختر لونًا لا يحارب الصورة |
| أبيض | طباعة المعرض على جدار أبيض | الحد الأدنى من الخلاصات ولقطات الشاشة في وضع الضوء | تفقد الصور ذات الحواف الفاتحة حدودها دون ظل |
| أسود | صندوق بريد السينما | لقطات ليلية، لقطات من الأفلام، لقطات شاشة لواجهة المستخدم المظلمة | تفقد الصور ذات الحواف الداكنة حدودها بدون ظل |
كيف يتم إنشاء الخلفية غير الواضحة
الخلفية غير الواضحة ليست تخمينًا للون المطابق. إنها صورتك الخاصة، التي تم اقتصاصها لملء الإطار بأكمله، غير واضحة بشدة ومظلمة قليلاً، مع رسم الصورة الحادة في الأعلى. يستخدم التمويه القماش filter الممتلكات، موثقة على MDN'؛s CanvasRenderingContext2D.filter page، ومقاييس نصف قطرها مع الإطار: 6% من الجانب الأقصر، أي 65 بكسل على مربع 1080.
إحدى التفاصيل مهمة للجودة. يبلغ متوسط التمويه بالقرب من حافة اللوحة القماشية وحدات بكسل شفافة من خارجها، مما يترك حافة شاحبة حول الحدود. تتجنب الأداة ذلك عن طريق رسم الخلفية أكبر بنسبة 12% من الإطار على كل جانب (130 بكسل من السحب الزائد على مربع 1080)، وبالتالي فإن التمويه يحتوي على بيانات صورة حقيقية لأخذ عينات منها حتى الحافة. ثم يتم غسل اللون الأسود بنسبة 12% فوق الجزء العلوي، مما يحافظ على قراءة الموضوع الحادة كموضوع.
ماذا تفعل الحشو ونصف قطر الزاوية والظل؟
جميع الإعدادات الثلاثة متناسبة، لذا فهي تبدو متشابهة عند 1080 بكسل كما هي عند 1600.
الحشو يمتد من 0 إلى 25% ويتم قياسه مقابل الجانب الأقصر للإطار '؛s. عند 0، تلامس الصورة العريضة كلا الحافتين الجانبيتين وتظهر الصورة غير اللامعة فقط كأشرطة أعلى وأسفل: صندوق بريد خالص. ما بين 4% و8% يقرأ كحدود متعمدة دون تقليص الصورة كثيرًا. تناسب القيم الأكبر منشورات نمط بطاقة الاقتباس حيث تكون الخلفية جزءًا من التصميم. على مربع 1080، تزيل كل نقطة مئوية من الحشو 21.6 بكسل من العرض المتاح للصورة #39؛s.
نصف قطر الزاوية يمتد من 0 إلى 50% ويتم قياسه مقابل الصورة الموضوعة والجانب الأقصر #39؛ وليس الإطار. مع المثال الأفقي أعلاه، يبلغ طول الصورة 534.6 بكسل، وبالتالي فإن نصف القطر الافتراضي 12% يدور في كل زاوية بحوالي 64 بكسل. عند 50% تصبح الجوانب القصيرة نصف دائرة كاملة، مما يعطي شكل حبة.
إسقاط الظل قيد التشغيل افتراضيًا. إنه ظل أسود بنسبة 28% مع ضبابية بنسبة 3% للإطار '؛ جانب أقصر وإزاحة لأسفل بنسبة 1%، وهو ما يعني في إطار 1080 ضبابية 32 بكسل وانخفاضًا بمقدار 11 بكسل. فهو يفصل الصورة عن خلفية ذات سطوع مماثل، وهو بالضبط ما تحتاج فيه المواد البيضاء أو السوداء إلى المساعدة.
كيفية وضع الصورة على غير لامع، خطوة بخطوة
- افتح ال مولد ماتي مجاني وأضف صورتك عن طريق إسقاط ملف، أو النقر للتصفح، أو اللصق من الحافظة. اللصق هو أسرع طريق للقطات الشاشة.
- اختر حجم الإخراج من القائمة المجمعة المعدة مسبقًا. ابدأ بمربع Instagram للصور العريضة وصورة Instagram للصور الطويلة.
- اختر الخلفية. احتفظ بالنسخة غير الواضحة للصور؛ قم بالتبديل إلى اللون الصلب واكتب قيمة سداسية لعمل العلامة التجارية.
- اضبط الحشو ونصف قطر الزاوية وتبديل الظل أثناء مشاهدة المعاينة. يتم عرض لوحة المعاينة بحجم الإخراج الحقيقي، لذا فإن ما تراه هو الملف الذي ستحصل عليه.
- اختر تنسيقًا وقم بتنزيله. تمت تسمية الملف على اسم الملف الأصلي الخاص بك
-matteوأضاف، لذلكbeach.jpgيصبحbeach-matte.png.
PNG أو JPEG أو WebP: ما هو التنسيق الذي يجب عليك تصديره؟
قم بتصدير PNG عندما تكون النتيجة شفافة أو نص حاد، وJPEG عندما تريد ملفًا صغيرًا يقبله كل نظام أساسي، وWebP عندما تريد أصغر ملف وتدعمه الوجهة. يتم ترميز JPEG وWebP بجودة 92%.
| تنسيق | ضغط | يحافظ على الشفافية | الاستخدام النموذجي |
|---|---|---|---|
| PNG | بلا خسارة | نعم | لقطات شاشة، وشعارات على لون شفاف غير لامع، وأرشفة النتيجة |
| JPEG | خاسرة، الجودة 0.92 | لا، يتسطح إلى معتم | منشورات الصور على أي منصة |
| ويب بي | خاسرة، الجودة 0.92 | نعم | مواقع الويب والمنصات التي تقبل WebP |
تقوم معظم منصات التواصل الاجتماعي بإعادة تشفير ما تقوم بتحميله على أي حال، وبالتالي فإن تنسيق التصدير لا يهم بالنسبة للخلاصة بقدر ما يهم بالنسبة للنسخة الخاصة بك. إذا كنت تخطط لتحرير النتيجة بشكل أكبر، فاحتفظ بـ PNG. إذا كان الملف يحتاج إلى أن يكون أصغر قبل التحميل، فإن دليل ضغط الصور يمشي عبر إعدادات الجودة بمزيد من العمق.
هل يمكنك استخدام PNG شفاف؟
نعم، وهو يعمل بشكل جيد مع الشعارات ولقطات المنتج المقطوعة. يتم وضع PNG شفاف على مركبات ذات لون خالص بشكل نظيف، لذلك يصبح اللون غير اللامع طريقة سريعة لوضع شعار على مربع ذي علامة تجارية. إذا كنت بحاجة إلى إزالة الخلفية أولاً، فإن دليل مزيل الخلفية يغطي تلك الخطوة. قم بتصدير النتيجة كـ PNG أو WebP للحفاظ على الشفافية في الملف؛ لا يحتوي JPEG على قناة ألفا وسيقوم بتسطيحها.
هل يقلل اللون غير اللامع من جودة الصورة؟
لا، طالما أن المصدر أكبر من المساحة التي تم رسمه فيها. تبلغ إعدادات الإخراج المسبقة 1080 بكسل أو أوسع، وصورة الهاتف النموذجية تتراوح من 3000 إلى 4000 بكسل على جانبها الطويل، لذلك يتم تصغير الصورة، مما لا يفقد أي شيء مرئي. ترسمها اللوحة القماشية بتنعيم عالي الجودة.
الاستثناء الوحيد هو مصدر صغير. إذا قمت بوضع صورة 600 x 400 في مربع 1080 مع حشوة 6%، فيجب رفعها إلى 950 x 634، وهو عامل يبلغ حوالي 1.58، وستبدو ناعمة لنفس السبب الذي يحدثه أي تكبير. لا يمكن للأداة إضافة تفاصيل لم تكن موجودة في الملف مطلقًا. إذا كان مصدرك صغيرًا، فقم بتقليل الحشو أو اختر إعدادًا مسبقًا أصغر بحيث يظل عامل القياس قريبًا من 1. دليل تغيير حجم الصورة يشرح سبب عدم وضوح الترقية ومتى يكون ذلك مقبولاً.
الأخطاء الشائعة ورسائل الخطأ
تظهر بعض المشاكل في كثير من الأحيان بما يكفي لتسمية.
- "؛ هذا الملف ليس صورة."؛ تتحقق الأداة من نوع MIME المُبلغ عنه للملف '؛ قبل فك التشفير. يتم رفض ملف PDF أو مستند تم سحبه عن طريق الخطأ في هذه الخطوة.
- "؛ لا يمكن قراءة تلك الصورة."؛ يدعي الملف أنه صورة ولكن المتصفح لا يستطيع فك تشفيرها. يحدث هذا مع التنزيلات الفاسدة ومع التنسيقات التي لا يدعمها متصفح معين. تسرد منطقة الإسقاط PNG وJPEG وWebP وGIF وAVIF؛ عادةً ما تحتاج صور HEIC من iPhone إلى التحويل أولاً.
- يبدو اللون غير اللامع رماديًا بدلاً من اللون الملون. ربما اخترت خيار اللون الثابت وتركت اللون الرمادي الفاتح الافتراضي. قم بتبديل الخلفية مرة أخرى إلى النسخة غير الواضحة.
- تختفي الصورة البيضاء إلى اللون الأبيض غير اللامع. قم بتشغيل الظل، أو أضف القليل من الحشو، أو قم بالتبديل إلى الخلفية غير الواضحة.
- لا يزال يتم اقتصاص المنشور. الإعداد المسبق الذي قمت بتصديره لا يتطابق مع المكان الذي قمت بنشره فيه. سيتم اقتصاص صورة 1200 x 630 Open Graph تم تحميلها كمنشور موجز على Instagram، لأنه يتم قبول 1.91:1 فقط كمنشور أفقي.
- التنزيل لا يبدأ. يتم احتساب التنزيلات ضمن حد الاستخدام اليومي. عند الوصول إلى الحد الأقصى، تعرض الأداة رسالة بدلاً من ملف.
هل تم تحميل أي شيء؟
لا. تتم قراءة الصورة باستخدام عنوان URL لكائن محلي، مركب على HTML <canvas> عنصر في علامة تبويب المتصفح الخاص بك، ويتم ترميزه في ملف باستخدام اللوحة القماشية toBlob الطريقة الموضحة في مواصفات قماش HTML WHATWG. لا يتم إرسال أي بيانات صورة إلى الخادم، أو تخزينها أو تسجيلها. بمجرد تحميل الصفحة، فإنها تستمر في العمل مع الشبكة المنفصلة. سجلات تتبع الاستخدام فقط للإعداد المسبق والخلفية والتنسيق الذي استخدمته، وليس الصورة أبدًا.
بدائل لمولد غير لامع عبر الإنترنت
أداة المتصفح هي طريق واحد من بين عدة طرق.
- النظام الأساسي '؛s خيار الملاءمة الخاص. يمكن لبعض شاشات التحميل، من بينها Instagram '؛s، تركيب صورة داخل الإطار بأشرطة عادية بدلاً من اقتصاصها. إنه سريع، لكنك لا تتحكم كثيرًا في الخلفية أو الحشو أو الظل.
- محرري الصور الهاتفية. تحتوي العديد من تطبيقات المعرض وتطبيقات التحرير على "؛fit"؛ أو "؛لا يوجد اقتصاص واقتباس؛ الوضع بخلفية غير واضحة. إنها تعمل بشكل جيد مع الصور الفردية على الهاتف، وتختلف النتائج حسب التطبيق.
- برامج تصميم سطح المكتب. يوفر Photoshop أو Affinity أو Figma التحكم الكامل، بما في ذلك مواضع البكسل الدقيقة. يستغرقون وقتًا أطول ويحتاجون إلى تثبيت البرنامج.
- سطر الأوامر. يمكن لـ ImageMagick تحميل الصورة بحجم ثابت باستخدام
-gravity center -extent 1080x1080، والذي يناسب المهام المجمعة على الخادم.
تتمثل مزايا النهج من جانب العميل في أنه لا يحتاج إلى تثبيت أو حساب، ويعمل بنفس الطريقة على أي نظام تشغيل، ويحتفظ بالصورة على جهازك. لمنشور واحد أو دفعة صغيرة عادة ما تكون الخيار الأسرع. بالنسبة لمئات الصور، يفوز البرنامج النصي.
ال مركز أدوات التواصل الاجتماعي يسرد المرافق ذات الصلة في مكان واحد، بما في ذلك مولد بطاقة الصور لبطاقات الأسعار والأخبار و صورة العلامة المائية لإضافة شعار أو رصيد قبل النشر.
