@jjlmoya/utils-converters 1.16.0 → 1.18.0

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
 import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
@@ -51,21 +52,6 @@ const howTo: PngAWebpLocaleContent['howTo'] = [
   },
 ];
 
-const bibliography: PngAWebpLocaleContent['bibliography'] = [
-  {
-    name: 'Google: Dettagli sull\'implementazione di WebP',
-    url: 'https://developers.google.com/speed/webp/',
-  },
-  {
-    name: 'W3C: Guida ai Core Web Vitals',
-    url: 'https://web.dev/vitals/',
-  },
-  {
-    name: 'Mozilla Docs: Formati immagine',
-    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
-  },
-];
-
 const seo: PngAWebpLocaleContent['seo'] = [
   {
     type: 'title',
@@ -115,8 +101,8 @@ const seo: PngAWebpLocaleContent['seo'] = [
         icon: 'mdi:laptop-mac',
         highlight: true,
         points: [
-          'Velocità istantanea — latenza di rete zero',
-          'Privacy completa — 0 byte inviati esternamente',
+          'Velocità istantanea - latenza di rete zero',
+          'Privacy completa - 0 byte inviati esternamente',
           'Nessun limite di MB o restrizioni sul numero di file',
           'Interfaccia pulita, senza pubblicità o tracciamento',
         ],

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
 import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
@@ -51,21 +52,6 @@ const howTo: PngAWebpLocaleContent['howTo'] = [
   },
 ];
 
-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',
@@ -116,7 +102,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
         highlight: true,
         points: [
           'ネットワーク遅延のない即座の処理速度',
-          '完全なプライバシー — 外部送信データ0バイト',
+          '完全なプライバシー - 外部送信データ0バイト',
           '容量制限やファイル数の制限なし',
           '広告や追跡のないクリーンなインターフェース',
         ],

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
 import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
@@ -51,21 +52,6 @@ const howTo: PngAWebpLocaleContent['howTo'] = [
   },
 ];
 
-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',
@@ -116,7 +102,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
         highlight: true,
         points: [
           '네트워크 지연 없는 즉각적인 속도',
-          '완벽한 개인 정보 보호 — 외부 전송 데이터 0바이트',
+          '완벽한 개인 정보 보호 - 외부 전송 데이터 0바이트',
           '용량 제한이나 파일 개수 제한 없음',
           '광고나 추적이 없는 깨끗한 인터페이스',
         ],

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
 import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
@@ -51,21 +52,6 @@ const howTo: PngAWebpLocaleContent['howTo'] = [
   },
 ];
 
