@jjlmoya/utils-converters 1.7.0 → 1.8.0

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

@@ -0,0 +1,173 @@
+import type { ImageToBase64UI } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImagenBase64LocaleContent } from '../index';
+
+const slug = 'conversor-de-imagem-para-base64';
+const title = 'Conversor de Imagem para Base64 Online';
+const description =
+  'Converta qualquer imagem para código Base64 e Data URI diretamente no seu navegador. Sem upload de arquivos. Gratuito, privado e instantâneo.';
+
+const ui: ImageToBase64UI = {
+  dragTitle: 'Arraste a sua imagem para aqui',
+  dragSubtext: 'ou clique para procurar os seus arquivos',
+  formatBadge: 'Suporta JPG, PNG, WEBP, SVG, GIF',
+  dataUriLabel: 'Data URI (Pronto para CSS / HTML src="")',
+  base64Label: 'Apenas Base64 (Texto codificado simples)',
+  copyBtn: 'Copiar',
+  dataUriPlaceholder: 'Carregue uma imagem para ver o código Data URI...',
+  base64Placeholder: 'Carregue uma imagem para ver o código Base64 puro...',
+  toastMessage: 'Código copiado para a área de transferência!',
+  invalidImageAlert: 'Por favor, carregue um arquivo de imagem válido.',
+  bibliographyTitle: 'Referências Bibliográficas',
+  faqTitle: 'Perguntas Frequentes',
+};
+
+const faq: ImagenBase64LocaleContent['faq'] = [
+  {
+    question: 'O que é Base64 e para que é utilizado no desenvolvimento web?',
+    answer:
+      'Base64 é um sistema de codificação que converte dados binários numa string de texto ASCII. No desenvolvimento web, é utilizado para incorporar imagens diretamente dentro de arquivos HTML ou CSS através de Data URIs, reduzindo o número de pedidos HTTP ao servidor.',
+  },
+  {
+    question: 'É seguro converter as minhas imagens para Base64 aqui?',
+    answer:
+      'Absolutamente seguro e privado. A nossa ferramenta funciona 100% localmente no seu navegador. As suas imagens nunca são carregadas ou processadas em qualquer servidor externo.',
+  },
+  {
+    question: 'Que formatos de imagem o conversor Base64 suporta?',
+    answer:
+      'A ferramenta é compatível com arquivos JPG, PNG, GIF, WebP e até arquivos vetoriais SVG. Ao carregar a imagem, detetará automaticamente o seu tipo MIME para gerar o código Data URI exato.',
+  },
+  {
+    question: 'Quando é que NÃO devo utilizar imagens Base64?',
+    answer:
+      'Deve evitar utilizar imagens Base64 para fotografias grandes ou imagens de alta resolução. O código Base64 ocupa aproximadamente 33% mais espaço do que o arquivo binário original, o que pode inflar excessivamente as suas folhas de estilo CSS ou documentos HTML.',
+  },
+];
+
+const howTo: ImagenBase64LocaleContent['howTo'] = [
+  {
+    name: 'Arraste ou Selecione a sua Imagem',
+    text: 'Mova qualquer imagem (JPG, PNG, WebP, SVG, GIF) para a área de carregamento para iniciar a conversão.',
+  },
+  {
+    name: 'Copie o Código Gerado',
+    text: 'Verá duas áreas de texto: o Data URI completo (pronto para usar em src="" ou CSS) e o Base64 puro para outros usos.',
+  },
+  {
+    name: 'Utilize o Código no seu Projeto',
+    text: 'Cole o Data URI diretamente no src de uma tag img ou no seu CSS como background-image sem necessidade de arquivos externos.',
+  },
+];
+
+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: 'Conversor de Imagem para Base64: Incorpore Imagens Sem Pedidos HTTP',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64 é uma técnica de codificação que transforma dados binários — como uma imagem — numa string de texto ASCII pura. O resultado é um Data URI: um URL autónomo que começa com <code>data:image/png;base64,...</code> e contém toda a imagem codificada. Ao incorporar este código diretamente no seu HTML, CSS ou JSON, a imagem é carregada sem qualquer pedido HTTP adicional ao servidor — latência de rede zero, carregamento instantâneo.',
+  },
+  {
+    type: 'title',
+    text: 'Quando utilizar imagens Base64',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'O principal argumento a favor do Base64 é a eliminação de pedidos de rede. Cada imagem numa página web significa um pedido HTTP com o seu overhead de ligação, DNS, handshake TLS e latência. Para imagens críticas muito pequenas — o logótipo principal da aplicação, favicon, um ícone de UI — incorporá-las em Base64 no CSS ou no HTML elimina esse custo e garante que sejam exibidas instantaneamente, mesmo antes de o navegador ter colocado algo em cache.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Esta técnica é particularmente poderosa em apps SPA (Single Page Application) onde o bundle JavaScript e CSS é gerado no momento da build: incorporar pequenas imagens no bundle garante que sejam carregadas juntamente com o código sem pedidos adicionais. Também é indispensável para e-mails HTML, onde os clientes de correio bloqueiam imagens externas mas exibem quase sempre Data URIs incorporados.',
+  },
+  {
+    type: 'title',
+    text: 'Casos de uso para imagens Base64',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML inline: <code>&lt;img src="data:image/png;base64,..."&gt;</code> para ícones críticos.',
+      'CSS background: <code>background-image: url("data:image/svg+xml;base64,...")</code> para SVGs de UI.',
+      'APIs JSON e REST: envie imagens como dados de texto em payloads JSON.',
+      'E-mails HTML: imagens incorporadas que são exibidas mesmo quando o cliente bloqueia URLs externos.',
+      'Incorporação em SVG: incorpore imagens raster dentro de arquivos SVG como dados inline.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Como funciona a conversão no navegador',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Quando seleciona ou arrasta uma imagem, a API <code>FileReader</code> do navegador lê-a diretamente do disco como dados binários na RAM. O método <code>readAsDataURL()</code> converte esses bytes binários na sua representação Base64 utilizando o algoritmo RFC 4648 — a cada 3 bytes de dados originais são representados como 4 caracteres ASCII do alfabeto Base64. O resultado inclui o tipo MIME correto detetado automaticamente.',
+  },
+  {
+    type: 'tip',
+    title: 'Utilize apenas para imagens pequenas (abaixo de 10 KB)',
+    html: 'O Base64 aumenta o tamanho do arquivo em aproximadamente 33%: uma imagem de 10 KB torna-se ~13,3 KB de texto. Para ícones e logótipos pequenos, este custo é mínimo e a eliminação do pedido HTTP compensa-o. Para fotografias ou imagens grandes, o excesso de tamanho é significativo — utilize sempre um CDN para imagens grandes.',
+  },
+  {
+    type: 'title',
+    text: 'Quando NÃO utilizar Base64',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: 'Evite Base64 para imagens grandes — utilize um CDN',
+    html: 'Se tiver imagens maiores que 10-20 KB, o Base64 prejudica o desempenho: infla o tamanho do HTML/CSS, impede que o navegador coloque a imagem em cache de forma independente e bloqueia a renderização enquanto o parser processa a string gigante. Para imagens grandes, sirva sempre a partir de un CDN com cabeçalhos de cache apropriados.',
+  },
+  {
+    type: 'title',
+    text: 'Compatibilidade e privacidade',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Os Data URIs são compatíveis com 100% dos navegadores modernos e a maioria dos clientes de e-mail. A nossa ferramenta processa tudo localmente através da API FileReader — as suas imagens nunca saem do seu dispositivo. Isto torna-a adequada para imagens corporativas, capturas de ecrã privadas ou qualquer conteúdo visual confidencial que precise de converter para Base64.',
+  },
+  {
+    type: 'title',
+    text: 'Conclusão: A ferramenta de incorporação mais rápida e privada',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Converter imagens para Base64 é uma técnica específica mas muito poderosa quando aplicada corretamente. Utilize-a para imagens pequenas e críticas onde a ausência de pedidos HTTP faz a diferença, e evite-a para imagens grandes onde um CDN ganha sempre. Com a nossa ferramenta, obtém o Data URI num instante, sem carregar nada para qualquer servidor.',
+  },
+];
+
+export const content: ImagenBase64LocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({
+    title,
+    description,
+    inLanguage: 'pt',
+    faq,
+    howTo,
+  }),
+};

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

