@jjlmoya/utils-converters 1.7.0 → 1.9.0

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

@@ -0,0 +1,168 @@
+import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImageToBase64UI } from '../index';
+
+const slug = 'konwerter-obrazu-na-base64';
+const title = 'Konwerter obrazu na Base64 Online';
+const description =
+  'Konwertuj dowolny obraz na kod Base64 i Data URI bezpośrednio w przeglądarce. Bez przesyłania plików. Za darmo, prywatnie i błyskawicznie.';
+
+const ui: ImageToBase64UI = {
+  dragTitle: 'Przeciągnij obraz tutaj',
+  dragSubtext: 'lub kliknij, aby przeglądać pliki',
+  formatBadge: 'Obsługuje JPG, PNG, WEBP, SVG, GIF',
+  dataUriLabel: 'Data URI (Gotowy dla CSS / HTML src="")',
+  base64Label: 'Tylko Base64 (Czysty zakodowany tekst)',
+  copyBtn: 'Kopiuj',
+  dataUriPlaceholder: 'Prześlij obraz, aby zobaczyć kod Data URI...',
+  base64Placeholder: 'Prześlij obraz, aby zobaczyć czysty kod Base64...',
+  toastMessage: 'Kod skopiowany do schowka!',
+  invalidImageAlert: 'Proszę przesłać poprawny plik obrazu.',
+  bibliographyTitle: 'Bibliografia',
+  faqTitle: 'Często Zadawane Pytania',
+};
+
+const faq: ImagenBase64LocaleContent['faq'] = [
+  {
+    question: 'Co to jest Base64 i do czego służy w web developmencie?',
+    answer:
+      'Base64 to system kodowania, który konwertuje dane binarne na ciąg tekstowy ASCII. W tworzeniu stron internetowych służy do osadzania obrazów bezpośrednio w plikach HTML lub CSS za pomocą Data URI, co zmniejsza liczbę żądań HTTP do serwera.',
+  },
+  {
+    question: 'Czy konwertowanie moich obrazów na Base64 tutaj jest bezpieczne?',
+    answer:
+      'Absolutnie bezpieczne i prywatne. Nasze narzędzie działa w 100% lokalnie w Twojej przeglądarce. Twoje obrazy nigdy nie są przesyłane ani przetwarzane na żadnym zewnętrznym serwerze.',
+  },
+  {
+    question: 'Jakie formaty obrazów obsługuje konwerter Base64?',
+    answer:
+      'Narzędzie jest kompatybilne z plikami JPG, PNG, GIF, WebP, a nawet wektorowymi plikami SVG. Podczas ładowania obrazu automatycznie wykryje jego typ MIME, aby wygenerować dokładny kod Data URI.',
+  },
+  {
+    question: 'Kiedy NIE należy używać obrazów Base64?',
+    answer:
+      'Należy unikać używania obrazów Base64 w przypadku dużych fotografii lub obrazów o wysokiej rozdzielczości. Kod Base64 zajmuje około 33% więcej miejsca niż oryginalny plik binarny, co może nadmiernie zwiększyć rozmiar arkuszy stylów CSS lub dokumentów HTML.',
+  },
+];
+
+const howTo: ImagenBase64LocaleContent['howTo'] = [
+  {
+    name: 'Przeciągnij lub wybierz obraz',
+    text: 'Przenieś dowolny obraz (JPG, PNG, WebP, SVG, GIF) do obszaru przesyłania, aby rozpocząć konwersję.',
+  },
+  {
+    name: 'Skopiuj wygenerowany kod',
+    text: 'Zobaczysz dwa pola tekstowe: pełny Data URI (gotowy do użycia w src="" lub CSS) oraz czysty Base64 do innych zastosowań.',
+  },
+  {
+    name: 'Użyj kodu w swoim projekcie',
+    text: 'Wklej Data URI bezpośrednio do src tagu img lub w CSS jako background-image, bez konieczności używania zewnętrznych plików.',
+  },
+];
+
+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: 'Konwerter obrazu na Base64: Osadzaj obrazy bez żądań HTTP',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64 to technika kodowania, która przekształca dane binarne — takie jak obraz — w czysty ciąg tekstowy ASCII. Wynikiem jest Data URI: samodzielny adres URL zaczynający się od <code>data:image/png;base64,...</code>, który zawiera cały zakodowany obraz. Osadzając ten kod bezpośrednio w HTML, CSS lub JSON, obraz ładuje się bez żadnego dodatkowego żądania HTTP do serwera — zero opóźnień sieciowych, natychmiastowe ładowanie.',
+  },
+  {
+    type: 'title',
+    text: 'Kiedy używać obrazów Base64',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Głównym argumentem za Base64 jest wyeliminowanie żądań sieciowych. Każdy obraz na stronie internetowej oznacza żądanie HTTP z jego narzutem połączenia, DNS, handshake TLS i opóźnieniem. W przypadku bardzo małych, krytycznych obrazów — głównego logo aplikacji, favicony, ikony interfejsu — osadzenie ich w Base64 w CSS lub HTML eliminuje ten koszt i gwarantuje, że zostaną wyświetlone natychmiast, nawet zanim przeglądarka zdąży cokolwiek zapisać w pamięci podręcznej.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Ta technika jest szczególnie skuteczna w aplikacjach typu SPA (Single Page Application), gdzie paczka JavaScript i CSS jest generowana w czasie budowania: osadzenie małych obrazów w paczce gwarantuje, że załadują się one wraz z kodem bez dodatkowych żądań. Jest to również niezbędne w przypadku wiadomości e-mail HTML, w których klienci pocztowi blokują zewnętrzne obrazy, ale prawie zawsze wyświetlają osadzone Data URI.',
+  },
+  {
+    type: 'title',
+    text: 'Zastosowania obrazów Base64',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML inline: <code>&lt;img src="data:image/png;base64,..."&gt;</code> dla krytycznych ikon.',
+      'CSS background: <code>background-image: url("data:image/svg+xml;base64,...")</code> dla ikon SVG interfejsu.',
+      'JSON i API REST: wysyłaj obrazy jako dane tekstowe w payloadach JSON.',
+      'E-maile HTML: osadzone obrazy wyświetlane nawet wtedy, gdy klient blokuje zewnętrzne adresy URL.',
+      'Osadzanie w SVG: osadzaj obrazy rastrowe wewnątrz plików SVG jako dane inline.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Jak działa konwersja w przeglądarce',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Podczas wyboru lub przeciągania obrazu, API <code>FileReader</code> przeglądarki odczytuje go bezpośrednio z dysku jako dane binarne w pamięci RAM. Metoda <code>readAsDataURL()</code> konwertuje te binarne bajty na ich reprezentację Base64 przy użyciu algorytmu RFC 4648 — każde 3 bajty oryginalnych danych są reprezentowane przez 4 znaki ASCII z alfabetu Base64. Wynik zawiera automatycznie wykryty poprawny typ MIME.',
+  },
+  {
+    type: 'tip',
+    title: 'Używaj tylko dla małych obrazów (poniżej 10 KB)',
+    html: 'Base64 zwiększa rozmiar pliku o około 33%: obraz o rozmiarze 10 KB staje się tekstem o wadze ~13,3 KB. W przypadku małych ikon i logo koszt ten jest minimalny, a wyeliminowanie żądania HTTP to rekompensuje. W przypadku dużych fotografii lub obrazów narzut rozmiaru jest znaczący — dla dużych plików zawsze używaj sieci CDN.',
+  },
+  {
+    type: 'title',
+    text: 'Kiedy NIE używać Base64',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: 'Unikaj Base64 dla dużych obrazów — użyj sieci CDN',
+    html: 'Jeśli masz obrazy większe niż 10-20 KB, Base64 pogarsza wydajność: zwiększa rozmiar HTML/CSS, uniemożliwia przeglądarce niezależne buforowanie obrazu i blokuje renderowanie, podczas gdy parser przetwarza gigantyczny ciąg znaków. W przypadku dużych obrazów zawsze korzystaj z sieci CDN z odpowiednimi nagłówkami pamięci podręcznej.',
+  },
+  {
+    type: 'title',
+    text: 'Kompatybilność i prywatność',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Data URI są kompatybilne ze 100% nowoczesnych przeglądarek i większością klientów poczty e-mail. Nasze narzędzie przetwarza wszystko lokalnie za pomocą API FileReader — Twoje obrazy nigdy nie opuszczają Twojego urządzenia. Dzięki temu nadaje się do obrazów firmowych, prywatnych zrzutów ekranu lub wszelkich poufnych treści wizualnych, które musisz przekonwertować na Base64.',
+  },
+  {
+    type: 'title',
+    text: 'Podsumowanie: najszybsze i najbezpieczniejsze narzędzie do osadzania',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Konwersja obrazów na Base64 to specyficzna, ale bardzo potężna technika, jeśli jest stosowana prawidłowo. Używaj jej w przypadku małych, krytycznych obrazów, gdzie brak żądań HTTP robi różnicę, i unikaj jej w przypadku dużych obrazów, gdzie sieć CDN zawsze wygrywa. Dzięki naszemu narzędziu uzyskasz Data URI w mgnieniu oka, bez przesyłania czegokolwiek na serwer.',
+  },
+];
+
+
+export const content: ImagenBase64LocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'pl', faq, howTo }),
+};

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