@jjlmoya/utils-converters 1.7.0 → 1.8.0

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

@@ -0,0 +1,182 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { PngAWebpLocaleContent } from '../index';
+
+const slug = 'konwerter-png-na-webp';
+const title = 'Konwertuj PNG na WebP Online i Za Darmo';
+const description =
+  'Konwertuj obrazy PNG na WebP w swojej przeglądarce. Do 40% mniejszy rozmiar pliku. Zachowuje przezroczystość. Bez przesyłania plików. Za darmo i prywatnie.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Przeciągnij pliki PNG...',
+  convertText: 'Aby błyskawicznie przekonwertować je na WebP',
+  selectFiles: 'Wybierz pliki',
+  processedFiles: 'Przetworzone pliki',
+  downloadAll: 'Pobierz wszystko (.zip)',
+  pending: 'Oczekujące',
+  bibliographyTitle: 'Bibliografia',
+  faqTitle: 'Często Zadawane Pytania',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Dlaczego warto konwertować PNG na WebP?',
+    answer:
+      'WebP oferuje do 40% lepszą kompresję niż PNG przy tej samej jakości, jednocześnie obsługując przezroczystość alfa. Jest to format zalecany przez Google PageSpeed Insights.',
+  },
+  {
+    question: 'Czy podczas procesu tracona jest przezroczystość?',
+    answer:
+      'Nie. Techniczna implementacja WebP obsługuje kanał alfa. Przezroczystość oryginalnego pliku PNG zostanie zachowana w nowym pliku WebP.',
+  },
+  {
+    question: 'Czy moje obrazy trafiają na jakikolwiek serwer?',
+    answer:
+      'Nie. Kod działa wyłącznie w Twojej przeglądarce (po stronie klienta). Nigdy nie widzimy, nie rejestrujemy ani nie zapisujemy obrazów, które konwertujesz.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Wstaw swoje pliki PNG',
+    text: 'Upuść duże pliki PNG w obszarze przesyłania lub użyj tradycyjnego interaktywnego selektora.',
+  },
+  {
+    name: 'Wykrywanie kanałów',
+    text: 'Lokalny silnik renderujący wykryje i wyeksportuje kompozycję pikseli do zoptymalizowanego formatu WebP.',
+  },
+  {
+    name: 'Bezpośrednie pobieranie',
+    text: 'Pobierz swoje wysoko skompresowane pliki WebP pojedynczo lub spakuj je razem za pomocą konwertera ZIP.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: Szczegóły implementacji WebP',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Wskazówki dotyczące Core Web Vitals',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Formaty obrazów',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Konwerter PNG na WebP: Przezroczystość i nowoczesna kompresja dla sieci',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> od dziesięcioleci był formatem referencyjnym dla obrazów internetowych z przezroczystością — logo, ikon, elementów interfejsu użytkownika, zdjęć produktów na wyciętych tłach. Problemem jest rozmiar pliku: kompresja bezstratna, która gwarantuje jakość, generuje również zauważalnie duże pliki. <strong>WebP</strong> od Google rozwiązuje tę sprzeczność: obsługuje kanał alfa (przezroczystość) <em>i</em> kompresuje znacznie lepiej niż PNG, co sprawia, że przejście z PNG na WebP na Twojej stronie internetowej jest idealną optymalizacją, która nie wymaga żadnych poświęceń.',
+  },
+  {
+    type: 'title',
+    text: 'PNG czy WebP? Kiedy używać każdego formatu',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> pozostaje właściwym formatem, gdy kluczowa jest kompatybilność: narzędzia do projektowania, takie jak Photoshop czy Figma, procesy drukowania, starsze aplikacje desktopowe lub dowolny kontekst, w którym obsługa WebP nie jest gwarantowana. Jest to również idealny format do zapisywania warstw roboczych w procesach edycji, ponieważ kompresja bezstratna zachowuje każdy piksel. Koszt: pliki, które mogą ważyć 3–8 razy więcej niż ich odpowiednik w WebP.',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong> jest naturalnym następcą PNG dla wszystkich nowoczesnych treści internetowych. Chrome, Firefox, Safari i Edge obsługują go natywnie. Obraz WebP bezstratny jest o 26% mniejszy niż odpowiedni plik PNG; w trybie stratnym może być do 40% mniejszy przy praktycznie nieodróżnialnej jakości wizualnej. Co kluczowe dla projektowania stron internetowych: <strong>WebP zachowuje przezroczystość alfa</strong> dokładnie tak jak PNG, bez wizualnych kompromisów.',
+  },
+  {
+    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: [
+          'Opóźnienia sieciowe podczas przesyłania i pobierania',
+          'Twoje logo i obrazy przechowywane na serwerach osób trzecich',
+          'Limity rozmiaru plików i dzienne limity konwersji',
+          'Intruzywne reklamy i skrypty śledzące osób trzecich',
+        ],
+      },
+      {
+        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: [
+          'Błyskawiczna prędkość — zero opóźnień sieciowych',
+          'Pełna prywatność — 0 bajtów wysłanych na zewnątrz',
+          'Brak limitów MB lub ograniczeń liczby plików',
+          'Czysty interfejs, bez reklam i śledzenia',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Jak to działa technicznie',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Plik PNG jest ładowany lokalnie i dekodowany do <strong>HTML5 Canvas</strong> w pamięci. Interfejs API Canvas zachowuje kanał alfa z oryginalnego pliku PNG — wszystkie przezroczyste i półprzezroczyste piksele zostają zachowane w nienaruszonym stanie w buforze pikseli RGBA. Następnie płótno jest eksportowane przez wywołanie <code>toDataURL(\'image/webp\')</code>, co powoduje zastosowanie kodeka WebP przeglądarki (opartego na libwebp firmy Google) w celu wygenerowania bardziej zwartego pliku bez zmiany danych o przezroczystości.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP wykorzystuje dwa tryby kompresji: tryb bezstratny dla obrazów, w których każdy piksel musi być dokładnie wierny oryginałowi, oraz tryb stratny dla zdjęć i elementów, w których małe różnice są niezauważalne. Tryb bezstratny generuje pliki o 26% mniejsze niż PNG; tryb stratny pozwala uzyskać oszczędności do 40% w porównaniu z PNG przy zachowaniu doskonałej jakości wizualnej.',
+  },
+  {
+    type: 'tip',
+    title: 'Wskazówka: WebP pokonuje zarówno PNG, jak i JPG w internecie',
+    html: 'WebP w trybie bezstratnym jest mniejszy niż PNG. WebP w trybie stratnym jest mniejszy niż JPG. Dzięki temu WebP jest <strong>jedynym formatem, który zastępuje oba</strong> w kontekście internetowym. Konwertuj swoje przezroczyste pliki PNG na WebP przed przesłaniem: Google PageSpeed Insights wykrywa to i ocenia pozytywnie w audytach "Serwuj obrazy w nowoczesnych formatach".',
+  },
+  {
+    type: 'title',
+    text: 'Zastosowania i kompatybilność',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Logo i ikony z przezroczystym tłem dla stron internetowych i aplikacji.',
+      'Zdjęcia produktów na wyciętych tłach w sklepach e-commerce.',
+      'Sprite\'y CSS i elementy interfejsu z przezroczystością alfa.',
+      'Ilustracje rastrowe i grafika wektorowa dla stron docelowych.',
+      'Miniatury artykułów z przezroczystym tłem na blogach i portalach informacyjnych.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Podsumowanie',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Przejście z PNG na WebP to najbardziej kompletna optymalizacja obrazów internetowych: otrzymujesz lżejsze pliki, zachowujesz przezroczystość i poprawiasz wskaźniki Core Web Vitals bez żadnych zmian w projekcie wizualnym. To narzędzie robi to natychmiastowo, za darmo i całkowicie prywatnie — Twoje zdjęcia są przetwarzane w przeglądarce i nigdy nie trafiają na żaden zewnętrzny serwer.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'pl', faq, howTo }),
+};

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

