SVG (Do hoa Vector Co the Mo rong)
SVG la dinh dang hinh anh vector dua tren XML co the phong to den bat ky do phan giai nao ma khong mat chat luong. No ly tuong cho logo, bieu tuong, hinh minh hoa va do hoa tuong tac tren web. Cac tep SVG co the duoc tuy chinh kieu bang CSS, tao hoat hinh bang JavaScript va hoan toan co the tim kiem va truy cap.
Loại MIME
image/svg+xml
Loại
Văn bản
Nén
Không mất dữ liệu
Ưu điểm
- + 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)
Nhược điểm
- − Not suitable for photographs or complex raster images
- − Complex SVGs can be large and slow to render
- − Security concerns when accepting user-uploaded SVGs
Khi nào nên dùng .SVG
Su dung SVG cho logo, bieu tuong, hinh minh hoa, bieu do va bat ky do hoa nao can phong to hoan hao o bat ky do phan giai nao hoac can duoc tuy chinh kieu bang CSS.
Chi tiết kỹ thuật
SVG luu tru hinh anh duoi dang van ban XML mo ta cac hinh hinh hoc, duong dan va van ban. No ho tro bo loc, chuyen mau, duong cat, mat na va hinh anh raster nhung.
Lịch sử
SVG duoc W3C phat trien va phat hanh lan dau tien nhu mot khuyen nghi vao nam 2001. SVG 1.1 tro thanh tieu chuan duoc ap dung rong rai vao nam 2003, voi SVG 2 hien dang trong qua trinh phat trien.
Chuyển đổi từ .SVG
Chuyển đổi sang .SVG
Định dạng liên quan
Thuật ngữ liên quan
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, …