OnlineFreeTools.org
  • الرئيسية
  • Image editing tools
    • علامة مائية نصية — في المتصفح
    • استخراج ألوان الصورة — لوحة واختيار بالنقر
    • قلب الصورة — أفقي أو عمودي
    • إطار صورة — لون وعرض
    • ضغط الصور — البعد الأطول والجودة والحجم المستهدف (محليًا)
    • قص الصورة وتغيير الحجم — محليًا
    • عرض وحذف EXIF من الصور — الموقع والكاميرا محليًا
    • محول تنسيق الصور — PNG JPEG WebP AVIF BMP GIF ICO SVG محليا
    • تحويل الصورة إلى رمادي
    • دمج الصور — اجمع صورًا في كولاج واحد
    • تحسين الصور — WebP وAVIF وMozJPEG محليًا
    • تراكب الصور — ضع شعارًا على صورة
    • صورة ↔ Base64 — ترميز وفك
    • صور إلى GIF — رسوم قصيرة
    • صور إلى PDF — صفحة لكل صورة
    • صور إلى PowerPoint — شريحة لكل صورة
    • صور إلى Word — DOCX محلي
  • أدوات التصميم
    • حزمة رموز ألوان العلامة — مقياس HEX HSL OKLCH
    • مدقق تباين WCAG — نسبة AA/AAA
  • Developer tools
    • إضافة WWW إلى DNS — سجلات A/CNAME وأدلة المنصات
    • محول CSV ↔ JSON — الأنواع والفواصل ومحليًا
    • ترميز وفك ترميز كيانات HTML — محليًا
    • IndexNow — إرسال روابط Bing وفحص المفتاح ورموز الحالة
    • ما هو عنوان IP الخاص بي — IP عام (IPv4/IPv6)
    • مدقق JSON Schema — مسارات draft-07 ومحليًا
    • من Markdown إلى HTML الآمن — وبالعكس
    • Compare Two Texts Online — Text Diff Checker
    • فحص ترويسات HTTP للموقع — عرض رؤوس الاستجابة
    • من YAML إلى JSON وبالعكس — قواعد الأنواع ومحليًا
  • Calculators
    • حاسبة مؤشر كتلة الجسم — طريقة الحساب
    • حاسبة التدرج — ∇f متعدد المتغيرات (مشتقات جزئية)
    • حاسبة الإيراد الحدي — الصيغة ΔTR / ΔQ
    • حاسبة التغير بالنسبة المئوية — من قيمة قديمة إلى جديدة
    • حاسبة العائد على الاستثمار (ROI) — طريقة الحساب
    • تحويل القدم المربع إلى متر مربع — للمنازل والتشطيب
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

الأدوات

علامة مائية نصية — في المتصفحإضافة WWW إلى DNS — سجلات A/CNAME وأدلة المنصاتحزمة رموز ألوان العلامة — مقياس HEX HSL OKLCHاستخراج ألوان الصورة — لوحة واختيار بالنقرمحول CSV ↔ JSON — الأنواع والفواصل ومحليًاقلب الصورة — أفقي أو عموديحاسبة مؤشر كتلة الجسم — طريقة الحسابحاسبة التدرج — ∇f متعدد المتغيرات (مشتقات جزئية)حاسبة الإيراد الحدي — الصيغة ΔTR / ΔQحاسبة التغير بالنسبة المئوية — من قيمة قديمة إلى جديدةحاسبة العائد على الاستثمار (ROI) — طريقة الحسابترميز وفك ترميز كيانات HTML — محليًاإطار صورة — لون وعرضضغط الصور — البعد الأطول والجودة والحجم المستهدف (محليًا)قص الصورة وتغيير الحجم — محليًاعرض وحذف EXIF من الصور — الموقع والكاميرا محليًامحول تنسيق الصور — PNG JPEG WebP AVIF BMP GIF ICO SVG محلياتحويل الصورة إلى رماديدمج الصور — اجمع صورًا في كولاج واحدتحسين الصور — WebP وAVIF وMozJPEG محليًاتراكب الصور — ضع شعارًا على صورةصورة ↔ Base64 — ترميز وفكصور إلى GIF — رسوم قصيرةصور إلى PDF — صفحة لكل صورةصور إلى PowerPoint — شريحة لكل صورةصور إلى Word — DOCX محليIndexNow — إرسال روابط Bing وفحص المفتاح ورموز الحالةما هو عنوان IP الخاص بي — IP عام (IPv4/IPv6)مدقق JSON Schema — مسارات draft-07 ومحليًامن Markdown إلى HTML الآمن — وبالعكستحويل القدم المربع إلى متر مربع — للمنازل والتشطيبCompare Two Texts Online — Text Diff Checkerمدقق تباين WCAG — نسبة AA/AAAفحص ترويسات HTTP للموقع — عرض رؤوس الاستجابةمن YAML إلى JSON وبالعكس — قواعد الأنواع ومحليًا