@@ -0,0 +1,182 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { PngAWebpLocaleContent } from '../index';
+
+const slug = 'conversor-de-png-para-webp';
+const title = 'Converter PNG para WebP Online e Grátis';
+const description =
+  'Converta imagens PNG para WebP no seu navegador. Até 40% menos tamanho de arquivo. Preserva a transparência. Sem upload de arquivos. Gratuito e privado.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Arraste arquivos PNG...',
+  convertText: 'Para convertê-los em WebP instantaneamente',
+  selectFiles: 'Selecionar arquivos',
+  processedFiles: 'Arquivos processados',
+  downloadAll: 'Baixar tudo (.zip)',
+  pending: 'Pendente',
+  bibliographyTitle: 'Referências Bibliográficas',
+  faqTitle: 'Perguntas Frequentes',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Porquê converter PNG para WebP?',
+    answer:
+      'O WebP oferece uma compressão até 40% melhor do que o PNG com a mesma qualidade, ao mesmo tempo que suporta a transparência Alpha. É o formato recomendado pelo Google PageSpeed Insights.',
+  },
+  {
+    question: 'A transparência é perdida no processo?',
+    answer:
+      'Não. A implementação técnica do WebP suporta o canal alfa. As transparências do PNG original serão preservadas no novo arquivo WebP.',
+  },
+  {
+    question: 'As minhas imagens vão para algum servidor?',
+    answer:
+      'Não. O código corre exclusivamente no seu navegador (Client-Side). Nunca vemos, registamos ou guardamos as imagens que converte.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Insira os seus PNGs',
+    text: 'Largue os seus arquivos PNG grandes na área de upload ou utilize o seletor interativo tradicional.',
+  },
+  {
+    name: 'Deteção de canal',
+    text: 'O motor de renderização local detetará e exportará a composição de píxeis para o formato WebP otimizado.',
+  },
+  {
+    name: 'Download Direto',
+    text: 'Baixe os seus arquivos WebP altamente comprimidos individualmente ou agrupe-os utilizando o conversor de pacotes ZIP.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: Detalhes de Implementação WebP',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Orientação sobre Core Web Vitals',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Formatos de Imagem',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Conversor de PNG para WebP: Transparência e compressão moderna para a web',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'O <strong>PNG</strong> tem sido o formato de referência para imagens web com transparência durante décadas — logótipos, ícones, elementos de UI, imagens de produtos em fundos recortados. O seu problema é o tamanho do arquivo: a compressão sem perdas que garante a qualidade também gera arquivos visivelmente grandes. O <strong>WebP</strong> da Google resolve esta contradição: suporta o canal alfa (transparência) <em>e</em> comprime muito melhor do que o PNG, tornando a mudança de PNG para WebP no seu website uma otimização perfeita que não sacrifica nada.',
+  },
+  {
+    type: 'title',
+    text: 'PNG ou WebP? Quando utilizar cada formato',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'O <strong>PNG</strong> continua a ser o formato certo quando a compatibilidade é crítica: ferramentas de design como o Photoshop ou Figma, fluxos de trabalho de impressão, aplicações de desktop antigas ou qualquer contexto onde o suporte WebP não seja garantido. É também o formato ideal para guardar camadas de trabalho em pipelines de edição, uma vez que a sua compressão sem perdas preserva cada píxel. O custo: arquivos que podem pesar 3 a 8 vezes mais do que o seu equivalente WebP.',
+  },
+  {
+    type: 'paragraph',
+    html: 'O <strong>WebP</strong> é a substituição natural do PNG para todo o conteúdo web moderno. Chrome, Firefox, Safari e Edge suportam-no nativamente. Uma imagem WebP sem perdas é 26% menor do que o PNG equivalente; em modo lossy pode ser até 40% menor com uma qualidade visual praticamente indistinguível. E crucial para o web design: o <strong>WebP preserva a transparência alfa</strong> exatamente como o PNG, sem qualquer compromisso visual.',
+  },
+  {
+    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: [
+          'Latência de rede no upload e download',
+          'Os seus logótipos e imagens armazenados em servidores de terceiros',
+          'Limites de tamanho de arquivo e quotas de conversão diárias',
+          'Anúncios intrusivos e rastreadores de terceiros',
+        ],
+      },
+      {
+        title: 'A Nossa Arquitetura Local',
+        description: 'Processamento direto no seu hardware utilizando a tecnologia Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Velocidade instantânea — latência de rede zero',
+          'Privacidade total — 0 bytes enviados externamente',
+          'Sem limites de MB ou restrições no número de arquivos',
+          'Interface limpa, sem anúncios ou rastreamento',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Como funciona tecnicamente',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'O PNG é carregado localmente e descodificado num <strong>HTML5 Canvas</strong> em memória. A API Canvas preserva o canal alfa do PNG original — todos os píxeis transparentes e semitransparentes são mantidos intactos no buffer de píxeis RGBA. O canvas é então exportado chamando <code>toDataURL(\'image/webp\')</code>, que aplica o codec WebP do navegador (baseado no libwebp da Google) para gerar um arquivo mais compacto sem alterar os dados de transparência.',
+  },
+  {
+    type: 'paragraph',
+    html: 'O WebP utiliza dois modos de compressão: modo sem perdas para imagens onde cada píxel deve ser exatamente fiel ao original, e modo lossy para fotos e elementos onde pequenas diferenças são impercetíveis. O modo sem perdas produz arquivos 26% menores do que o PNG; o modo lossy pode atingir reduções de até 40% em comparação com o PNG, mantendo uma excelente qualidade visual.',
+  },
+  {
+    type: 'tip',
+    title: 'Dica: o WebP supera tanto o PNG como o JPG na web',
+    html: 'O WebP em modo sem perdas é menor do que o PNG. O WebP em modo lossy é menor do que o JPG. Isto torna o WebP o <strong>único formato que substitui ambos</strong> no contexto web. Converta os seus PNGs transparentes para WebP antes de fazer o upload: o Google PageSpeed Insights deteta isso e pontua positivamente nas auditorias de "Servir imagens em formatos modernos".',
+  },
+  {
+    type: 'title',
+    text: 'Casos de uso e compatibilidade',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Logótipos e ícones com fundos transparentes para websites e apps.',
+      'Imagens de produtos com fundos recortados em lojas de e-commerce.',
+      'CSS sprites e elementos de UI com transparência alfa.',
+      'Ilustrações rasterizadas e gráficos vetoriais para landing pages.',
+      'Miniaturas de artigos com fundos transparentes em blogs e portais de notícias.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusão',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'A mudança de PNG para WebP é a otimização de imagem web mais completa disponível: obtém arquivos mais leves, preserva a transparência e melhora as métricas de Core Web Vitals sem alterar nada no seu design visual. Esta ferramenta faz isso instantaneamente, gratuitamente e de forma completamente privada — as suas imagens são processadas no seu navegador e nunca viajam para qualquer servidor externo.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'pt', faq, howTo }),
+};

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

@@ -0,0 +1,182 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { PngAWebpLocaleContent } from '../index';
+
+const slug = 'konverter-png-v-webp';
+const title = 'Конвертировать PNG в WebP Онлайн и Бесплатно';
+const description =
+  'Конвертируйте PNG-изображения в WebP в вашем браузере. Размер файла меньше до 40%. Сохраняет прозрачность. Без загрузки файлов. Бесплатно и приватно.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Перетащите файлы PNG...',
+  convertText: 'Чтобы мгновенно конвертировать их в WebP',
+  selectFiles: 'Выбрать файлы',
+  processedFiles: 'Обработанные файлы',
+  downloadAll: 'Скачать всё (.zip)',
+  pending: 'В ожидании',
+  bibliographyTitle: 'Библиографические ссылки',
+  faqTitle: 'Часто задаваемые вопросы',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Зачем конвертировать PNG в WebP?',
+    answer:
+      'WebP предлагает до 40% лучшее сжатие, чем PNG, при том же качестве, а также поддерживает альфа-прозрачность. Это формат, рекомендуемый Google PageSpeed Insights.',
+  },
+  {
+    question: 'Теряется ли прозрачность в процессе?',
+    answer:
+      'Нет. Техническая реализация WebP поддерживает альфа-канал. Прозрачность оригинального PNG будет сохранена в новом файле WebP.',
+  },
+  {
+    question: 'Попадают ли мои изображения на какой-либо сервер?',
+    answer:
+      'Нет. Код выполняется исключительно в вашем браузере (на стороне клиента). Мы никогда не видим, не записываем и не сохраняем изображения, которые вы конвертируете.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Вставьте ваши PNG',
+    text: 'Перетащите ваши файлы PNG в область загрузки или воспользуйтесь традиционным интерактивным селектором.',
+  },
+  {
+    name: 'Обнаружение каналов',
+    text: 'Локальный движок рендеринга обнаружит и экспортирует попиксельную композицию в оптимизированный формат WebP.',
+  },
+  {
+    name: 'Прямое скачивание',
+    text: 'Скачивайте сильно сжатые файлы WebP по отдельности или объединяйте их вместе с помощью конвертера в ZIP-архив.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: Детали реализации WebP',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Руководство по Core Web Vitals',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Форматы изображений',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Конвертер PNG в WebP: Прозрачность и современное сжатие для веба',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> десятилетиями был эталонным форматом для веб-изображений с прозрачностью — логотипов, иконок, элементов пользовательского интерфейса, изображений товаров на вырезанных фонах. Его проблема — размер файла: сжатие без потерь, гарантирующее качество, также порождает файлы заметно большого размера. <strong>WebP</strong> от Google решает это противоречие: он поддерживает альфа-канал (прозрачность) <em>и</em> сжимает гораздо лучше, чем PNG, что делает переход с PNG на WebP на вашем сайте идеальной оптимизацией, не требующей жертв.',
+  },
+  {
+    type: 'title',
+    text: 'PNG или WebP? Когда использовать каждый формат',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> остается подходящим форматом, когда критически важна совместимость: инструменты дизайна, такие как Photoshop или Figma, рабочие процессы печати, устаревшие настольные приложения или любой контекст, где поддержка WebP не гарантирована. Это также идеальный формат для сохранения рабочих слоев в процессах редактирования, так как сжатие без потерь сохраняет каждый пиксель. Цена: файлы, которые могут весить в 3–8 раз больше, чем их эквивалент в WebP.',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong> — естественная замена PNG для всего современного веб-контента. Chrome, Firefox, Safari и Edge поддерживают его нативно. Изображение WebP без потерь на 26% меньше соответствующего изображения PNG; в режиме с потерями оно может быть до 40% меньше при практически неразличимом визуальном качестве. И что крайне важно для веб-дизайна: <strong>WebP сохраняет альфа-прозрачность</strong> точно так же, как PNG, без визуальных компромиссов.',
+  },
+  {
+    type: 'title',
+    text: 'Сравнение: локальная vs облачная конвертация',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Облачные конвертеры',
+        description: 'Инструменты, которые загружают ваши файлы на удаленный сервер.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Задержка сети при загрузке и скачивании',
+          'Ваши логотипы и изображения хранятся на сторонних серверах',
+          'Ограничения на размер файлов и дневные лимиты конвертации',
+          'Навязчивая реклама и сторонние трекеры',
+        ],
+      },
+      {
+        title: 'Наша локальная архитектура',
+        description: 'Прямая обработка на вашем оборудовании с использованием технологии Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Мгновенная скорость — нулевая задержка сети',
+          'Полная конфиденциальность — 0 байт отправлено наружу',
+          'Без лимитов по размеру или количеству файлов',
+          'Чистый интерфейс, без рекламы и отслеживания',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Как это работает технически',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG загружается локально и декодируется в <strong>HTML5 Canvas</strong> в памяти. API Canvas сохраняет альфа-канал из оригинального PNG — все прозрачные и полупрозрачные пиксели сохраняются в нетронутом виде в буфере пикселей RGBA. Затем холст экспортируется путем вызова <code>toDataURL(\'image/webp\')</code>, что применяет кодек WebP браузера (на основе libwebp от Google) для создания более компактного файла без изменения данных о прозрачности.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP использует два режима сжатия: режим без потерь для изображений, где каждый пиксель должен точно соответствовать оригиналу, и режим с потерями для фотографий и элементов, где небольшие различия незаметны. Режим без потерь позволяет получать файлы на 26% меньше, чем PNG; режим с потерями может достигать сокращения до 40% по сравнению с PNG при сохранении отличного визуального качества.',
+  },
+  {
+    type: 'tip',
+    title: 'Совет: WebP превосходит и PNG, и JPG в вебе',
+    html: 'WebP в режиме без потерь меньше, чем PNG. WebP в режиме с потерями меньше, чем JPG. Это делает WebP <strong>единственным форматом, заменяющим оба</strong> в веб-контексте. Конвертируйте ваши прозрачные PNG в WebP перед загрузкой: Google PageSpeed Insights обнаруживает это и начисляет баллы в проверках "Используйте современные форматы изображений".',
+  },
+  {
+    type: 'title',
+    text: 'Варианты использования и совместимость',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Логотипы и иконки с прозрачным фоном для сайтов и приложений.',
+      'Изображения товаров на вырезанном фоне в интернет-магазинах.',
+      'CSS-спрайты и элементы интерфейса с альфа-прозрачностью.',
+      'Растровые иллюстрации и векторная графика для лендингов.',
+      'Миниатюры статей с прозрачным фоном в блогах и новостных порталах.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Заключение',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Переход с PNG на WebP — это самая полная доступная оптимизация веб-изображений: вы получаете более легкие файлы, сохраняете прозрачность и улучшаете показатели Core Web Vitals, ничего не меняя в визуальном дизайне. Этот инструмент делает это мгновенно, бесплатно и полностью приватно — ваши изображения обрабатываются в браузере и никогда не отправляются на внешний сервер.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'ru', faq, howTo }),
+};