@jjlmoya/utils-converters 1.7.0 → 1.9.0

package/src/tool/imagenBase64/i18n/sv.ts

@@ -0,0 +1,168 @@
+import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImageToBase64UI } from '../index';
+
+const slug = 'bild-till-base64-konverterare';
+const title = 'Bild till Base64 konverterare Online';
+const description =
+  'Konvertera valfri bild till Base64-kod och Data URI direkt i din webbläsare. Inga filuppladdningar. Gratis, privat och omedelbart.';
+
+const ui: ImageToBase64UI = {
+  dragTitle: 'Dra din bild hit',
+  dragSubtext: 'eller klicka för att bläddra bland dina filer',
+  formatBadge: 'Stöder JPG, PNG, WEBP, SVG, GIF',
+  dataUriLabel: 'Data URI (Klar för CSS / HTML src="")',
+  base64Label: 'Endast Base64 (Ren kodad text)',
+  copyBtn: 'Kopiera',
+  dataUriPlaceholder: 'Ladda upp en bild för att se Data URI-koden...',
+  base64Placeholder: 'Ladda upp en bild för att se den rena Base64-koden...',
+  toastMessage: 'Koden kopierad till urklipp!',
+  invalidImageAlert: 'Vänligen ladda upp en giltig bildfil.',
+  bibliographyTitle: 'Bibliografiska Referenser',
+  faqTitle: 'Vanliga Frågor',
+};
+
+const faq: ImagenBase64LocaleContent['faq'] = [
+  {
+    question: 'Vad är Base64 och vad används det till i webbutveckling?',
+    answer:
+      'Base64 är ett kodningssystem som konverterar binära data till en ASCII-textsträng. Inom webbutveckling används det för att bädda in bilder direkt i HTML- eller CSS-filer via Data URI:er, vilket minskar antalet HTTP-anrop till servern.',
+  },
+  {
+    question: 'Är det säkert att konvertera mina bilder till Base64 här?',
+    answer:
+      'Absolut säkert och privat. Vårt verktyg fungerar 100% lokalt i din webbläsare. Dina bilder laddas aldrig upp till eller behandlas på någon extern server.',
+  },
+  {
+    question: 'Vilka bildformat stöder Base64-konverteraren?',
+    answer:
+      'Verktyget är kompatibelt med JPG, PNG, GIF, WebP och till och med SVG-vektorfiler. När bilden laddas detekteras automatiskt dess MIME-typ för att generera den exakta Data URI-koden.',
+  },
+  {
+    question: 'När ska jag INTE använda Base64-bilder?',
+    answer:
+      'Du bör undvika att använda Base64-bilder för stora fotografier eller högupplösta bilder. Base64-kod tar upp cirka 33% mer plats än den ursprungliga binära filen, vilket kan blåsa upp dina CSS-stilmallar eller HTML-dokument överdrivet mycket.',
+  },
+];
+
+const howTo: ImagenBase64LocaleContent['howTo'] = [
+  {
+    name: 'Dra eller välj din bild',
+    text: 'Flytta valfri bild (JPG, PNG, WebP, SVG, GIF) till uppladdningsområdet för att starta konverteringen.',
+  },
+  {
+    name: 'Kopiera den genererade koden',
+    text: 'Du kommer att se två textfält: den kompletta Data URI-koden (klar att använda i src="" eller CSS) och den rena Base64-koden för andra ändamål.',
+  },
+  {
+    name: 'Använd koden i ditt projekt',
+    text: 'Klistra in Data URI direkt i src för en img-tagg eller i din CSS som background-image utan att behöva externa filer.',
+  },
+];
+
+const bibliography: ImagenBase64LocaleContent['bibliography'] = [
+  {
+    name: 'MDN Web Docs: Data URIs',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
+  },
+  {
+    name: 'Base64 Encoding RFC 4648',
+    url: 'https://datatracker.ietf.org/doc/html/rfc4648',
+  },
+];
+
+const seo: ImagenBase64LocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Bild till Base64-konverterare: Bädda in bilder utan HTTP-anrop',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64 är en kodningsteknik som transformerar binära data — som en bild — till en ren ASCII-textsträng. Resultatet är en Data URI: en självständig URL som börjar med <code>data:image/png;base64,...</code> och innehåller hela den kodade bilden. Genom att bädda in denna kod direkt i din HTML, CSS eller JSON, laddas bilden utan något extra HTTP-anrop till servern — noll nätverkslatens, omedelbar laddning.',
+  },
+  {
+    type: 'title',
+    text: 'När man ska använda Base64-bilder',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Huvudargumentet för Base64 är elimineringen av nätverksanrop. Varje bild på en webbsida innebär ett HTTP-anrop med dess overhead för anslutning, DNS, TLS-handskakning och latens. För mycket små kritiska bilder — applikationens huvudlogotyp, favicon, en UI-ikon — eliminerar inbäddning i Base64 i CSS eller HTML den kostnaden och garanterar att de visas omedelbart även innan webbläsaren har hunnit cacha något.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Denna teknik är särskilt kraftfull i SPA-appar (Single Page Application) där JavaScript- och CSS-paketet genereras vid byggtiden: att bädda in små bilder i paketet garanterar att de laddas tillsammans med koden utan extra anrop. Det är också oumbärligt för HTML-e-postmeddelanden, där e-postklienter blockerar externa bilder men nästan alltid visar inbäddade Data URI:er.',
+  },
+  {
+    type: 'title',
+    text: 'Användningsområden för Base64-bilder',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML inline: <code>&lt;img src="data:image/png;base64,..."&gt;</code> för kritiska ikoner.',
+      'CSS background: <code>background-image: url("data:image/svg+xml;base64,...")</code> för UI-SVG:er.',
+      'JSON och REST API:er: skicka bilder som textdata i JSON-objekt.',
+      'HTML-e-postmeddelanden: inbäddade bilder som visas även när klienten blockerar externa URL:er.',
+      'SVG-inbäddning: bädda in rasterbilder inuti SVG-filer som inline-data.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Hur konverteringen fungerar i webbläsaren',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'När du väljer eller drar en bild på plats, läser webbläsarens <code>FileReader</code>-API den direkt från disken som binära data i RAM-minnet. Metoden <code>readAsDataURL()</code> konverterar de binära byten till deras Base64-representation med RFC 4648-algoritmen — var 3:e byte av originaldata representeras som 4 ASCII-tecken från Base64-alfabetet. Resultatet inkluderar den automatiskt detekterade korrekta MIME-typen.',
+  },
+  {
+    type: 'tip',
+    title: 'Använd det endast för små bilder (under 10 KB)',
+    html: 'Base64 ökar filstorleken med cirka 33%: en bild på 10 KB blir ~13,3 KB text. För små ikoner och logotyper är denna kostnad minimal och elimineringen av HTTP-anropet kompenserar för det. För fotografier eller stora bilder är storleksökningen betydande — använd alltid ett CDN för stora bilder.',
+  },
+  {
+    type: 'title',
+    text: 'När man INTE ska använda Base64',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: 'Undvik Base64 för stora bilder — använd ett CDN istället',
+    html: 'Om du har bilder som är större än 10-20 KB, skadar Base64 prestandan: det blåser upp HTML/CSS-storleken, förhindrar att webbläsaren kan cacha bilden oberoende och blockerar renderingen medan tolken bearbetar den gigantiska strängen. För stora bilder, leverera alltid från ett CDN med lämpliga cache-headers.',
+  },
+  {
+    type: 'title',
+    text: 'Kompatibilitet och integritet',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Data URI:er är kompatibla med 100% av moderna webbläsare och de flesta e-postklienter. Vårt verktyg bearbetar allt lokalt via FileReader-API:et — dina bilder lämnar aldrig din enhet. Detta gör det lämpligt för företagsbilder, privata skärmdumpar eller annat konfidentiellt visuellt innehåll som du behöver konvertera till Base64.',
+  },
+  {
+    type: 'title',
+    text: 'Slutsats: Det snabbaste och mest privata inbäddningsverktyget',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Att konvertera bilder till Base64 är en nischad men mycket kraftfull teknik när den tillämpas korrekt. Använd den för små, kritiska bilder där noll HTTP-anrop gör skillnad, och undvik den för stora bilder där ett CDN alltid vinner. Med vårt verktyg får du Data URI på ett ögonblick, utan att ladda upp något till någon server.',
+  },
+];
+
+
+export const content: ImagenBase64LocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'sv', faq, howTo }),
+};