-const bibliography: PngAWebpLocaleContent['bibliography'] = [
-  {
-    name: 'Google: WebP Implementatiedetails',
-    url: 'https://developers.google.com/speed/webp/',
-  },
-  {
-    name: 'W3C: Core Web Vitals Richtlijnen',
-    url: 'https://web.dev/vitals/',
-  },
-  {
-    name: 'Mozilla Docs: Beeldformaten',
-    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
-  },
-];
-
 const seo: PngAWebpLocaleContent['seo'] = [
   {
     type: 'title',
@@ -74,7 +60,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: '<strong>PNG</strong> is decennialang het referentieformaat geweest voor webafbeeldingen met transparantie — logo\'s, pictogrammen, UI-elementen, productafbeeldingen op uitgesneden achtergronden. Het probleem is de bestandsgrootte: de verliesvrije compressie die kwaliteit garandeert, genereert ook merkbaar grote bestanden. Google\'s <strong>WebP</strong> lost deze tegenstrijdigheid op: het ondersteunt het alfakanaal (transparantie) <em>en</em> comprimeert veel beter dan PNG, waardoor de overstap van PNG naar WebP op je website een perfecte optimalisatie is die niets opoffert.',
+    html: '<strong>PNG</strong> is decennialang het referentieformaat geweest voor webafbeeldingen met transparantie - logo\'s, pictogrammen, UI-elementen, productafbeeldingen op uitgesneden achtergronden. Het probleem is de bestandsgrootte: de verliesvrije compressie die kwaliteit garandeert, genereert ook merkbaar grote bestanden. Google\'s <strong>WebP</strong> lost deze tegenstrijdigheid op: het ondersteunt het alfakanaal (transparantie) <em>en</em> comprimeert veel beter dan PNG, waardoor de overstap van PNG naar WebP op je website een perfecte optimalisatie is die niets opoffert.',
   },
   {
     type: 'title',
@@ -83,7 +69,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: '<strong>PNG</strong> blijft het juiste formaat wanneer compatibiliteit cruciaal is: ontwerptools zoals Photoshop of Figma, printworkflows, verouderde desktopapplicaties of elke context waarin WebP-ondersteuning niet gegarandeerd is. Het is ook het ideale formaat voor het opslaan van werklagen in bewerkingspipelines, aangezien de verliesvrije compressie elke pixel behoudt. De kosten: bestanden die 3–8 keer meer kunnen wegen dan hun WebP-equivalent.',
+    html: '<strong>PNG</strong> blijft het juiste formaat wanneer compatibiliteit cruciaal is: ontwerptools zoals Photoshop of Figma, printworkflows, verouderde desktopapplicaties of elke context waarin WebP-ondersteuning niet gegarandeerd is. Het is ook het ideale formaat voor het opslaan van werklagen in bewerkingspipelines, aangezien de verliesvrije compressie elke pixel behoudt. De kosten: bestanden die 3-8 keer meer kunnen wegen dan hun WebP-equivalent.',
   },
   {
     type: 'paragraph',
@@ -115,8 +101,8 @@ const seo: PngAWebpLocaleContent['seo'] = [
         icon: 'mdi:laptop-mac',
         highlight: true,
         points: [
-          'Onmiddellijke snelheid — geen netwerklatentie',
-          'Volledige privacy — 0 bytes extern verzonden',
+          'Onmiddellijke snelheid - geen netwerklatentie',
+          'Volledige privacy - 0 bytes extern verzonden',
           'Geen MB-limieten of beperkingen op aantal bestanden',
           'Schone interface, geen advertenties of tracking',
         ],
@@ -130,7 +116,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'De PNG wordt lokaal geladen en gedecodeerd in een in-memory <strong>HTML5 Canvas</strong>. De Canvas API behoudt het alfakanaal van de originele PNG — alle transparante en semi-transparante pixels blijven intact in de RGBA-pixelbuffer. Het canvas wordt vervolgens geëxporteerd door <code>toDataURL(\'image/webp\')</code> aan te roepen, wat de WebP-codec van de browser (gebaseerd op Google\'s libwebp) toepast om een compacter bestand te genereren zonder de transparantiegegevens te wijzigen.',
+    html: 'De PNG wordt lokaal geladen en gedecodeerd in een in-memory <strong>HTML5 Canvas</strong>. De Canvas API behoudt het alfakanaal van de originele PNG - alle transparante en semi-transparante pixels blijven intact in de RGBA-pixelbuffer. Het canvas wordt vervolgens geëxporteerd door <code>toDataURL(\'image/webp\')</code> aan te roepen, wat de WebP-codec van de browser (gebaseerd op Google\'s libwebp) toepast om een compacter bestand te genereren zonder de transparantiegegevens te wijzigen.',
   },
   {
     type: 'paragraph',
@@ -164,7 +150,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'De overstap van PNG naar WebP is de meest complete webafbeeldingsoptimalisatie die beschikbaar is: je krijgt lichtere bestanden, behoudt transparantie en verbetert Core Web Vitals-metrieken zonder iets aan je visuele ontwerp te veranderen. Deze tool doet het onmiddellijk, gratis en volledig privé — je afbeeldingen worden verwerkt in je browser en gaan nooit naar een externe server.',
+    html: 'De overstap van PNG naar WebP is de meest complete webafbeeldingsoptimalisatie die beschikbaar is: je krijgt lichtere bestanden, behoudt transparantie en verbetert Core Web Vitals-metrieken zonder iets aan je visuele ontwerp te veranderen. Deze tool doet het onmiddellijk, gratis en volledig privé - je afbeeldingen worden verwerkt in je browser en gaan nooit naar een externe server.',
   },
 ];
 

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
 import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
@@ -51,21 +52,6 @@ const howTo: PngAWebpLocaleContent['howTo'] = [
   },
 ];
 
