SVG (رسومات متجهية قابلة للتحجيم)
SVG هو تنسيق صور متجهية قائم على XML يتدرج إلى أي دقة دون فقدان الجودة. مثالي للشعارات والأيقونات والرسوم التوضيحية والرسومات التفاعلية على الويب. يمكن تنسيق ملفات SVG باستخدام CSS وتحريكها بـ JavaScript وهي قابلة للبحث والوصول بالكامل.
نوع MIME
image/svg+xml
النوع
نص
الضغط
بدون فقدان
المزايا
- + Infinite scalability without quality loss
- + Tiny file sizes for simple graphics
- + Styleable with CSS and scriptable with JS
- + Accessible and SEO-friendly (text is selectable)
العيوب
- − Not suitable for photographs or complex raster images
- − Complex SVGs can be large and slow to render
- − Security concerns when accepting user-uploaded SVGs
متى تستخدم .SVG
استخدم SVG للشعارات والأيقونات والرسوم التوضيحية والمخططات وأي رسم يحتاج إلى التحجيم المثالي بأي دقة أو تنسيقه باستخدام CSS.
التفاصيل التقنية
يخزن SVG الصور كنص XML يصف الأشكال الهندسية والمسارات والنصوص. يدعم المرشحات والتدرجات ومسارات القطع والأقنعة والصور النقطية المدمجة.
التاريخ
تم تطوير SVG بواسطة W3C وصدر لأول مرة كتوصية في عام 2001. أصبح SVG 1.1 المعيار المعتمد على نطاق واسع في عام 2003، بينما SVG 2 قيد التطوير حاليًا.
التحويل من .SVG
التحويل إلى .SVG
صيغ ذات صلة
مصطلحات ذات صلة
Learn More
Color Theory for Digital Design: A Practical Guide
Understanding color theory helps you create visually harmonious designs that communicate effectively. This guide covers color models, harmony rules, accessibility …
CSS Units Explained: px, em, rem, vh, and When to Use Each
CSS offers over a dozen length units, each suited to different situations. Understanding the differences between absolute and relative units …
Image Format Guide: JPEG vs PNG vs WebP vs AVIF
Choosing the right image format affects file size, quality, and browser compatibility. This comparison covers the strengths of JPEG, PNG, …
QR Code Generation: Best Practices for Print and Digital
QR codes bridge physical and digital experiences, but poorly generated codes fail to scan. This guide covers sizing, error correction, …
Flexbox vs CSS Grid: A Practical Comparison
Flexbox and CSS Grid are complementary layout systems, not competitors. This guide clarifies when to reach for each one and …
How to Convert Images Between Formats
A practical guide to converting between image formats like JPEG, PNG, WebP, SVG, and HEIC. Learn which conversions are lossless, …