@jjlmoya/utils-converters 1.7.0 → 1.9.0

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

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'konwerter-svg-na-png';
+const title = 'Konwertuj SVG na PNG Online i Za Darmo';
+const description =
+  'Konwertuj pliki wektorowe SVG na PNG w swojej przeglądarce. Wyjście HD w podwójnej skali. Zachowuje przezroczystość. Za darmo i w 100% prywatnie.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Przeciągnij pliki SVG...',
+  convertText: 'Aby błyskawicznie przekonwertować je na PNG',
+  selectFiles: 'Wybierz pliki',
+  processedFiles: 'Przetworzone pliki',
+  downloadAll: 'Pobierz wszystko (.zip)',
+  pending: 'Oczekujące',
+  bibliographyTitle: 'Bibliografia',
+  faqTitle: 'Często Zadawane Pytania',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Dlaczego warto konwertować pliki SVG na PNG?',
+    answer:
+      'SVG jest oparty na wektorach i idealny dla logo, ale czasami potrzebujesz rastrowego formatu PNG do użytku w aplikacjach, które nie obsługują wektorów, lub do udostępniania za pośrednictwem komunikatorów lub mediów społecznościowych.',
+  },
+  {
+    question: 'Czy mogę wybrać rozmiar wyjściowy?',
+    answer:
+      'Obecnie podwajamy skalę źródłowego pliku SVG, aby wyjściowy obraz PNG był ostry i odpowiedni dla ekranów Retina lub 4K.',
+  },
+  {
+    question: 'Czy przezroczystości SVG są zachowane?',
+    answer:
+      'Tak, wynikowy plik PNG zachowuje kanał alfa oryginalnego pliku SVG, utrzymując wszystkie przezroczyste tła w nienaruszonym stanie.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'Wstaw pliki SVG',
+    text: 'Upuść pliki SVG lub przeciągnij je bezpośrednio do górnego obszaru.',
+  },
+  {
+    name: 'Generowanie HD PNG',
+    text: 'W ciągu milisekund nasz lokalny silnik odtworzy każdy wektor jako warstwę pikseli HD w przezroczystym formacie PNG.',
+  },
+  {
+    name: 'Pobierz pliki',
+    text: 'Zapisz wygenerowane pliki PNG pojedynczo lub jako pakiet ZIP.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'Specyfikacja W3C SVG',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: Samouczek SVG',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Konwerter SVG na PNG: Od nieskończonego wektora do uniwersalnego rastra',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) to doskonały wybór do projektowania stron internetowych: nieskończenie skalowalny, lekki i edytowalny w dowolnym edytorze kodu. Ale kiedy musisz użyć tego logo lub ikony w aplikacji mobilnej, udostępnić je w mediach społecznościowych lub wstawić do prezentacji PowerPoint, napotykasz barierę: większość tych platform nie obsługuje formatu SVG. Format <strong>PNG</strong> jest uniwersalnym rozwiązaniem: rastrowy, z kanałem alfa i kompatybilny w absolutnie każdym kontekście.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: Wektory dla sieci, raster dla świata',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG przechowuje obraz jako instrukcje matematyczne: krzywa Béziera, gradient, wielokąt. Oznacza to, że ten sam plik wygląda idealnie przy 16 px lub 16 000 px. Jest to idealny format dla kodu strony internetowej, animacji CSS i wszelkich elementów, które muszą dostosowywać się do różnych rozdzielczości ekranu bez utraty jakości.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG przechowuje obraz jako siatkę pikseli z informacjami o kolorze i przezroczystości dla każdego piksela. Jest to format <strong>bezystratny</strong> (lossless), co oznacza pełne zachowanie jakości. Po zrasteryzowaniu formatu SVG do PNG rozdzielczość jest ustalona. Dlatego wybór odpowiedniego rozmiaru eksportu jest kluczowy: nasze narzędzie renderuje w podwójnej skali (2x), aby zapewnić ostrość na ekranach Retina i 4K.',
+  },
+  {
+    type: 'title',
+    text: 'Porównanie: Konwersja lokalna vs w chmurze',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Konwertery w chmurze',
+        description: 'Narzędzia, które przesyłają pliki na zdalny serwer.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Twój kod SVG trafia na zewnętrzne serwery',
+          'Zdalne renderowanie o niespójnej jakości',
+          'Czas oczekiwania na przesłanie i przetworzenie',
+          'Ograniczenia dotyczące rozmiaru pliku SVG',
+        ],
+      },
+      {
+        title: 'Nasza lokalna architektura',
+        description: 'Bezpośrednie przetwarzanie na Twoim sprzęcie przy użyciu technologii Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Twój plik SVG nigdy nie opuszcza przeglądarki',
+          'Renderowanie natywnym silnikiem przeglądarki dla maksymalnej wierności',
+          'Format PNG w rozdzielczości 2x dla ekranów o wysokiej gęstości',
+          'Przezroczystość zachowana dzięki pełnemu kanałowi alfa',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Jak to działa technicznie',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Proces rozpoczyna się od załadowania pliku SVG do elementu JavaScript <strong>Image</strong>. Gdy silnik przeglądarki przeanalizuje i wyrenderuje wektorowy kod XML, wynikowy obraz jest rysowany na <strong>HTML5 Canvas</strong>, którego wymiary są dwukrotnie większe od oryginalnego rozmiaru SVG (skala 2x). Daje to plik PNG o dwukrotnie większej liczbie pikseli na wymiar, idealny dla ekranów o wysokiej rozdzielczości.',
+  },
+  {
+    type: 'paragraph',
+    html: 'W przeciwieństwie do konwersji na JPG, podczas eksportu do PNG płótno zachowuje pełny kanał alfa: przezroczyste obszary w oryginalnym SVG stają się w pełni przezroczystymi pikselami w wynikowym pliku PNG — bez wypełnienia tła na biało. Eksport wykorzystuje metodę <code>toDataURL(\'image/png\')</code> z bezstratną kompresją.',
+  },
+  {
+    type: 'tip',
+    title: 'Wskazówka przed rasteryzacją',
+    html: 'Dokładnie wybierz rozmiar eksportu PNG — rasteryzacja pliku SVG jest procesem jednokierunkowym: nie można odzyskać wektorów z wynikowego pliku PNG. Zawsze zachowuj oryginalny plik SVG jako źródło master i generuj pliki PNG w najwyższej rozdzielczości, jakiej możesz kiedykolwiek potrzebować.',
+  },
+  {
+    type: 'title',
+    text: 'Zastosowania i kompatybilność',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Eksportowanie logo wektorowych do prezentacji PowerPoint lub Google Slides.',
+      'Tworzenie ikon PNG dla systemów iOS, Android lub Progressive Web Apps.',
+      'Udostępnianie projektów SVG na Instagramie, LinkedInie lub w innych mediach społecznościowych.',
+      'Wstawianie ilustracji wektorowych do dokumentów Word lub PDF.',
+      'Generowanie miniatur PNG grafiki SVG dla podglądu w systemie CMS.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Podsumowanie',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG to język wektorów; PNG to paszport do reszty cyfrowego świata. To narzędzie rasteryzuje Twoje pliki SVG w rozdzielczości 2x z nienaruszoną przezroczystością, bezpośrednio w przeglądarce, bez wysyłania ani jednego bajta Twojego projektu na żaden zewnętrzny serwer.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'pl', faq, howTo }),
+};

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

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'conversor-de-svg-para-png';
+const title = 'Converter SVG para PNG Online e Grátis';
+const description =
+  'Converta arquivos vetoriais SVG para PNG no seu navegador. Saída HD em escala dupla. Preserva transparência. Gratuito e 100% privado.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Arraste arquivos SVG...',
+  convertText: 'Para convertê-los em PNG instantaneamente',
+  selectFiles: 'Selecionar arquivos',
+  processedFiles: 'Arquivos processados',
+  downloadAll: 'Baixar tudo (.zip)',
+  pending: 'Pendente',
+  bibliographyTitle: 'Referências Bibliográficas',
+  faqTitle: 'Perguntas Frequentes',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Porquê converter arquivos SVG para PNG?',
+    answer:
+      'O SVG é baseado em vetores e ideal para logótipos, mas às vezes você precisa do formato PNG rasterizado para uso em aplicações que não suportam vetores, ou para compartilhar via apps de mensagens ou redes sociais.',
+  },
+  {
+    question: 'Posso escolher o tamanho da saída?',
+    answer:
+      'Atualmente duplicamos a escala do SVG de origem para que a saída PNG seja nítida e adequada para ecrãs Retina ou 4K.',
+  },
+  {
+    question: 'As transparências do SVG são mantidas?',
+    answer:
+      'Sim, o PNG resultante preserva o canal alfa do SVG original, mantendo todos os fundos transparentes intactos.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'Insira os seus arquivos SVG',
+    text: 'Largue os seus arquivos SVG ou arraste-os diretamente para a área superior.',
+  },
+  {
+    name: 'Geração de PNG HD',
+    text: 'Em milissegundos, o nosso motor local recriará cada vetor como uma camada de píxeis HD em formato PNG transparente.',
+  },
+  {
+    name: 'Baixe os arquivos',
+    text: 'Salve os PNGs gerados individualmente ou como um pacote ZIP.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'Especificação W3C SVG',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: Tutorial SVG',
+    url: 'https://developer.mozilla.org/pt-BR/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Conversor de SVG para PNG: Do vetor infinito ao raster universal',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'O <strong>SVG</strong> (Scalable Vector Graphics) é a escolha perfeita para web design: infinitamente escalável, leve e editável com qualquer editor de código. Mas quando você precisa de usar esse logótipo ou ícone numa app móvel, compartilhá-lo nas redes sociais ou inseri-lo numa apresentação PowerPoint, você encontra um obstáculo: a maioria destas plataformas não suporta SVG. O formato <strong>PNG</strong> é a solução universal: rasterizado, com um canal alfa e compatível em absolutamente todos os contextos.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: Vetores para a Web, Raster para o Mundo',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'O SVG armazena a imagem como instruções matemáticas: uma curva de Bézier, um gradiente, um polígono. Isto significa que o mesmo arquivo parece perfeito a 16px ou 16.000px. É o formato ideal para o seu código web, animações CSS e qualquer elemento que precise de se adaptar a diferentes resoluções de ecrã sem qualquer perda de qualidade.',
+  },
+  {
+    type: 'paragraph',
+    html: 'O PNG armazena a imagem como uma grelha de píxeis com informação de cor e transparência para cada píxel. É um formato <strong>lossless</strong> (sem perdas), o que significa que a qualidade é preservada inteiramente. Uma vez que um SVG é rasterizado para PNG, a resolução é fixa. É por isso que escolher o tamanho de exportação correto é crítico: a nossa ferramenta renderiza em escala dupla (2x) para garantir nitidez em ecrãs Retina e 4K.',
+  },
+  {
+    type: 'title',
+    text: 'Comparação: Conversão Local vs Cloud',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Conversores Cloud',
+        description: 'Ferramentas que carregam os seus arquivos para um servidor remoto.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'O seu código SVG viaja para servidores externos',
+          'Renderização remota com qualidade inconsistente',
+          'Tempo de espera para upload e processamento',
+          'Limitações no tamanho do arquivo SVG',
+        ],
+      },
+      {
+        title: 'A Nossa Arquitetura Local',
+        description: 'Processamento direto no seu hardware utilizando a tecnologia Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'O seu SVG nunca deixa o seu navegador',
+          'Renderização do motor nativo do navegador para máxima fidelidade',
+          'PNG em resolução 2x para ecrãs de alta densidade',
+          'Transparência preservada com canal alfa completo',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Como funciona tecnicamente',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'O processo começa carregando o arquivo SVG num elemento JavaScript <strong>Image</strong>. Assim que o motor do navegador analisa e renderiza o XML vetorial, a imagem resultante é desenhada num <strong>HTML5 Canvas</strong> cujas dimensões são o dobro do tamanho SVG original (escala 2x). Isto produz um PNG com o dobro dos píxeis por dimensão, ideal para ecrãs de alta resolução.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Ao contrário da conversão para JPG, ao exportar para PNG o canvas retém o canal alfa completo: as áreas transparentes no SVG original tornam-se píxeis totalmente transparentes no PNG resultante — sem preenchimento de fundo branco. A exportação utiliza o método <code>toDataURL(\'image/png\')</code> com compressão lossless.',
+  },
+  {
+    type: 'tip',
+    title: 'Dica antes de rasterizar',
+    html: 'Escolha o seu tamanho de exportação PNG com cuidado — rasterizar um SVG é um processo de sentido único: você não pode recuperar os vetores a partir do PNG resultante. Mantenha sempre o SVG original como fonte mestre e gere PNGs na resolução mais alta que você possa vir a precisar.',
+  },
+  {
+    type: 'title',
+    text: 'Casos de uso e compatibilidade',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Exportar logótipos vetoriais para apresentações PowerPoint ou Google Slides.',
+      'Criar ícones PNG para iOS, Android ou Progressive Web Apps.',
+      'Compartilhar designs SVG no Instagram, LinkedIn ou outras redes sociais.',
+      'Inserir ilustrações vetoriais em documentos Word ou PDFs.',
+      'Gerar miniaturas PNG de gráficos SVG para pré-visualização no CMS.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusão',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG é a linguagem dos vetores; PNG é o passaporte para o resto do mundo digital. Esta ferramenta rasteriza os seus SVGs em resolução 2x com a transparência intacta, diretamente no seu navegador, sem que um único byte do seu design viaje para qualquer servidor externo.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'pt', faq, howTo }),
+};

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

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'konverter-svg-v-png';
+const title = 'Конвертировать SVG в PNG Онлайн и Бесплатно';
+const description =
+  'Конвертируйте векторные файлы SVG в PNG в вашем браузере. HD-вывод в двойном масштабе. Сохраняет прозрачность. Бесплатно и 100% приватно.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Перетащите файлы SVG...',
+  convertText: 'Чтобы мгновенно конвертировать их в PNG',
+  selectFiles: 'Выбрать файлы',
+  processedFiles: 'Обработанные файлы',
+  downloadAll: 'Скачать всё (.zip)',
+  pending: 'В ожидании',
+  bibliographyTitle: 'Библиографические ссылки',
+  faqTitle: 'Часто задаваемые вопросы',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Зачем конвертировать файлы SVG в PNG?',
+    answer:
+      'SVG основан на векторах и идеально подходит для логотипов, но иногда вам нужен растровый формат PNG для использования в приложениях, которые не поддерживают векторы, или для публикации через мессенджеры или социальные сети.',
+  },
+  {
+    question: 'Могу ли я выбрать размер вывода?',
+    answer:
+      'В настоящее время мы удваиваем масштаб исходного SVG, чтобы вывод PNG был четким и подходил для экранов Retina или 4K.',
+  },
+  {
+    question: 'Сохраняется ли прозрачность SVG?',
+    answer:
+      'Да, результирующий PNG сохраняет альфа-канал оригинального SVG, сохраняя все прозрачные фоны нетронутыми.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'Вставьте ваши файлы SVG',
+    text: 'Перетащите ваши файлы SVG прямо в верхнюю область.',
+  },
+  {
+    name: 'Генерация HD PNG',
+    text: 'За миллисекунды наш локальный движок воссоздаст каждый вектор как пиксельный слой HD в формате прозрачного PNG.',
+  },
+  {
+    name: 'Скачайте файлы',
+    text: 'Сохраните сгенерированные PNG по отдельности или в виде ZIP-архива.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'Спецификация W3C SVG',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: учебник по SVG',
+    url: 'https://developer.mozilla.org/ru/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Конвертер SVG в PNG: От бесконечного вектора к универсальному растру',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) — идеальный выбор для веб-дизайна: бесконечно масштабируемый, легкий и редактируемый в любом текстовом редакторе. Но когда вам нужно использовать этот логотип или иконку в мобильном приложении, опубликовать в социальных сетях или вставить в презентацию PowerPoint, вы сталкиваетесь с препятствием: большинство этих платформ не поддерживают SVG. Формат <strong>PNG</strong> — универсальное решение: растровый, с альфа-каналом и совместимый абсолютно в любом контексте.',
+  },
+  {
+    type: 'title',
+    text: 'SVG против PNG: векторы для веба, растр для мира',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG хранит изображение в виде математических инструкций: кривая Безье, градиент, многоугольник. Это означает, что один и тот же файл выглядит идеально и при 16 пикселях, и при 16 000. Это идеальный формат для вашего веб-кода, CSS-анимаций и любого элемента, который должен адаптироваться к различным разрешениям экрана без потери качества.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG хранит изображение в виде сетки пикселей с информацией о цвете и прозрачности для каждого пикселя. Это формат <strong>без потерь</strong>, что означает полное сохранение качества. Как только SVG растеризуется в PNG, разрешение фиксируется. Вот почему выбор правильного размера экспорта имеет решающее значение: наш инструмент выполняет рендеринг в двойном масштабе (2x) для обеспечения четкости на экранах Retina и 4K.',
+  },
+  {
+    type: 'title',
+    text: 'Сравнение: локальная vs облачная конвертация',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Облачные конвертеры',
+        description: 'Инструменты, которые загружают ваши файлы на удаленный сервер.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Ваш код SVG передается на внешние серверы',
+          'Удаленный рендеринг с нестабильным качеством',
+          'Время ожидания загрузки и обработки',
+          'Ограничения на размер файла SVG',
+        ],
+      },
+      {
+        title: 'Наша локальная архитектура',
+        description: 'Прямая обработка на вашем оборудовании с использованием технологии Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Ваш SVG никогда не покидает браузер',
+          'Рендеринг нативным движком браузера для максимальной точности',
+          'PNG в разрешении 2x для экранов с высокой плотностью пикселей',
+          'Прозрачность сохраняется благодаря полному альфа-каналу',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Как это работает технически',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Процесс начинается с загрузки файла SVG в элемент JavaScript <strong>Image</strong>. Как только движок браузера разберет и отрисует векторный XML, результирующее изображение отрисовывается на <strong>HTML5 Canvas</strong>, размеры которого в два раза превышают исходный размер SVG (масштаб 2x). Это создает PNG с удвоенным количеством пикселей по каждому измерению, что идеально подходит для экранов с высоким разрешением.',
+  },
+  {
+    type: 'paragraph',
+    html: 'В отличие от конвертации в JPG, при экспорте в PNG холст сохраняет полный альфа-канал: прозрачные области в оригинальном SVG становятся полностью прозрачными пикселями в результирующем PNG — никакой заливки белым фоном. Для экспорта используется метод <code>toDataURL(\'image/png\')</code> со сжатием без потерь.',
+  },
+  {
+    type: 'tip',
+    title: 'Совет перед растеризацией',
+    html: 'Тщательно выбирайте размер экспорта в PNG — растеризация SVG является необратимым процессом: вы не сможете восстановить векторы из полученного PNG. Всегда сохраняйте оригинальный SVG в качестве мастер-источника и создавайте PNG в самом высоком разрешении, которое вам когда-либо может понадобиться.',
+  },
+  {
+    type: 'title',
+    text: 'Варианты использования и совместимость',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Экспорт векторных логотипов для презентаций PowerPoint или Google Slides.',
+      'Создание иконок PNG для iOS, Android или прогрессивных веб-приложений (PWA).',
+      'Публикация дизайнов SVG в Instagram, LinkedIn или других социальных сетях.',
+      'Вставка векторных иллюстраций в документы Word или PDF.',
+      'Генерация миниатюр PNG для предварительного просмотра графики SVG в CMS.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Заключение',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG — язык векторов; PNG — паспорт в остальной цифровой мир. Этот инструмент растеризует ваши SVG в разрешении 2x с сохранением прозрачности прямо в вашем браузере, без передачи ни одного байта вашего дизайна на внешние серверы.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'ru', faq, howTo }),
+};