-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',
@@ -74,7 +60,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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ń.',
+    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',
@@ -83,7 +69,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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.',
+    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',
@@ -115,8 +101,8 @@ const seo: PngAWebpLocaleContent['seo'] = [
         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',
+          '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',
         ],
@@ -130,7 +116,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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.',
+    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',
@@ -164,7 +150,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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.',
+    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.',
   },
 ];
 

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
 import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
@@ -51,21 +52,6 @@ const howTo: PngAWebpLocaleContent['howTo'] = [
   },
 ];
 
-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',
@@ -74,7 +60,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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.',
+    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',
@@ -115,8 +101,8 @@ const seo: PngAWebpLocaleContent['seo'] = [
         icon: 'mdi:laptop-mac',
         highlight: true,
         points: [
-          'Velocidade instantânea — latência de rede zero',
-          'Privacidade total — 0 bytes enviados externamente',
+          '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',
         ],
@@ -130,7 +116,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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.',
+    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',
@@ -164,7 +150,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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.',
+    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.',
   },
 ];
 

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
 import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
@@ -51,21 +52,6 @@ const howTo: PngAWebpLocaleContent['howTo'] = [
   },
 ];
 
-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',
@@ -74,7 +60,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: '<strong>PNG</strong> десятилетиями был эталонным форматом для веб-изображений с прозрачностью — логотипов, иконок, элементов пользовательского интерфейса, изображений товаров на вырезанных фонах. Его проблема — размер файла: сжатие без потерь, гарантирующее качество, также порождает файлы заметно большого размера. <strong>WebP</strong> от Google решает это противоречие: он поддерживает альфа-канал (прозрачность) <em>и</em> сжимает гораздо лучше, чем PNG, что делает переход с PNG на WebP на вашем сайте идеальной оптимизацией, не требующей жертв.',
+    html: '<strong>PNG</strong> десятилетиями был эталонным форматом для веб-изображений с прозрачностью - логотипов, иконок, элементов пользовательского интерфейса, изображений товаров на вырезанных фонах. Его проблема - размер файла: сжатие без потерь, гарантирующее качество, также порождает файлы заметно большого размера. <strong>WebP</strong> от Google решает это противоречие: он поддерживает альфа-канал (прозрачность) <em>и</em> сжимает гораздо лучше, чем PNG, что делает переход с PNG на WebP на вашем сайте идеальной оптимизацией, не требующей жертв.',
   },
   {
     type: 'title',
@@ -83,11 +69,11 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: '<strong>PNG</strong> остается подходящим форматом, когда критически важна совместимость: инструменты дизайна, такие как Photoshop или Figma, рабочие процессы печати, устаревшие настольные приложения или любой контекст, где поддержка WebP не гарантирована. Это также идеальный формат для сохранения рабочих слоев в процессах редактирования, так как сжатие без потерь сохраняет каждый пиксель. Цена: файлы, которые могут весить в 3–8 раз больше, чем их эквивалент в WebP.',
+    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, без визуальных компромиссов.',
+    html: '<strong>WebP</strong> - естественная замена PNG для всего современного веб-контента. Chrome, Firefox, Safari и Edge поддерживают его нативно. Изображение WebP без потерь на 26% меньше соответствующего изображения PNG; в режиме с потерями оно может быть до 40% меньше при практически неразличимом визуальном качестве. И что крайне важно для веб-дизайна: <strong>WebP сохраняет альфа-прозрачность</strong> точно так же, как PNG, без визуальных компромиссов.',
   },
   {
     type: 'title',
@@ -115,8 +101,8 @@ const seo: PngAWebpLocaleContent['seo'] = [
         icon: 'mdi:laptop-mac',
         highlight: true,
         points: [
-          'Мгновенная скорость — нулевая задержка сети',
-          'Полная конфиденциальность — 0 байт отправлено наружу',
+          'Мгновенная скорость - нулевая задержка сети',
+          'Полная конфиденциальность - 0 байт отправлено наружу',
           'Без лимитов по размеру или количеству файлов',
           'Чистый интерфейс, без рекламы и отслеживания',
         ],
@@ -130,7 +116,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'PNG загружается локально и декодируется в <strong>HTML5 Canvas</strong> в памяти. API Canvas сохраняет альфа-канал из оригинального PNG — все прозрачные и полупрозрачные пиксели сохраняются в нетронутом виде в буфере пикселей RGBA. Затем холст экспортируется путем вызова <code>toDataURL(\'image/webp\')</code>, что применяет кодек WebP браузера (на основе libwebp от Google) для создания более компактного файла без изменения данных о прозрачности.',
+    html: 'PNG загружается локально и декодируется в <strong>HTML5 Canvas</strong> в памяти. API Canvas сохраняет альфа-канал из оригинального PNG - все прозрачные и полупрозрачные пиксели сохраняются в нетронутом виде в буфере пикселей RGBA. Затем холст экспортируется путем вызова <code>toDataURL(\'image/webp\')</code>, что применяет кодек WebP браузера (на основе libwebp от Google) для создания более компактного файла без изменения данных о прозрачности.',
   },
   {
     type: 'paragraph',
@@ -164,7 +150,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'Переход с PNG на WebP — это самая полная доступная оптимизация веб-изображений: вы получаете более легкие файлы, сохраняете прозрачность и улучшаете показатели Core Web Vitals, ничего не меняя в визуальном дизайне. Этот инструмент делает это мгновенно, бесплатно и полностью приватно — ваши изображения обрабатываются в браузере и никогда не отправляются на внешний сервер.',
+    html: 'Переход с PNG на WebP - это самая полная доступная оптимизация веб-изображений: вы получаете более легкие файлы, сохраняете прозрачность и улучшаете показатели Core Web Vitals, ничего не меняя в визуальном дизайне. Этот инструмент делает это мгновенно, бесплатно и полностью приватно - ваши изображения обрабатываются в браузере и никогда не отправляются на внешний сервер.',
   },
 ];
 

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
 import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
