خلفية متدرجة للصور

تُظهر الصور ذات المناطق الشفافة، مثل PNG أو WebP لصور المنتجات أو الشعارات أو الأشخاص المقصوصة، التدرج خلف العنصر. أما الصورة غير الشفافة فتغطي التدرج، فلا يظهر إلا في المساحة المحيطة بها.

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

تتبع الزاوية اصطلاح CSS: يمتد الاتجاه 0 درجة من الأسفل إلى الأعلى، و90 من اليسار إلى اليمين، و180 من الأعلى إلى الأسفل، أما القيمة الافتراضية 135 فتمتد من أعلى اليسار إلى أسفل اليمين. لا تؤثر الزاوية في التدرجات الشعاعية.

تضيف المساحة حول الصورة تدرجًا بعرض من 0 إلى 1000 بكسل على كل جانب، لذا يكون حجم الناتج هو حجم الصورة مضافًا إليه ضعف هذه المساحة. وتمنح الصور المقصوصة مساحة للتنفس، كخلفية الاستوديو.

أدخل ألوانًا بصيغة hex مثل #6366f1 و#ec4899، بثلاثة أو أربعة أو ستة أو ثمانية أرقام. يحدد الرقمان الأخيران في اللون ذي الثمانية أرقام مستوى العتامة. وتُلاشي كلمة transparent التدرج حتى يختفي.

نعم، إذا ضُبطت المساحة حول الصورة على 0. وإلا فسيزداد الحجم بمقدارها، وإذا تجاوز الحجم الإجمالي 4000 بكسل لكل جانب، فسيُصغّر حجم الصورة ليبقى الناتج ضمن 4000 بكسل.

يمكنك رفع صور JPEG وPNG وGIF وWebP وTIFF وAVIF بحجم يصل إلى 5 MB. تكون النتيجة بتنسيق PNG افتراضيًا، أو JPEG أو WebP بجودة 90.

نعم. يُرسم التدرج كعنصر متجهي بالحجم الدقيق للناتج، فلا تظهر فيه درجات لونية أو آثار تحجيم. ويحافظ تنسيق PNG على جودته دون فقدان.

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

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