روی‌هم‌گذاری دو تصویر

یک تصویر را با مختصات و شفافیت دلخواه روی تصویر دیگر قرار دهید.

۱۰۰٪ در مرورگر • ۱۰۰٪ رایگان

انتخاب تصویر پایه و روکش

دو تصویر را بارگذاری کنید تا مستقیماً در مرورگر یک ترکیب بسازید.

انتخاب تصویر پایهتصویر پایه را اینجا رها کنید
یا تصویر را بچسبانید (Cmd+V / Ctrl+V)
انتخاب تصویر روکشتصویر روکش را اینجا رها کنید
یا تصویر را بچسبانید (Cmd+V / Ctrl+V)
۱۰۰٪ خصوصی و محلی — هیچ تصویری از مرورگر شما خارج نمی‌شود
تصویر اول را برای پایه و دوم را برای روکش بچسبانید
راهنمای فنی جامع•۸ دقیقه مطالعه•تیم مهندسی 2RUN
۱۰۰٪ در مرورگر • بدون آپلود

ترکیب چندلایه تصاویر: راهنمای فنی حالت‌های ترکیب، مهرزنی با کانال آلفا و تبدیل‌های آفین لایه‌ها

⚡چگونه در ۳ گام ساده دو تصویر را روی هم بگذاریم

1

۱. فایل‌های پایه و پوششی را وارد کنید

عکس پس‌زمینه و پوشش پیش‌زمینه (لوگو، بافت یا عکس ثانویه) را به فضای کار استودیو بکشید. هر دو فایل فوراً بدون آپلود حتی یک بایت به سرورهای خارجی در RAM محلی مرورگر بارگذاری می‌شوند.

2

۲. موقعیت، مقیاس و حالت ترکیب را کالیبره کنید

لایه پوششی را جای‌گذاری، مقیاس و چرخش را تنظیم، لغزنده کدری (۰٪ تا ۱۰۰٪) را دقیق تنظیم و حالت ترکیب (Multiply، ‏Screen، ‏Overlay) را انتخاب کنید. بوم پیش‌نمایش زنده با ۶۰ فریم بر ثانیه به‌روز می‌شود و ترکیب روان را در زمان واقعی نمایش می‌دهد.

3

۳. دارایی اصلی لایه‌دار را خروجی بگیرید

ترکیب چندلایه را بررسی کنید تا یکپارچگی بی‌درز لبه‌ها و تعادل نور تضمین شود. روی دانلود کلیک کنید تا اثر ترکیبی پروضوح شما فوراً مستقیماً در سیستم فایل محلی ذخیره شود.

لایه‌گذاری دو یا چند تصویر در یک ترکیب‌بندی بصری یکپارچه، یکی از تکنیک‌های بنیادین عکاسی دیجیتال، تبلیغات تجاری، طراحی گرافیک سینمایی و برندسازی مالکیت فکری است. چه یک لوگوی PNG نیمه‌شفاف سازمانی را در گوشه تصویر اصلی یک ملک مهر بزنید تا از کپی غیرمجاز جلوگیری شود، چه پرتره‌های هنری سوررئال با نوردهی دوگانه بسازید که سیلوئت انسان را با تاج درختان جنگل در هم می‌آمیزد، یا بافت‌های آنالوگ طبیعی — مانند دانه اسکن‌شده فیلم ۳۵ میلی‌متری، خراش‌های گردوغبار و درخشش‌های طلایی لنز — را روی عکس‌های دیجیتال معاصر ترکیب کنید، ترکیب حرفه‌ای نیازمند کنترل ریاضی دقیق بر جای‌گذاری، مقیاس، چرخش، کانال‌های کدری و حالت‌های ترکیب پیکسل است.

