SVG (Scalable Vector Graphics)
SVG est un format d'image vectorielle base sur XML qui s'adapte a toute resolution sans perte de qualite. Il est ideal pour les logos, les icones, les illustrations et les graphiques interactifs sur le web. Les fichiers SVG peuvent etre styles avec CSS, animes avec JavaScript, et sont entierement indexables et accessibles.
Type MIME
image/svg+xml
Type
Texte
Compression
Sans perte
Avantages
- + 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)
Inconvénients
- − Not suitable for photographs or complex raster images
- − Complex SVGs can be large and slow to render
- − Security concerns when accepting user-uploaded SVGs
Quand utiliser .SVG
Utilisez SVG pour les logos, les icones, les illustrations, les graphiques et tout visuel devant s'adapter parfaitement a toute resolution ou etre style avec CSS.
Détails techniques
SVG stocke les images sous forme de texte XML decrivant des formes geometriques, des chemins et du texte. Il prend en charge les filtres, les degrades, les chemins de decoupe, les masques et les images matricielles integrees.
Historique
SVG a ete developpe par le W3C et publie pour la premiere fois en tant que recommandation en 2001. SVG 1.1 est devenu le standard largement adopte en 2003, et SVG 2 est actuellement en cours de developpement.
Convertir depuis .SVG
Convertir en .SVG
Formats associés
Termes associés
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, …