@jjlmoya/utils-converters 1.7.0 → 1.9.0

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

package/src/tool/pngAWebp/i18n/sv.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 = 'konvertera-png-till-webp';
+const title = 'Konvertera PNG till WebP Online och Gratis';
+const description =
+  'Konvertera PNG-bilder till WebP i din webbläsare. Upp till 40 % mindre filstorlek. Bevarar transparens. Inga filuppladdningar. Gratis och privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Dra PNG-filer hit...',
+  convertText: 'För att konvertera dem till WebP direkt',
+  selectFiles: 'Välj filer',
+  processedFiles: 'Bearbetade filer',
+  downloadAll: 'Ladda ner alla (.zip)',
+  pending: 'Väntande',
+  bibliographyTitle: 'Bibliografiska Referenser',
+  faqTitle: 'Vanliga Frågor',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Varför konvertera PNG till WebP?',
+    answer:
+      'WebP erbjuder upp till 40 % bättre komprimering än PNG vid samma kvalitet, samtidigt som det stöder Alpha-transparens. Det är det format som rekommenderas av Google PageSpeed Insights.',
+  },
+  {
+    question: 'Går transparens förlorad i processen?',
+    answer:
+      'Nej. Den tekniska implementeringen av WebP stöder alfakanalen. Transparensen i den ursprungliga PNG-filen kommer att bevaras i den nya WebP-filen.',
+  },
+  {
+    question: 'Skickas mina bilder till någon server?',
+    answer:
+      'Nej. Koden körs exklusivt i din webbläsare (Client-Side). Vi ser, registrerar eller sparar aldrig de bilder du konverterar.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Lägg till dina PNG-filer',
+    text: 'Släpp dina stora PNG-filer i uppladdningsområdet eller använd den traditionella interaktiva väljaren.',
+  },
+  {
+    name: 'Kanalidentifiering',
+    text: 'Den lokala renderingsmotorn kommer att identifiera och exportera pixelsammansättningen till det optimerade WebP-formatet.',
+  },
+  {
+    name: 'Direkt nedladdning',
+    text: 'Ladda ner dina högkomprimerade WebP-filer individuellt eller bunta ihop dem med hjälp av ZIP-paketkonverteraren.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: WebP-implementeringsdetaljer',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Vägledning för Core Web Vitals',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Bildformat',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'PNG till WebP-konverterare: Transparens och modern komprimering för webben',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> har varit referensformatet för webbbilder med transparens i årtionden — logotyper, ikoner, UI-element, produktbilder på utskurna bakgrunder. Problemet är filstorleken: den förlustfria komprimeringen som garanterar kvalitet genererar också märkbart stora filer. Googles <strong>WebP</strong> löser denna motsägelse: det stöder alfakanalen (transparens) <em>och</em> komprimerar mycket bättre än PNG, vilket gör bytet från PNG till WebP på din webbplats till en perfekt optimering som inte offrar något.',
+  },
+  {
+    type: 'title',
+    text: 'PNG eller WebP? När du ska använda respektive format',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> förblir rätt format när kompatibilitet är avgörande: designverktyg som Photoshop eller Figma, arbetsflöden för utskrift, äldre skrivbordsapplikationer eller sammanhang där WebP-stöd inte kan garanteras. Det är också det ideala formatet för att spara arbetslager i redigeringsflöden, eftersom dess förlustfria komprimering bevarar varje pixel. Kostnaden: filer som kan väga 3–8 gånger mer än deras WebP-motsvarighet.',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong> är den naturliga ersättaren för PNG för allt modernt webbinnehåll. Chrome, Firefox, Safari och Edge stöder det alla nativt. En förlustfri WebP-bild är 26 % mindre än motsvarande PNG; i förlustläge kan den vara upp till 40 % mindre med praktiskt taget oskiljbar visuell kvalitet. Och avgörande för webbdesign: <strong>WebP bevarar alfa-transparens</strong> exakt som PNG, utan visuella kompromisser.',
+  },
+  {
+    type: 'title',
+    text: 'Jämförelse: Lokal vs Molnkonvertering',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Molnkonverterare',
+        description: 'Verktyg som laddar upp dina filer till en fjärrserver.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Nätverkslatens vid uppladdning och nedladdning',
+          'Dina logotyper och bilder lagras på tredjepartsservrar',
+          'Begränsningar i filstorlek och dagliga konverteringstak',
+          'Påträngande annonser och spårare från tredje part',
+        ],
+      },
+      {
+        title: 'Vår Lokala Arkitektur',
+        description: 'Direkt bearbetning på din hårdvara med Vanilla JS-teknik.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Omedelbar hastighet — noll nätverkslatens',
+          'Komplett integritet — 0 byte skickas externt',
+          'Inga MB-gränser eller begränsningar på antal filer',
+          'Rent gränssnitt, inga annonser eller spårning',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Hur det fungerar tekniskt',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG-filen laddas lokalt och avkodas till ett <strong>HTML5 Canvas</strong> i minnet. Canvas-API:et bevarar alfakanalen från den ursprungliga PNG-filen — alla transparenta och halvtransparenta pixlar hålls intakta i RGBA-pixelbufferten. Canvasen exporteras sedan genom att anropa <code>toDataURL(\'image/webp\')</code>, vilket tillämpar webbläsarens WebP-codec (baserat på Googles libwebp) för att generera en mer kompakt fil utan att ändra transparensdatan.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP använder två komprimeringslägen: förlustfritt läge för bilder där varje pixel måste vara exakt trogen originalet, och förlustläge för foton och element där små skillnader är omärkliga. Förlustfritt läge ger filer som är 26 % mindre än PNG; förlustläge kan uppnå minskningar på upp till 40 % jämfört med PNG med bibehållen utmärkt visuell kvalitet.',
+  },
+  {
+    type: 'tip',
+    title: 'Tips: WebP vinner över både PNG och JPG på webben',
+    html: 'WebP i förlustfritt läge är mindre än PNG. WebP i förlustläge är mindre än JPG. Detta gör WebP till det <strong>enda formatet som ersätter båda</strong> i webbsammanhang. Konvertera dina transparenta PNG-filer till WebP innan du laddar upp dem: Google PageSpeed Insights upptäcker det och ger höga poäng i revisioner för "Leverera bilder i moderna format".',
+  },
+  {
+    type: 'title',
+    text: 'Användningsområden och kompatibilitet',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Logotyper och ikoner med transparent bakgrund för webbplatser och appar.',
+      'Produktbilder med utskurna bakgrunder i e-handelsbutiker.',
+      'CSS-sprites och UI-element med alfa-transparens.',
+      'Rastrerade illustrationer och vektorgrafik för målsidor.',
+      'Artikelminiatyrer med transparent bakgrund i bloggar och nyhetsportaler.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Slutsats',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Bytet från PNG till WebP är den mest kompletta optimeringen av webbbilder som finns tillgänglig: du får lättare filer, bevarar transparens och förbättrar Core Web Vitals-mått utan att ändra någonting i din visuella design. Detta verktyg gör det omedelbart, gratis och helt privat — dina bilder bearbetas i din webbläsare och skickas aldrig till någon extern server.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'sv', faq, howTo }),
+};