اما ترکیب چندلایه در نرم‌افزارهای رومیزی سنتی نیازمند تسلط بر سلسله‌مراتب گیج‌کننده لایه‌ها، ماسک‌های برش و منحنی یادگیری تند است. افزون بر این، پلتفرم‌های ویرایش آنلاین تجاری اغلب وضوح تصویر را کاهش می‌دهند یا دارایی‌های خلاقانه اختصاصی، پرتره‌های شخصی و نشان‌های تجاری برند شما را روی سرورهای ابری دوردست شخص ثالث آپلود می‌کنند. ابزار «روی‌هم‌گذاری دو تصویر» ما که در مرورگر اجرا می‌شود، ترکیب چندلایه در سطح آزمایشگاهی را مستقیماً درون مرورگر وب شما ارائه می‌دهد. موتور ما با کار روی بافرهای پیکسلی خام و فشرده‌نشده با استفاده از ماتریس‌های تبدیل Canvas 2D با شتاب سخت‌افزاری در حافظه دستگاه شما، لایه‌ها را با دقت زیرپیکسلی ترکیب می‌کند — بدون هیچ آپلودی به سرور، بدون تأخیر شبکه و با محرمانگی کامل داده.

خواندن راهنمای فنی کامل

حالت‌های ترکیب ریاضی: فیزیک برهم‌کنش پیکسل‌ها

در ترکیب دیجیتال، وقتی لایه پوششی بالایی (منبع، $S$) با عکس پایه زیرین (مقصد، $D$) تلاقی می‌کند، رنگ پیکسل حاصل با معادله‌های جبری ترکیب کانال که روی مؤلفه‌های رنگی نرمال‌شده $[0.0, 1.0]$ ارزیابی می‌شوند تعیین می‌شود: ۱. ترکیب Normal ‏(Source-Over): ترکیب آلفای خطی استاندارد: $C = \alpha_S S + (1 - \alpha_S) D$. نواحی شفاف اجازه می‌دهند پس‌زمینه دیده شود، در حالی که نواحی کدر تصویر پایه را کاملاً جایگزین می‌کنند. ایده‌آل برای واترمارک تیز لوگو و پوشش نشان‌های گرافیکی. ۲. ترکیب Multiply: ضرب مستقیم کانال‌ها را محاسبه می‌کند: $C = S \times D$. در ریاضیات ضرب، سفید خالص ($1.0$) نقش عنصر همانی را دارد و کاملاً ناپدید می‌شود، در حالی که سیاه خالص ($0.0$) خروجی را سیاه می‌کند. Multiply حالت ترکیب قطعی برای اعمال بافت‌های کاغذ، طرح‌های جوهری قدیمی و پوشش‌های گرانج تیره روی پس‌زمینه‌های روشن است. ۳. ترکیب Screen: معکوس ریاضی Multiply: $C = 1 - (1 - S)(1 - D)$. در ریاضیات Screen، سیاه خالص ($0.0$) در شفافیت کامل ناپدید می‌شود، در حالی که پیکسل‌های روشن صحنه زیرین را روشن می‌کنند. Screen استاندارد جهانی صنعت برای پوشاندن درخشش‌های نوری لنز، جرقه‌های آتش، دود و نشت‌های نوری درخشان است. ۴. ترکیب Overlay: ترکیبی پویا از Multiply و Screen که حول خاکستری میانه‌تُن ($0.5$) می‌چرخد. Overlay با ضرب پیکسل‌های تیره و screen کردن پیکسل‌های روشن، کنتراست را تشدید می‌کند و درام رنگی غنی به اثر ترکیبی می‌افزاید.

جهت‌دهی خلاقانه نوردهی دوگانه: تکنیک ماسک سیلوئت

هنر نوردهی دوگانه که در تیتراژهای کلاسیک سینما (مانند *True Detective*) و عکاسی تحریریه مدرن محبوب شده، دو مفهوم عکاسی ناهمگون را در یک استعاره بصری شاعرانه واحد ترکیب می‌کند. این تکنیک به‌طور سنتی یک سیلوئت نیم‌رخ انسانی پرکنتراست را با یک بافت ثانویه پیچیده مانند پانورامای کوهستان، آسمان پرستاره شب یا جنگل انبوه پاییزی درمی‌آمیزد.

