{# canonical_base is the OWNING tenant's origin: all 16 Peasy domains serve the same catalogue, so a page rendered by a non-owner points its canonical at the owner instead of competing with it. Falls back to this site for static/self-owned pages. #}

✓ 🍋

peasy / pdf

เครื่องมือทั้งหมด คู่มือ 51 อภิธานศัพท์ 32 รูปแบบไฟล์ 131 กรณีการใช้งาน 302 API

Data URI

Data URI Scheme

Data URI คือรูปแบบที่ช่วยให้ฝังข้อมูลไฟล์ขนาดเล็กลงใน HTML, CSS หรือ JavaScript โดยตรง แทนที่จะอ้างอิงไปยังไฟล์ภายนอก ข้อมูลจะถูกเข้ารหัส Base64 และรวมอยู่ใน URL เดียวพร้อมกับ MIME type

รายละเอียดทางเทคนิค

รูปแบบ: data:[][;base64], ตัวอย่าง: data:image/png;base64,iVBOR... ข้อจำกัด: ไม่สามารถแคชแยกจากเอกสารได้, เพิ่มขนาดเอกสาร ~33% (จาก Base64 encoding) แนะนำสำหรับไฟล์ขนาดเล็ก (< 2-5 KB) เช่น ไอคอน SVG หรือรูปเล็ก ไม่แนะนำสำหรับไฟล์ขนาดใหญ่เนื่องจากปัญหาประสิทธิภาพ

ตัวอย่าง

```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);
```

รูปแบบที่เกี่ยวข้อง

.css .html

เครื่องมือที่เกี่ยวข้อง

H Hash Generator S SERP Preview O OG Tag Debugger H Heading Analyzer P Password Generator K Keyword Density Analyzer R Readability Score U Unix Timestamp Converter X XML Sitemap Generator S Schema.org Generator C Cron Expression Generator L Link Extractor 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

คำศัพท์ที่เกี่ยวข้อง

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