package/src/tool/imagenBase64/i18n/tr.ts

@@ -0,0 +1,168 @@
+import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImageToBase64UI } from '../index';
+
+const slug = 'goruntuden-base64-e-donusturucu';
+const title = 'Görüntüden Base64\'e Online Dönüştürücü';
+const description =
+  'Herhangi bir görüntüyü doğrudan tarayıcınızda Base64 koduna ve Data URI\'ye dönüştürün. Dosya yüklemesi yok. Ücretsiz, özel ve anında.';
+
+const ui: ImageToBase64UI = {
+  dragTitle: 'Görüntünüzü buraya sürükleyin',
+  dragSubtext: 'veya dosyalarınıza göz atmak için tıklayın',
+  formatBadge: 'JPG, PNG, WEBP, SVG, GIF destekler',
+  dataUriLabel: 'Data URI (CSS / HTML src="" için hazır)',
+  base64Label: 'Yalnızca Base64 (Düz kodlanmış metin)',
+  copyBtn: 'Kopyala',
+  dataUriPlaceholder: 'Data URI kodunu görmek için bir görüntü yükleyin...',
+  base64Placeholder: 'Saf Base64 kodunu görmek için bir görüntü yükleyin...',
+  toastMessage: 'Kod panoya kopyalandı!',
+  invalidImageAlert: 'Lütfen geçerli bir görüntü dosyası yükleyin.',
+  bibliographyTitle: 'Bibliyografik Referanslar',
+  faqTitle: 'Sıkça Sorulan Sorular',
+};
+
+const faq: ImagenBase64LocaleContent['faq'] = [
+  {
+    question: 'Base64 nedir ve web geliştirmede ne için kullanılır?',
+    answer:
+      'Base64, ikili verileri bir ASCII metin dizisine dönüştüren bir kodlama sistemidir. Web geliştirmede, görüntüleri Data URI\'ler aracılığıyla doğrudan HTML veya CSS dosyalarına gömerek sunucuya yapılan HTTP isteklerinin sayısını azaltmak için kullanılır.',
+  },
+  {
+    question: 'Görüntülerimi burada Base64\'e dönüştürmek güvenli mi?',
+    answer:
+      'Kesinlikle güvenli ve özel. Aracımız tarayıcınızda %100 yerel olarak çalışır. Görüntüleriniz asla harici bir sunucuya yüklenmez veya işlenmez.',
+  },
+  {
+    question: 'Base64 dönüştürücü hangi görüntü formatlarını destekler?',
+    answer:
+      'Araç JPG, PNG, GIF, WebP ve hatta SVG vektör dosyalarıyla uyumludur. Görüntü yüklendiğinde, tam Data URI kodunu oluşturmak için MIME türünü otomatik olarak algılar.',
+  },
+  {
+    question: 'Base64 görüntüleri ne zaman kullanmamalıyım?',
+    answer:
+      'Büyük fotoğraflar veya yüksek çözünürlüklü görüntüler için Base64 görüntüleri kullanmaktan kaçınmalısınız. Base64 kodu, orijinal ikili dosyadan yaklaşık %33 daha fazla yer kaplar ve bu da CSS stil sayfalarınızı veya HTML belgelerinizi aşırı derecede şişirebilir.',
+  },
+];
+
+const howTo: ImagenBase64LocaleContent['howTo'] = [
+  {
+    name: 'Görüntünüzü Sürükleyin veya Seçin',
+    text: 'Dönüştürmeyi başlatmak için herhangi bir görüntüyü (JPG, PNG, WebP, SVG, GIF) yükleme alanına taşıyın.',
+  },
+  {
+    name: 'Oluşturulan Kodu Kopyalayın',
+    text: 'İki metin alanı göreceksiniz: tam Data URI (src="" veya CSS\'de kullanıma hazır) ve diğer kullanımlar için saf Base64.',
+  },
+  {
+    name: 'Kodu Projenizde Kullanın',
+    text: 'Data URI\'yi, harici dosyalara ihtiyaç duymadan bir img etiketinin src\'sine veya CSS\'nize background-image olarak doğrudan yapıştırın.',
+  },
+];
+
+const bibliography: ImagenBase64LocaleContent['bibliography'] = [
+  {
+    name: 'MDN Web Docs: Data URIs',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
+  },
+  {
+    name: 'Base64 Encoding RFC 4648',
+    url: 'https://datatracker.ietf.org/doc/html/rfc4648',
+  },
+];
+
+const seo: ImagenBase64LocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Görüntüden Base64\'e Dönüştürücü: HTTP İstekleri Olmadan Görüntüleri Gömün',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64, bir görüntü gibi ikili verileri saf bir ASCII metin dizisine dönüştüren bir kodlama tekniğidir. Sonuç bir Data URI\'dir: <code>data:image/png;base64,...</code> ile başlayan ve kodlanmış görüntünün tamamını içeren bağımsız bir URL. Bu kodu doğrudan HTML, CSS veya JSON\'unuza gömerek, görüntü sunucuya ek bir HTTP isteği olmadan yüklenir; sıfır ağ gecikmesi, anında yükleme.',
+  },
+  {
+    type: 'title',
+    text: 'Base64 görüntüleri ne zaman kullanılır',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64 lehine en büyük argüman, ağ isteklerinin ortadan kaldırılmasıdır. Bir web sayfasındaki her görüntü, bağlantı, DNS, TLS anlaşması ve gecikme yüküyle birlikte bir HTTP isteği anlamına gelir. Çok küçük kritik görüntüler (ana uygulama logosu, favicon, bir kullanıcı arayüzü simgesi) için bunları CSS veya HTML\'de Base64 olarak gömmek bu maliyeti ortadan kaldırır ve tarayıcı henüz hiçbir şeyi önbelleğe almadan önce anında görüntülenmelerini garanti eder.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Bu teknik, JavaScript ve CSS paketinin derleme zamanında oluşturulduğu SPA (Tek Sayfalı Uygulama) uygulamalarında özellikle güçlüdür: küçük görüntüleri pakete gömmek, ek istekler olmadan kodla birlikte yüklenmelerini garanti eder. Ayrıca, posta istemcilerinin harici görüntüleri engellediği ancak gömülü Data URI\'leri neredeyse her zaman görüntülediği HTML e-postaları için de vazgeçilmezdir.',
+  },
+  {
+    type: 'title',
+    text: 'Base64 görüntüleri için kullanım durumları',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML satır içi: Kritik simgeler için <code>&lt;img src="data:image/png;base64,..."&gt;</code>.',
+      'CSS arka planı: Kullanıcı arayüzü SVG\'leri için <code>background-image: url("data:image/svg+xml;base64,...")</code>.',
+      'JSON ve REST API\'ler: Görüntüleri JSON yüklerinde metin verisi olarak gönderin.',
+      'HTML e-postaları: İstemci harici URL\'leri engellediğinde bile görüntülenen gömülü görüntüler.',
+      'SVG gömme: Raster görüntüleri satır içi veri olarak SVG dosyalarının içine gömün.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Dönüşüm tarayıcıda nasıl çalışır',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Bir görüntü seçtiğinizde veya sürüklediğinizde, tarayıcının <code>FileReader</code> API\'si görüntüyü doğrudan diskten RAM\'deki ikili veriler olarak okur. <code>readAsDataURL()</code> yöntemi, bu ikili baytları RFC 4648 algoritmasını kullanarak Base64 gösterimlerine dönüştürür; orijinal verilerin her 3 baytı Base64 alfabesinden 4 ASCII karakteri olarak temsil edilir. Sonuç, otomatik olarak algılanan doğru MIME türünü içerir.',
+  },
+  {
+    type: 'tip',
+    title: 'Yalnızca küçük görüntüler için kullanın (10 KB\'ın altında)',
+    html: 'Base64 dosya boyutunu yaklaşık %33 artırır: 10 KB\'lık bir görüntü ~13,3 KB mtn haline gelir. Küçük simgeler ve logolar için bu maliyet minimumdur ve HTTP isteğinin ortadan kaldırılması bunu telafi eder. Fotoğraflar veya büyük görüntüler için boyut yükü önemlidir; büyük görüntüler için her zaman bir CDN kullanın.',
+  },
+  {
+    type: 'title',
+    text: 'Base64 ne zaman KULLANILMAZ',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: 'Büyük görüntüler için Base64\'ten kaçının — bunun yerine bir CDN kullanın',
+    html: '10-20 KB\'tan daha büyük görüntüleriniz varsa, Base64 performansa zarar verir: HTML/CSS boyutunu şişirir, tarayıcının görüntüyü bağımsız olarak önbelleğe almasını engeller ve ayrıştırıcı devasa dizeyi işlerken oluşturmayı engeller. Büyük görüntüler için her zaman uygun önbellek başlıklarına sahip bir CDN\'den sunun.',
+  },
+  {
+    type: 'title',
+    text: 'Uyumluluk ve gizlilik',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Data URI\'ler, modern tarayıcıların %100\'ü ve çoğu e-posta istemcisiyle uyumludur. Aracımız her şeyi FileReader API aracılığıyla yerel olarak işler; görüntüleriniz asla cihazınızdan ayrılmaz. Bu, kurumsal görüntüler, özel ekran görüntüleri veya Base64\'e dönüştürmeniz gereken herhangi bir gizli görsel içerik için uygun hale getirir.',
+  },
+  {
+    type: 'title',
+    text: 'Sonuç: En hızlı ve en özel gömme aracı',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Görüntüleri Base64\'e dönüştürmek, doğru uygulandığında hedeflenen ancak çok güçlü bir tekniktir. Sıfır HTTP isteğinin fark yarattığı küçük, kritik görüntüler için kullanın ve bir CDN\'nin her zaman kazandığı büyük görüntüler için bundan kaçının. Aracımızla, herhangi bir sunucuya hiçbir şey yüklemeden anında Data URI alırsınız.',
+  },
+];
+
+
+export const content: ImagenBase64LocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'tr', faq, howTo }),
+};

