Data URI

Data URI (Sơ đồ Dữ liệu Nội tuyến)

Sơ đồ URL nhúng nội dung tệp trực tiếp trong HTML, CSS hoặc JavaScript sử dụng định dạng data:[mediatype][;base64],data, loại bỏ nhu cầu yêu cầu HTTP riêng để lấy tài nguyên.

Chi tiết kỹ thuật

Data URI tuân theo cú pháp: data:[][;charset=][;base64],. Chúng thường được sử dụng cho ảnh nhỏ (biểu tượng, SVG), nền CSS và tệp phông chữ để giảm số lần khứ hồi HTTP. Tuy nhiên, data URI không thể được trình duyệt lưu bộ nhớ đệm riêng biệt, tăng kích thước tệp HTML/CSS khoảng 33% (chi phí base64) và chịu giới hạn kích thước ở một số trình duyệt (2MB ở IE cũ, thường không giới hạn ở trình duyệt hiện đại). Đối với SVG, biến thể mã hóa URL (data:image/svg+xml,...) hoàn toàn tránh chi phí base64.

Ví dụ

```javascript
// Encode string to Base64
const encoded = btoa('Hello, World!');  // 'SGVsbG8sIFdvcmxkIQ=='

// Decode Base64 to string
const decoded = atob('SGVsbG8sIFdvcmxkIQ==');  // 'Hello, World!'

// File to Base64 Data URI
const reader = new FileReader();
reader.onload = () => console.log(reader.result);
// → 'data:image/png;base64,iVBORw0KGgo...'
reader.readAsDataURL(file);
```

Định dạng liên quan

.css .html

Công cụ liên quan

H Hash Generator S SERP Preview O OG Tag Debugger H Heading Analyzer P Password Generator K Keyword Density Analyzer C Chuyển Đổi Unix Timestamp R Readability Score X XML Sitemap Generator S Schema.org Generator L Link Extractor T Tạo Biểu Thức Cron C Canonical Tag Checker C Chmod Calculator R Robots.txt Analyzer S String Escape / Unescape I IP Subnet Calculator S Structured Data Validator C Color Code Converter W Word Count & SEO Grade C CSV ↔ JSON Converter M Meta Length Checker U URL Slug Generator X XML ↔ JSON Converter K Keyword Density Analyzer S SQL Formatter M Markdown Table Generator H HTTP Status Code Reference M Meta Tags Generator R Robots.txt Generator . .gitignore Generator H HTML Formatter C CSS Unit Converter J JSONPath Evaluator T Text Diff Checker D Data URI Converter L Lorem Ipsum Generator P Path Converter . .htaccess Generator . .env Validator P Placeholder Image Generator

Thuật ngữ liên quan

Base64 CORS CSP CSV Sensitive Data Exposure URI Data Matrix CDN Cache-Control CSR ARIA