@@ -51,21 +52,6 @@ const howTo: PngAWebpLocaleContent['howTo'] = [
   },
 ];
 
-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',
@@ -74,7 +60,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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.',
+    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',
@@ -83,7 +69,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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.',
+    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',
@@ -115,8 +101,8 @@ const seo: PngAWebpLocaleContent['seo'] = [
         icon: 'mdi:laptop-mac',
         highlight: true,
         points: [
-          'Omedelbar hastighet — noll nätverkslatens',
-          'Komplett integritet — 0 byte skickas externt',
+          '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',
         ],
@@ -130,7 +116,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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.',
+    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',
@@ -164,7 +150,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     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.',
+    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.',
   },
 ];
 

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
 import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
@@ -51,21 +52,6 @@ const howTo: PngAWebpLocaleContent['howTo'] = [
   },
 ];
 
-const bibliography: PngAWebpLocaleContent['bibliography'] = [
-  {
-    name: 'Google: WebP Uygulama Detayları',
-    url: 'https://developers.google.com/speed/webp/',
-  },
-  {
-    name: 'W3C: Core Web Vitals Rehberi',
-    url: 'https://web.dev/vitals/',
-  },
-  {
-    name: 'Mozilla Docs: Görüntü Formatları',
-    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
-  },
-];
-
 const seo: PngAWebpLocaleContent['seo'] = [
   {
     type: 'title',
@@ -74,7 +60,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: '<strong>PNG</strong>, onlarca yıldır şeffaflığa sahip web görüntüleri için referans format olmuştur — logolar, simgeler, kullanıcı arayüzü öğeleri, dekupe edilmiş arka planlara sahip ürün görüntüleri. Sorunu dosya boyutudur: kaliteyi garanti eden kayıpsız sıkıştırma aynı zamanda belirgin şekilde büyük dosyalar oluşturur. Google\'ın <strong>WebP</strong>\'si bu çelişkiyi çözer: alfa kanalını (şeffaflığı) destekler <em>ve</em> PNG\'den çok daha iyi sıkıştırır; bu da web sitenizde PNG\'den WebP\'ye geçişi hiçbir şeyden ödün vermeyen mükemmel bir optimizasyon haline getirir.',
+    html: '<strong>PNG</strong>, onlarca yıldır şeffaflığa sahip web görüntüleri için referans format olmuştur - logolar, simgeler, kullanıcı arayüzü öğeleri, dekupe edilmiş arka planlara sahip ürün görüntüleri. Sorunu dosya boyutudur: kaliteyi garanti eden kayıpsız sıkıştırma aynı zamanda belirgin şekilde büyük dosyalar oluşturur. Google\'ın <strong>WebP</strong>\'si bu çelişkiyi çözer: alfa kanalını (şeffaflığı) destekler <em>ve</em> PNG\'den çok daha iyi sıkıştırır; bu da web sitenizde PNG\'den WebP\'ye geçişi hiçbir şeyden ödün vermeyen mükemmel bir optimizasyon haline getirir.',
   },
   {
     type: 'title',
@@ -115,8 +101,8 @@ const seo: PngAWebpLocaleContent['seo'] = [
         icon: 'mdi:laptop-mac',
         highlight: true,
         points: [
-          'Anında hız — sıfır ağ gecikmesi',
-          'Tam gizlilik — harici olarak gönderilen 0 bayt',
+          'Anında hız - sıfır ağ gecikmesi',
+          'Tam gizlilik - harici olarak gönderilen 0 bayt',
           'MB sınırı veya dosya sayısı kısıtlaması yok',
           'Temiz arayüz, reklam veya izleme yok',
         ],
@@ -130,7 +116,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'PNG yerel olarak yüklenir ve bellekteki bir <strong>HTML5 Canvas</strong>\'a çözülür. Canvas API\'si orijinal PNG\'deki alfa kanalını korur — tüm şeffaf ve yarı şeffaf pikseller RGBA piksel arabelleğinde sağlam tutulur. Ardından tuval, şeffaflık verilerini değiştirmeden daha kompakt bir dosya oluşturmak için tarayıcının (Google\'ın libwebp tabanlı) WebP codec bileşenini uygulayan <code>toDataURL(\'image/webp\')</code> çağrısı yapılarak dışa aktarılır.',
+    html: 'PNG yerel olarak yüklenir ve bellekteki bir <strong>HTML5 Canvas</strong>\'a çözülür. Canvas API\'si orijinal PNG\'deki alfa kanalını korur - tüm şeffaf ve yarı şeffaf pikseller RGBA piksel arabelleğinde sağlam tutulur. Ardından tuval, şeffaflık verilerini değiştirmeden daha kompakt bir dosya oluşturmak için tarayıcının (Google\'ın libwebp tabanlı) WebP codec bileşenini uygulayan <code>toDataURL(\'image/webp\')</code> çağrısı yapılarak dışa aktarılır.',
   },
   {
     type: 'paragraph',
@@ -164,7 +150,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'PNG\'den WebP\'ye geçiş, mevcut en eksiksiz web görüntüsü optimizasyonudur: görsel tasarımınız hakkında hiçbir şeyi değiştirmeden daha hafif dosyalar elde eder, şeffaflığı korur ve Core Web Vitals metriklerini iyileştirir. Bu araç bunu anında, ücretsiz ve tamamen gizli bir şekilde yapar — görüntüleriniz tarayıcınızda işlenir ve asla harici bir sunucuya gitmez.',
+    html: 'PNG\'den WebP\'ye geçiş, mevcut en eksiksiz web görüntüsü optimizasyonudur: görsel tasarımınız hakkında hiçbir şeyi değiştirmeden daha hafif dosyalar elde eder, şeffaflığı korur ve Core Web Vitals metriklerini iyileştirir. Bu araç bunu anında, ücretsiz ve tamamen gizli bir şekilde yapar - görüntüleriniz tarayıcınızda işlenir ve asla harici bir sunucuya gitmez.',
   },
 ];
 

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
 import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
@@ -51,21 +52,6 @@ const howTo: PngAWebpLocaleContent['howTo'] = [
   },
 ];
 