موتور پوشش ما به خالقان اجازه می‌دهد در چند ثانیه به زیبایی‌شناسی اصیل نوردهی دوگانه دست یابند. با تنظیم سایه‌های پرتره پایه روی سیاه عمیق و انتخاب حالت ترکیب Screen یا Lighten برای پوشش منظره ثانویه، منظره تقریباً فقط در موها، کت و کانتورهای سایه تیره سوژه تصویر می‌شود. پس‌زمینه روشن به سفید درخشان می‌سوزد، سیلوئت سوژه را به‌طور تمیز جدا می‌کند و اثر هنری در سطح موزه می‌سازد.

واترمارک تجاری و حفاظت از حقوق دیجیتال

در تجارت دیجیتال و عکاسی تجاری، حفاظت از مالکیت فکری در برابر کپی‌کننده‌های خودکار وب، نقض حق نشر و سرقت محتوای شبکه‌های اجتماعی یک الزام عملیاتی است. اما مهر زدن یک لوگوی کدر و مزاحم روی عکس، تعامل بصری را از بین می‌برد و خریداران بالقوه را دور می‌کند.

راه‌حل حرفه‌ای، واترمارک آلفای ظریف است. با وارد کردن یک لوگوی PNG شفاف ۳۲ بیتی تمیز، قرار دادن آن در ربع پایین-راست و تنظیم کدری بین ۲۵٪ تا ۴۰٪، واترمارک در بررسی دقیق به‌وضوح دیده می‌شود — و از استفاده مجدد تجاری غیرمجاز جلوگیری می‌کند — در حالی که مشتریان و طرفداران می‌توانند بدون حواس‌پرتی بصری از عکس لذت ببرند.

درجه‌بندی بافت طبیعی: بازگرداندن روح آنالوگ به عکاسی دیجیتال

دوربین‌های دیجیتال بدون آینه و گوشی‌های هوشمند مدرن عکس‌هایی با کمال بالینی و بی‌روح تولید می‌کنند: بدون دانه، صفحات فوکوس تخت و تیزی میکروسکوپی حسگر. برای القای گرما، نوستالژی و شخصیت ملموس به تصاویر دیجیتال معاصر، رنگ‌کاران چیره‌دست بافت‌های آنالوگ طبیعی اسکن‌شده را روی آن‌ها می‌گذارند.

با پوشاندن اسکن‌های پروضوح از دانه فیلم هالید نقره ۳۵ میلی‌متری، الیاف کاغذ پوستی قدیمی یا خراش‌های ظریف گردوغبار نوری با Multiply یا Soft Light در کدری ۱۵٪ تا ۲۵٪، لبه‌های بالینی دیجیتال به ظرافت غنی سلولوئید نرم می‌شوند. بافت با نورپردازی زیرین درمی‌آمیزد و عکس‌های دیجیتال مدرن را مانند چاپ‌های فیلم بی‌زمان نشان می‌دهد.

خط لوله اصلی ترکیب چندلایه

برای دستیابی به برتری ترکیب در سطح گالری، «روی‌هم‌گذاری دو تصویر» را در یک زنجیره تولید منظم در مجموعه 2run.tools ادغام کنید: ۱. آماده‌سازی لایه: با عبور دادن دارایی پوششی از «حذف پس‌زمینه» یا «شفاف‌سازی» مطمئن شوید پس‌زمینه شفاف و تمیزی دارد. ۲. ترکیب چندلایه با «روی‌هم‌گذاری دو تصویر»: فایل‌های پایه و پوششی را وارد کنید، جای‌گذاری، مقیاس، چرخش و کدری را تنظیم و حالت ترکیب بهینه (Multiply، ‏Screen یا Overlay) را انتخاب کنید. ۳. هماهنگ‌سازی تُن: نوردهی و کنتراست را در سراسر ترکیب با «تنظیم روشنایی» و «تنظیم کنتراست» متعادل کنید تا لایه‌ها از نظر فیزیکی یکپارچه به نظر برسند. ۴. قاب‌بندی و تأکیدها: ترکیب را با «افزودن حاشیه» قاب بگیرید یا با «افزودن سایه» ارتفاع شناور اعمال کنید. ۵. پاک‌سازی حریم خصوصی و توزیع: داده‌های حساس GPS دوربین را با «حذف فراداده EXIF و GPS» پاک کنید و سپس ترکیب نهایی را برای تحویل پرسرعت با «فشرده‌سازی تصویر» یا «تبدیل PNG به WebP» فشرده کنید.

