Use a transparent background, leave room for diacritics and effects, then export at the pixel size your final project needs.استخدم خلفية شفافة واترك مساحة للحركات والتأثيرات، ثم صدّر بالحجم المناسب لمشروعك النهائي.
Choose transparency before exportingاختر الشفافية قبل التصدير
Select “Transparent background” in the editor. The checkerboard appears only in the preview to identify transparent areas and will not appear in the exported file.حدد «خلفية شفافة» في المحرّر. يظهر نمط المربعات داخل المعاينة فقط لتوضيح المناطق الشفافة ولن يظهر في الملف النهائي.
Protect diacritics and shadows from clippingاحمِ الحركات والظل من القص
Leave enough padding around the text, especially when using diacritics or a tall typeface. Stronger shadow blur and offset require more space.أضف هامشاً داخلياً كافياً حول النص، خصوصاً عند استعمال الحركات أو خط ذي ارتفاع كبير. كلما زاد تمويه الظل أو إزاحته، احتجت إلى مساحة أكبر.
- Use 2× resolution for posts and presentations.استخدم دقة 2× للمنشورات والعروض.
- Use 3× for video or when the image will be reduced later.استخدم 3× للفيديو أو عندما ستُصغّر الصورة لاحقاً.
- Choose a color that remains clear over the background on which the image will be placed.اختر لوناً يظل واضحاً فوق الخلفية التي ستضع الصورة عليها.
Understand 1×, 2×, and 3× resolutionافهم دقة 1× و2× و3×
The resolution multiplier changes the PNG pixel dimensions, not its aspect ratio. A 1080 × 1080 square becomes 2160 × 2160 at 2× and 3240 × 3240 at 3×.مضاعف الدقة يغيّر عدد البكسلات في ملف PNG ولا يغيّر نسبة العرض إلى الارتفاع. لوحة مربعة 1080 × 1080 تصبح 2160 × 2160 عند اختيار 2×، و3240 × 3240 عند اختيار 3×.
Choose 1× when the file will be used at its original size, 2× as a balanced choice for most screens, and 3× when you will crop it or reduce it inside a video. These options do not affect SVG because it is vector-based.اختر 1× عندما تعرف أن الملف سيُستخدم بالحجم نفسه، و2× كخيار متوازن لمعظم الشاشات، و3× عندما ستقص الصورة أو تصغّرها داخل فيديو. لا تؤثر هذه الخيارات في SVG لأنه متجهي.
Choose color over the real backgroundاختر اللون على الخلفية الحقيقية
Transparent text has no background of its own to protect contrast. Test it over the actual photo or video, especially when that background contains light and dark areas.النص الشفاف لا يملك خلفية تحمي تباينه. اختبره فوق الصورة أو الفيديو الفعلي، خصوصاً إذا كانت الخلفية تحتوي مناطق فاتحة وداكنة في الوقت نفسه.
If contrast cannot be guaranteed, use a restrained outline or controlled shadow instead of a large blurry shadow. The goal is to separate the letters without losing the character of the typeface.إذا تعذّر ضمان التباين، استخدم حدّاً رفيعاً أو ظلاً مضبوطاً بدلاً من ظل كبير ضبابي. الهدف هو فصل الحروف عن الخلفية من دون فقدان شكل الخط.
Check the file where it will be usedتحقق من الملف في مكان استخدامه
Preview the PNG over its actual background before publishing. Some apps add a white background when images are sent, so keep the original file on your device.افتح PNG فوق الخلفية الفعلية قبل النشر. بعض التطبيقات تضيف خلفية بيضاء عند إرسال الصور، لذلك احتفظ بالنسخة الأصلية على جهازك.
If a messaging app displays white behind the design, import the downloaded file directly into your design or video app instead of copying it from a preview. The original browser download keeps its transparency.إذا ظهرت خلفية بيضاء داخل تطبيق مراسلة، جرّب إدراج الملف مباشرة في تطبيق التصميم أو الفيديو بدلاً من نسخه من المعاينة. الملف الأصلي الذي ينزّله المتصفح يحتفظ بالشفافية.