@@ -0,0 +1,168 @@
+import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImageToBase64UI } from '../index';
+
+const slug = 'konverter-izobrazheniya-v-base64';
+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 и для чего он используется в веб-разработке?',
+    answer:
+      'Base64 — это система кодирования, которая преобразует бинарные данные в текстовую строку ASCII. В веб-разработке она используется для вставки изображений непосредственно в файлы HTML или CSS через Data URI, что сокращает количество 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 непосредственно в src тега img или в 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 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: самодостаточный URL, который начинается с <code>data:image/png;base64,...</code> и содержит все закодированное изображение. Вставляя этот код непосредственно в HTML, CSS или JSON, изображение загружается без дополнительных HTTP-запросов к серверу — нулевая сетевая задержка, мгновенная загрузка.',
+  },
+  {
+    type: 'title',
+    text: 'Когда использовать изображения в Base64',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Основной аргумент в пользу Base64 — это исключение сетевых запросов. Каждое изображение на веб-странице означает HTTP-запрос со своими накладными расходами на соединение, DNS, TLS-рукопожатие и задержку. Для очень маленьких критически важных изображений — основного логотипа приложения, фавикона, иконки интерфейса — вставка их в Base64 в CSS или HTML исключает эти затраты и гарантирует их мгновенное отображение еще до того, как браузер что-либо закеширует.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Эта техника особенно эффективна в SPA-приложениях (Single Page Application), где бандл JavaScript и CSS генерируется во время сборки: вставка небольших изображений в бандл гарантирует их загрузку вместе с кодом без дополнительных запросов. Это также незаменимо для HTML-писем, где почтовые клиенты блокируют внешние изображения, но почти всегда отображают встроенные Data URI.',
+  },
+  {
+    type: 'title',
+    text: 'Варианты использования изображений в Base64',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML inline: <code>&lt;img src="data:image/png;base64,..."&gt;</code> для критических иконок.',
+      'CSS background: <code>background-image: url("data:image/svg+xml;base64,...")</code> для UI SVG.',
+      'JSON и REST API: передача изображений в виде текстовых данных в JSON.',
+      'Электронные письма в формате HTML: встроенные изображения, которые отображаются, даже если клиент блокирует внешние URL-адреса.',
+      'Вставка в SVG: вставка растровых изображений в файлы SVG в виде встроенных данных.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Как работает конвертация в браузере',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Когда вы выбираете или перетаскиваете изображение, API <code>FileReader</code> браузера читает его непосредственно с диска как бинарные данные в оперативную память. Метод <code>readAsDataURL()</code> преобразует эти бинарные байты в их представление Base64 с использованием алгоритма RFC 4648 — каждые 3 байта исходных данных представляются как 4 символа ASCII из алфавита Base64. Результат включает автоматически определенный корректный MIME-тип.',
+  },
+  {
+    type: 'tip',
+    title: 'Используйте только для маленьких изображений (до 10 КБ)',
+    html: 'Base64 увеличивает размер файла примерно на 33%: изображение весом 10 КБ превращается в ~13,3 КБ текста. Для небольших иконок и логотипов эти затраты минимальны, а отсутствие HTTP-запроса компенсирует их. Для фотографий или больших изображений накладные расходы на размер значительны — для больших изображений всегда используйте CDN.',
+  },
+  {
+    type: 'title',
+    text: 'Когда НЕ использовать Base64',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: 'Избегайте Base64 для больших изображений — используйте CDN',
+    html: 'Если у вас есть изображения размером более 10-20 КБ, Base64 вредит производительности: он раздувает размер HTML/CSS, мешает браузеру кешировать изображение независимо и блокирует рендеринг, пока парсер обрабатывает гигантскую строку. Для больших изображений всегда используйте CDN с соответствующими заголовками кеширования.',
+  },
+  {
+    type: 'title',
+    text: 'Совместимость и приватность',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Data URI совместимы со 100% современных браузеров и большинством почтовых клиентов. Наш инструмент обрабатывает все локально через API FileReader — ваши изображения никогда не покидают ваше устройство. Это делает его подходящим для корпоративных изображений, частных скриншотов или любого конфиденциального визуального контента, который вам нужно конвертировать в 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: 'ru', faq, howTo }),
+};

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 }),
+};