💡نکات حرفه‌ای برای لایه‌گذاری تصویر در سطح استودیو

  • •همیشه برای لوگوها و گرافیک‌ها از فایل‌های PNG یا WebP شفاف استفاده کنید تا واترمارکی تمیز و بدون حاشیه و بدون جعبه‌های سفید زشت تضمین شود.
  • •هنگام پوشاندن دارایی‌های آتش، دود، جرقه یا درخشش نوری لنز با پس‌زمینه سیاه، حالت ترکیب «Screen» را انتخاب کنید.
  • •هنگام اعمال بافت‌های کاغذ اسکن‌شده، دانه قدیمی یا ته‌رنگ‌های آبرنگ روی عکس‌های روشن، حالت ترکیب «Multiply» را انتخاب کنید.
  • •هنگام مهر زدن واترمارک‌های حق نشر سازمانی، کدری را بین ۲۵٪ تا ۴۰٪ کالیبره کنید تا میان حفاظت در برابر سرقت و لذت زیبایی‌شناختی تعادل برقرار شود.
  • •برای هنر نوردهی دوگانه چشمگیر، یک پایه سیلوئت سیاه‌وسفید پرکنتراست را با یک منظره طبیعی رنگی در حالت ترکیب Screen همراه کنید.

🛡️تبدیل آفین بوم و معماری حریم خصوصی بدون آپلود

موتور «روی‌هم‌گذاری دو تصویر» ما ترکیب رستری چندمرحله‌ای را مستقیماً درون زمینه‌های HTML5 Canvas 2D با استفاده از شتاب سخت‌افزاری مبتنی بر GPU اجرا می‌کند. وقتی تصویر پایه وارد می‌شود، موتور یک بافر بوم اصلی خارج از صفحه متناسب با ابعاد پیکسلی ذاتی آن تخصیص می‌دهد. هنگام رندر لایه پوششی، موتور یک ماتریس تبدیل آفین دوبعدی (`ctx.setTransform(a, b, c, d, e, f)`) می‌سازد، مختصات را به مرکز پوشش انتقال می‌دهد، چرخش و مقیاس را اعمال و پیکسل‌ها را با بازنمونه‌برداری دومکعبی بومی رندر می‌کند. حالت‌های ترکیب مستقیماً به دستورهای W3C ‏`ctx.globalCompositeOperation` با شتاب سخت‌افزاری ('multiply'، 'screen'، 'overlay'، 'source-over') نگاشت می‌شوند. یک ترکیب ۲۴ مگاپیکسلی در کمتر از ۱۸ میلی‌ثانیه ترکیب و دوباره رمزگذاری می‌شود. نکته مهم اینکه همه تبدیل‌های ماتریسی، گذرهای ترکیب پیکسل و رمزگذاری‌های جریان فایل ۱۰۰٪ به‌صورت محلی درون سندباکس حافظه مرورگر دستگاه شما انجام می‌شوند. مفاهیم بازاریابی تجاری منتشرنشده، لوگوهای اختصاصی سازمانی و عکس‌های شخصی محرمانه هرگز از شبکه‌های خارجی عبور نمی‌کنند. حریم خصوصی کامل داده در سمت کاربر و صفر درصد مواجهه با ابر تضمین می‌شود.

فناوری: WebAssembly • Web Workers چندرشته‌ای • HTML5 Canvas API

حریم خصوصی: فایل‌ها از دستگاه شما خارج نمی‌شوند و در فضای ابری ذخیره نمی‌شوند؛ آمار فقط با رضایت شما اجرا می‌شود.

چرا ابزارهای مبتنی بر مرورگر؟

