Choose PNG for broad compatibility and transparency; keep SVG when you need flexible scaling in supported software.اختر PNG للتوافق والشفافية، واحتفظ بـ SVG عندما تحتاج إلى تكبير مرن في البرامج الداعمة.
Choose PNG for everyday useاختر PNG للاستخدام اليومي
PNG is a raster image format that supports transparency and works in most image, video, and presentation apps. Use it for posts, thumbnails, and files you want to share directly.PNG صورة نقطية تدعم الشفافية وتعمل في معظم تطبيقات الصور والفيديو والعروض. اخترها للمنشورات والصور المصغرة والملفات التي تريد إرسالها مباشرة.
Choose SVG when you need to scaleاختر SVG عندما تحتاج إلى التكبير
SVG keeps text and elements as vectors, so it can be enlarged in a browser without losing sharpness. The selected font is embedded to keep the result as close to the preview as possible.SVG يحتفظ بالنص والعناصر كرسوم متجهة، لذلك يمكن تكبيره في المتصفح من دون فقدان الحدة. يضمّن الموقع ملف الخط المحدد حتى يبقى الشكل أقرب إلى المعاينة.
- Use a transparent PNG when placing text over an image or video.استخدم PNG بخلفية شفافة عند وضع النص فوق صورة أو فيديو.
- Use SVG for the web or when you need multiple sizes.استخدم SVG للويب أو عندما تحتاج إلى مقاسات متعددة.
- Test SVG in the target app; some design programs handle embedded WOFF2 fonts differently.اختبر SVG في التطبيق المستهدف؛ بعض برامج التصميم لا تدعم خطوط WOFF2 المضمّنة بالطريقة نفسها.
Understand the difference between size and resolutionافهم الفرق بين المقاس والدقة
A PNG has a fixed width and height in pixels. Enlarging it beyond those dimensions makes the edges look less sharp, so downloading a 2× or 3× version is useful when you need more room.ملف PNG يملك عرضاً وارتفاعاً ثابتين بالبكسل. إذا كبّرته إلى أكثر من مقاسه الأصلي تبدأ الحواف في الظهور بشكل أقل حدة، لذلك من المفيد تنزيل نسخة 2× أو 3× عند الحاجة.
SVG keeps vector paths and text inside a scalable drawing space. Its appearance can still depend on how well the destination software supports embedded fonts and the SVG features being used.يحافظ SVG على المسارات والنص المتجهي داخل مساحة رسم قابلة للتكبير. لكن جودة عرضه تعتمد أيضاً على دعم البرنامج للخطوط المضمّنة وخصائص SVG المستخدمة.
Match the format to the destinationطابق الصيغة مع وجهة الملف
Social platforms and image or video apps generally prefer PNG, while SVG suits websites, supported design software, and workflows that need multiple sizes.تفضّل منصات التواصل وتطبيقات الفيديو والصور عادة PNG، بينما يناسب SVG صفحات الويب وبعض برامج التصميم ومسارات العمل التي تتطلب أحجاماً متعددة.
- Post or Story: use PNG at the final canvas size.منشور أو Story: استخدم PNG بالمقاس النهائي.
- Text layer over video: use a transparent PNG at 2× or 3×.طبقة نص فوق فيديو: استخدم PNG شفافاً بدقة 2× أو 3×.
- Scalable web asset: keep an SVG and test it in the target browser.أصل قابل للتكبير للويب: احتفظ بنسخة SVG واختبرها في المتصفح المستهدف.
- Quick client handoff: send PNG for review and include SVG when needed.إرسال سريع إلى عميل: أرسل PNG للمعاينة وSVG كملف إضافي عند الحاجة.
Keep both versions when in doubtاحتفظ بنسختين عند الشك
For an important design, download both a high-resolution PNG and an SVG. PNG offers broad compatibility, while SVG offers greater flexibility in modern browsers.إذا كان التصميم مهماً، نزّل PNG عالي الدقة وSVG معاً. تمنحك الأولى توافقاً واسعاً وتمنحك الثانية مرونة أكبر داخل المتصفحات الحديثة.
Name the files clearly and keep the size or multiplier in the filename. This prevents guesswork when you return to the project later.سمّ الملفات بوضوح واحتفظ بالمقاس أو المضاعف في الاسم. بهذه الطريقة لن تضطر إلى تخمين أي نسخة مناسبة عندما تعود إلى المشروع لاحقاً.