تراكب الصور — ضع شعارًا على صورة

80%
موضع سريع
0.90

ضع شعارًا أو علامة مائية PNG شفافة على صورة أساسية في المتصفح — ليس نصًا مكتوبًا وليس دمج عدة صور في كولاج. الخطوات: اختر الأساس والطبقة، اضبط الشفافية والحجم، حدّد الموضع بالسحب أو x/y، اختر وضع المزج، ثم ركّب ونزّل JPEG/WebP/PNG. مثال: صورة نموذج + LOGO شبه شفاف أسفل اليمين بنسبة 75٪ → PNG — يبقى على جهازك.

كيف يعمل

أضف صورة أساسية وصورة ثانية (شعار أو شارة أو PNG شفاف). اضبط الشفافية والحجم والموضع — اسحب في المعاينة أو اكتب x/y ببكسل الأساس. اختر المزج والصيغة ولون JPEG، ركّب ونزّل. كل شيء محلي.

قواعد الرسم

لوحة الإخراج = بكسلات الأساس الطبيعية. تُرسم الطبقة بمرساة أعلى اليسار عند (x, y) بعد التحجيم.

  • عرض × ارتفاع اللوحة = أبعاد الأساس؛ يُرسم الأساس عند (0, 0).
  • حجم الطبقة = العرض × الارتفاع الطبيعي × (الحجم% ÷ 100); الموضع ببكسل الأساس، مرساة أعلى اليسار.
  • globalAlpha = الشفافية ÷ 100؛ globalCompositeOperation = المزج المختار؛ يُعاد الضبط بعد الطبقة.
  • JPEG: يملأ اللون الخلفي أولًا ثم الأساس والطبقة. PNG/WebP يحافظ على alpha حيث وُجد.

مثال

حمّل المثال: أساس متدرج + LOGO شبه شفاف أسفل اليمين 75٪، مزج عادي. ركّب، أبقِ PNG، نزّل. اسحب في المعاينة؛ جرّب Multiply على شعار فاتح.

حالات مناسبة

  • العلامة: شعار على صور منتج أو رؤوس منشورات دون محرر سطح مكتب.
  • شارات الزاوية: ملصق «جديد» بشفافية وشبكة تسعة مواضع.
  • نسيج: طبقة رمادية مع Multiply أو Screen لتلوين أو تليين الخلفية.

Frequently asked questions

هل تُرفع صوري؟

لا. الفك والتركيب والتصدير في المتصفح. تبويب الشبكة: لا POST.

ما الفرق عن دمج الصور؟

الدمج يرتّب عدة صور أفقيًا أو عموديًا أو شبكة. التراكب يبقي أساسًا واحدًا ويرسم طبقة بشفافية وموضع ومزج.

ماذا تفعل أوضاع المزج؟

قواعد Canvas: العادي يتراكب؛ Multiply يُظلم؛ Screen يُضيء؛ Overlay يزيد التباين؛ Darken/Lighten يختار min/max.

لماذا لون خلفية JPEG؟

JPEG بلا شفافية. قبل التصدير تُملأ اللوحة لئلا تصبح مناطق PNG سوداء.

علامة مائية نصية هنا؟

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

Related tools

  • دمج الصور — اجمع صورًا في كولاج واحد
  • علامة مائية نصية — في المتصفح
  • قص الصورة وتغيير الحجم — محليًا

مشاركة هذه الأداة

شارك عبر الشبكات الاجتماعية، أو انسخ الرابط، أو استخدم مشاركة الجهاز.

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/ar/tools/image-overlay

استفسارات أو ملاحظات

هل هناك غموض أو خلل أو نقص؟ اكتب رسالة أدناه — نقرأ كل ملاحظة عن هذه الأدوات.

البريد: dailyonetools@outlook.com

References

  • MDN — globalCompositeOperation
  • MDN — globalAlpha
  • MDN — CanvasRenderingContext2D.drawImage()
OnlineFreeTools.org · مشروع تعليمي · قيد التحديث
حول·سجلات التطوير·الخصوصية·الشروط·اتصل