وقتی در 2run tools تصویری را فشرده یا PDFی را ادغام می‌کنید، کد با استفاده از WebAssembly و Web Workers داخل زبانه مرورگر شما اجرا می‌شود. ما هرگز فایل‌های شما را به سرور دوردست ارسال نمی‌کنیم. گزارش‌های مالی، عکس‌های شخصی و قراردادهای شما از دستگاهتان خارج نمی‌شوند.

حریم خصوصی کاملدر مرورگر
پردازش فوریرم سریع
واقعاً نامحدودبدون محدودیت

پرسش‌های متداول درباره روی‌هم‌گذاری تصاویر

آیا می‌توانم یک لوگوی PNG شفاف را روی عکس JPG بگذارم؟▾

بله! فایل‌های PNG و WebP شفاف با لبه‌های تمیز و بدون حاشیه و شفافیت کامل آلفا به‌طور یکپارچه روی هر عکس پس‌زمینه‌ای لایه‌گذاری می‌شوند.

تفاوت حالت‌های ترکیب Multiply و Screen چیست؟▾

Multiply مقادیر پیکسل‌ها را ضرب و تصویر را تیره‌تر می‌کند (سفید نامرئی می‌شود، سیاه سیاه می‌ماند). Screen معکوس، ضرب و دوباره معکوس می‌کند و تصویر را روشن‌تر می‌سازد (سیاه نامرئی می‌شود، سفید سفید می‌ماند).

چگونه جلوه نوردهی دوگانه بسازم؟▾

یک پرتره سیلوئت پرکنتراست را به‌عنوان تصویر پایه و یک عکس منظره را به‌عنوان پوشش آپلود کنید. حالت ترکیب «Screen» یا «Lighten» را انتخاب کنید؛ منظره در نواحی تیره سیلوئت تصویر می‌شود و در نواحی روشن ناپدید می‌شود.

آیا می‌توانم تصویر پوششی را بچرخانم، تغییر اندازه دهم و آزادانه جای‌گذاری کنم؟▾

بله. می‌توانید با کنترل‌های تعاملی شهودی، پوشش را به هر جای بوم بکشید، به‌طور متناسب تغییر اندازه دهید و با هر زاویه‌ای بچرخانید.

آیا روی‌هم‌گذاری تصاویر وضوح عکس پایه من را کاهش می‌دهد؟▾

به هیچ وجه. بوم اصلی ۱۰۰٪ ابعاد پیکسلی، تیزی و وضوح اصلی عکس پایه شما را حفظ می‌کند.

آیا می‌توانم پشت سر هم روی چند عکس در مرورگر پوشش بگذارم؟▾

بله. می‌توانید هر زمان عکس‌های پس‌زمینه را جابه‌جا و پوشش‌ها را دوباره جای‌گذاری کنید. همه پردازش‌ها به‌صورت محلی روی پردازنده چندهسته‌ای دستگاه شما و بدون انتظار در صف سرور اجرا می‌شوند.

آیا عکس‌های شخصی یا تجاری من روی سروری آپلود می‌شوند؟▾

هرگز. 2run.tools تحت معماری حریم خصوصی سازش‌ناپذیر سمت کاربر کار می‌کند. همه رمزگشایی تصویر، تبدیل‌های آفین و خروجی فایل ۱۰۰٪ به‌صورت محلی در حافظه مرورگر دستگاه شما اجرا می‌شود. تصاویر شما هرگز دستگاه‌تان را ترک نمی‌کنند و حریم خصوصی و امنیت کامل تضمین می‌شود.

سایت‌هایی با بارگذاری زیر ۰٫۸ ثانیه
مهندسی وب با امتیاز ۱۰۰/۱۰۰ Lighthouse
بررسی
بازوی توسعه برای آژانس‌های طراحی
White-label • NDA دوطرفه
همکاری
سئوی فنی با کد
Schema عمیق • بدون هدررفت
گسترش سئو
وب‌اپ‌ها و SaaS سفارشی
مالکیت ۱۰۰٪ کد • مقیاس Edge
ساخت
بازدید را به فروش تبدیل کنید
+۳۴٪ افزایش فروش • رفع گلوگاه‌ها
بررسی