package/src/tool/imagenBase64/i18n/zh.ts

@@ -0,0 +1,168 @@
+import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImageToBase64UI } from '../index';
+
+const slug = 'image-to-base64-converter';
+const title = '图片转 Base64 转换器在线版';
+const description =
+  '直接在浏览器中将任何图片转换为 Base64 代码和 Data URI。无需上传文件。免费、私密且即时。';
+
+const ui: ImageToBase64UI = {
+  dragTitle: '将图片拖到此处',
+  dragSubtext: '或点击浏览文件',
+  formatBadge: '支持 JPG, PNG, WEBP, SVG, GIF',
+  dataUriLabel: 'Data URI (适用于 CSS / HTML src="")',
+  base64Label: '仅 Base64 (纯编码文本)',
+  copyBtn: '复制',
+  dataUriPlaceholder: '上传图片以查看 Data URI 代码...',
+  base64Placeholder: '上传图片以查看纯 Base64 代码...',
+  toastMessage: '代码已复制到剪贴板！',
+  invalidImageAlert: '请上传有效的图片文件。',
+  bibliographyTitle: '参考文献',
+  faqTitle: '常见问题',
+};
+
+const faq: ImagenBase64LocaleContent['faq'] = [
+  {
+    question: '什么是 Base64，它在 Web 开发中有什么用途？',
+    answer:
+      'Base64 是一种将二进制数据转换为 ASCII 文本字符串的编码系统。在 Web 开发中, 它用于通过 Data URI 直接在 HTML 或 CSS 文件中嵌入图片, 从而减少对服务器的 HTTP 请求数量。',
+  },
+  {
+    question: '在这里将我的图片转换为 Base64 安全吗？',
+    answer:
+      '绝对安全且私密。我们的工具在您的浏览器中 100% 本地运行。您的图片绝不会被上传或在任何外部服务器上处理。',
+  },
+  {
+    question: 'Base64 转换器支持哪些图片格式？',
+    answer:
+      '该工具兼容 JPG, PNG, GIF, WebP 甚至 SVG 矢量文件。在加载图片时, 它会自动检测其 MIME 类型以生成准确的 Data URI 代码。',
+  },
+  {
+    question: '什么时候不应该使用 Base64 图片？',
+    answer:
+      '应避免对大型照片或高分辨率图片使用 Base64 图片。Base64 代码占用的空间比原始二进制文件多约 33%, 这可能会导致您的 CSS 样式表或 HTML 文档极度膨胀。',
+  },
+];
+
+const howTo: ImagenBase64LocaleContent['howTo'] = [
+  {
+    name: '拖拽或选择您的图片',
+    text: '将任何图片 (JPG, PNG, WebP, SVG, GIF) 移动到上传区域以开始转换。',
+  },
+  {
+    name: '复制生成的代码',
+    text: '您将看到两个文本区域: 完整的 Data URI (准备用于 src="" 或 CSS) 以及用于其他用途的纯 Base64。',
+  },
+  {
+    name: '在项目中使用代码',
+    text: '直接将 Data URI 粘贴到 img 标签的 src 中或 CSS 的 background-image 中, 无需外部文件。',
+  },
+];
+
+const bibliography: ImagenBase64LocaleContent['bibliography'] = [
+  {
+    name: 'MDN Web Docs: Data URIs',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
+  },
+  {
+    name: 'Base64 Encoding RFC 4648',
+    url: 'https://datatracker.ietf.org/doc/html/rfc4648',
+  },
+];
+
+const seo: ImagenBase64LocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: '图片转 Base64 转换器: 无需 HTTP 请求即可嵌入图片',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64 是一种编码技术, 它将二进制数据 (如图片) 转换为纯 ASCII 文本字符串。结果是一个 Data URI: 一个以 <code>data:image/png;base64,...</code> 开头的自包含 URL, 包含整个编码后的图片。通过将此代码直接嵌入 HTML、CSS 或 JSON, 图片无需任何额外的服务器 HTTP 请求即可加载——零网络延迟, 即时加载。',
+  },
+  {
+    type: 'title',
+    text: '何时使用 Base64 图片',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '支持 Base64 的主要理由是消除网络请求。网页上的每张图片都意味着一次 HTTP 请求, 带有连接、DNS、TLS 握手和延迟的开销。对于非常小的关键图片——主应用程序图标、favicon、UI 图标——在 CSS 或 HTML 中以 Base64 嵌入可以消除该成本, 并保证它们即使在浏览器缓存任何内容之前也能立即显示。',
+  },
+  {
+    type: 'paragraph',
+    html: '这种技术在 SPA (单页面应用程序) 中尤其强大, 其中 JavaScript 和 CSS 包在构建时生成: 在包中嵌入小图片可保证它们与代码一起加载, 无需额外请求。它对于 HTML 电子邮件也必不可少, 邮邮件客户端会拦截外部图片, 但几乎总是显示嵌入的 Data URI。',
+  },
+  {
+    type: 'title',
+    text: 'Base64 图片的使用案例',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML 内联: 关键图标使用 <code>&lt;img src="data:image/png;base64,..."&gt;</code>。',
+      'CSS 背景: UI SVG 使用 <code>background-image: url("data:image/svg+xml;base64,...")</code>。',
+      'JSON 和 REST API: 在 JSON 负载中将图片作为文本数据发送。',
+      'HTML 电子邮件: 即使客户端拦截外部 URL 也会显示的嵌入式图片。',
+      'SVG 嵌入: 在 SVG 文件中将位图嵌入为内联数据。',
+    ],
+  },
+  {
+    type: 'title',
+    text: '转换在浏览器中如何工作',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '当您选择或拖动图片时, 浏览器的 <code>FileReader</code> API 直接从磁盘读取图片作为 RAM 中的二进制数据。 <code>readAsDataURL()</code> 方法使用 RFC 4648 算法将这些二进制字节转换为其 Base64 表示形式——原始数据的每 3 个字节表示为 Base64 字母表中的 4 个 ASCII 字符。结果包含自动检测到的正确 MIME 类型。',
+  },
+  {
+    type: 'tip',
+    title: '仅对小图片使用 (10 KB 以下)',
+    html: 'Base64 会使文件大小增加约 33%: 10 KB 的图片变成约 13.3 KB 的文本。对于小图标和徽标, 此成本很小, 而消除 HTTP 请求可以弥补这一点。对于照片或大图片, 大小开销非常大——对于大图片, 请务必使用 CDN。',
+  },
+  {
+    type: 'title',
+    text: '何时不使用 Base64',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: '大图片请避免使用 Base64——请改用 CDN',
+    html: '如果图片大于 10-20 KB, Base64 会损害性能: 它会使 HTML/CSS 大小膨胀, 阻止浏览器独立缓存图片, 并在解析器处理巨型字符串时阻塞渲染。对于大图片, 请务必使用带有适当缓存头的 CDN 服务。',
+  },
+  {
+    type: 'title',
+    text: '兼容性和私密性',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Data URI 兼容 100% 的现代浏览器和大多数电子邮件客户端。我们的工具通过 FileReader API 在本地处理所有内容——您的图片绝不会离开您的设备。这使其适用于公司内部图片、私人截图或您需要转换为 Base64 的任何机密视觉内容。',
+  },
+  {
+    type: 'title',
+    text: '结论: 最快且最私密的嵌入工具',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '正确应用时, 将图片转换为 Base64 是一项有针对性但非常强大的技术。对于零 HTTP 请求能带来改变的小型、关键图片使用它, 对于 CDN 总是胜出的大型图片则应避免使用。使用我们的工具, 您可以立即获得 Data URI, 而无需上传任何内容至服务器。',
+  },
+];
+
+
+export const content: ImagenBase64LocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'zh', faq, howTo }),
+};

package/src/tool/imagenBase64/index.ts

@@ -30,6 +30,18 @@ export const imagenBase64: ConvertersToolEntry<ImageToBase64UI> = {
     es: () => import('./i18n/es').then((m) => m.content),
     en: () => import('./i18n/en').then((m) => m.content),
     fr: () => import('./i18n/fr').then((m) => m.content),
+    de: () => import('./i18n/de').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
   },
 };