-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',
@@ -74,7 +60,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: '<strong>PNG</strong> 几十年来一直是带透明度的 Web 图像的标准格式——标志、图标、UI 元素、抠图背景的产品图。其问题在于文件体积: 保证质量的无损压缩也会产生显著的大文件。Google 的 <strong>WebP</strong> 解决了这一矛盾: 它支持 Alpha 通道(透明度) <em>且</em> 压缩率远高于 PNG, 这使得在您的网站上将 PNG 切换为 WebP 成为一种不牺牲任何质量的完美优化。',
+    html: '<strong>PNG</strong> 几十年来一直是带透明度的 Web 图像的标准格式-标志、图标、UI 元素、抠图背景的产品图。其问题在于文件体积: 保证质量的无损压缩也会产生显著的大文件。Google 的 <strong>WebP</strong> 解决了这一矛盾: 它支持 Alpha 通道(透明度) <em>且</em> 压缩率远高于 PNG, 这使得在您的网站上将 PNG 切换为 WebP 成为一种不牺牲任何质量的完美优化。',
   },
   {
     type: 'title',
@@ -115,8 +101,8 @@ const seo: PngAWebpLocaleContent['seo'] = [
         icon: 'mdi:laptop-mac',
         highlight: true,
         points: [
-          '即时处理——零网络延迟',
-          '完全私密——数据向外发送量为 0 字节',
+          '即时处理-零网络延迟',
+          '完全私密-数据向外发送量为 0 字节',
           '无 MB 限制或文件数量限制',
           '界面简洁, 无广告或追踪',
         ],
@@ -130,7 +116,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'PNG 文件被本地加载并解码到内存中的 <strong>HTML5 Canvas</strong> 中。Canvas API 保留了原始 PNG 的 Alpha 通道——所有透明和半透明像素在 RGBA 像素缓冲区中保持原样。然后通过调用 <code>toDataURL(\'image/webp\')</code> 导出画布, 该方法应用浏览器的 WebP 编解码器 (基于 Google 的 libwebp) 来生成更紧凑的文件, 而不会改变透明度数据。',
+    html: 'PNG 文件被本地加载并解码到内存中的 <strong>HTML5 Canvas</strong> 中。Canvas API 保留了原始 PNG 的 Alpha 通道-所有透明和半透明像素在 RGBA 像素缓冲区中保持原样。然后通过调用 <code>toDataURL(\'image/webp\')</code> 导出画布, 该方法应用浏览器的 WebP 编解码器 (基于 Google 的 libwebp) 来生成更紧凑的文件, 而不会改变透明度数据。',
   },
   {
     type: 'paragraph',
@@ -139,7 +125,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   {
     type: 'tip',
     title: '提示: 在 Web 端, WebP 同时超越了 PNG 和 JPG',
-    html: '无损模式下的 WebP 比 PNG 小。有损模式下的 WebP 比 JPG 小。这使得 WebP 成为 Web 环境下 <strong>唯一能够同时取代两者的格式</strong>。在上传之前将您的透明 PNG 转换为 WebP: Google PageSpeed Insights 会检测到这一点, 并在“以现代格式提供图像”审计中给出正面评分。',
+    html: '无损模式下的 WebP 比 PNG 小。有损模式下的 WebP 比 JPG 小。这使得 WebP 成为 Web 环境下 <strong>唯一能够同时取代两者的格式</strong>。在上传之前将您的透明 PNG 转换为 WebP: Google PageSpeed Insights 会检测到这一点, 并在\"以现代格式提供图像\"审计中给出正面评分。',
   },
   {
     type: 'title',

package/src/tool/pngAWebp/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await pngAWebp.i18n[locale]?.();
+if (!content) return null;
 ---
 
-{content && <SEORenderer content={{ locale, sections: content.seo }} />}
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}