@jjlmoya/utils-converters 1.16.0 → 1.19.0

package/src/tool/pngAJpg/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 { PngAJpgLocaleContent } from '../index';
@@ -20,24 +21,24 @@ const ui: ImageConverterUI = {
 
 const faq: PngAJpgLocaleContent['faq'] = [
   {
-    question: 'Neden yerel PNG - JPG dönüştürücümüzü seçmelisiniz?',
+    question: '¿Por qué elegir nuestro convertidor local de PNG a JPG?',
     answer:
-      'Geleneksel araçların aksine, yardımcı programımız dosyaları tamamen tarayıcınızda işler. Görüntüleriniz asla başkasının sabit diskine değmez, bu da verilerinizin tam egemenliğini ve gizliliğini garanti eder.',
+      'A diferencia de las herramientas convencionales, nuestra utilidad procesa los archivos íntegramente en tu navegador. Tus imágenes nunca tocan un disco duro ajeno, garantizando la total soberanía y privacidad de tus datos.',
   },
   {
-    question: 'JPG mi yoksa PNG mi? Benim durumum için hangisi daha iyi?',
+    question: '¿JPG o PNG? ¿Cuál es mejor para mi caso?',
     answer:
-      'PNG, logolar ve şeffaflık içeren öğeler için idealdir. Ancak JPG, web sitelerinin yükleme hızını önemli ölçüde artıran çok daha düşük ağırlıklara ulaştığı için fotoğraflar ve web banner\'ları için altın standarttır.',
+      'El PNG es ideal para logotipos y elementos con transparencia. Sin embargo, el JPG es el estándar de oro para fotografías y banners web, ya que logra pesos mucho más reducidos, mejorando drásticamente la velocidad de carga de un sitio.',
   },
   {
-    question: 'Hiçbir şey yüklemeden teknik dönüşüm nasıl çalışıyor?',
+    question: '¿Cómo funciona la conversión técnica sin subir nada?',
     answer:
-      'HTML5 Canvas\'ın gücünü kullanıyoruz. Tarayıcı, görüntüyü görünmez bir sanal tuval üzerinde yeniden oluşturur, şeffaflıkları beyaza boyar ve anında doğrudan indirdiğiniz bir bayt akışı oluşturur.',
+      'Utilizamos la potencia del Canvas de HTML5. El navegador recrea la imagen en un lienzo virtual invisible, rellena las transparencias con blanco y genera un flujo de bytes que descargas directamente al instante.',
   },
   {
-    question: 'Gizli belgeler için güvenli mi?',
+    question: '¿Es seguro para documentos confidenciales?',
     answer:
-      'Evet, bankacılık, sağlık veya hukuk sektörlerindeki profesyoneller için en güvenli seçenektir. Sadece RAM\'inizi kullanan bir "kara kutu" olduğu için, içinde olup bitenler sekmeyi kapattığınızda ölür ve üçüncü taraf bulutlarda sızıntıları önler.',
+      'Sí, es la opción más segura para profesionales de la banca, salud o derecho. Al ser una "caja negra" que solo usa tu RAM, lo que pasa dentro muere al cerrar la pestaña, evitando filtraciones en nubes de terceros.',
   },
 ];
 
@@ -56,124 +57,113 @@ const howTo: PngAJpgLocaleContent['howTo'] = [
   },
 ];
 
-const bibliography: PngAJpgLocaleContent['bibliography'] = [
-  {
-    name: 'PNG Konsorsiyumu Özellikleri',
-    url: 'http://www.libpng.org/pub/png/',
-  },
-  {
-    name: 'JPEG Komitesi',
-    url: 'https://jpeg.org/',
-  },
-];
-
 const seo: PngAJpgLocaleContent['seo'] = [
   {
     type: 'title',
-    text: 'PNG - JPG Dönüştürücü: Görüntü Optimizasyonu İçin Kesin Kılavuz',
+    text: 'Convertidor de PNG a JPG: La Guía Definitiva para la Optimización de Imágenes',
     level: 2,
   },
   {
     type: 'paragraph',
-    html: 'Dijital tasarım ve web geliştirme dünyasında verimlilik her şeydir. PNG (Portable Network Graphics) formatı, şeffaflıkları koruma yeteneği ve kayıpsız sıkıştırması nedeniyle sevilir, ancak büyük bir düşmanı vardır: dosya ağırlığı. Web sitenizin uçmasını veya e-postalarınızın anında yüklenmesini istediğinizde, PNG\'den JPG\'ye geçiş en akıllıca teknik karardır.',
+    html: 'En el mundo del diseño digital y el desarrollo web, la eficiencia lo es todo. El formato PNG (Portable Network Graphics) es amado por su capacidad de mantener transparencias y su compresión sin pérdida, pero tiene un gran enemigo: el peso del archivo. Cuando necesitas que tu sitio web vuele o que tus emails carguen instantáneamente, el paso de PNG a JPG es la decisión técnica más inteligente.',
   },
   {
     type: 'title',
-    text: 'JPG mi yoksa PNG mi?',
+    text: '¿JPG o PNG?',
     level: 3,
   },
   {
     type: 'paragraph',
-    html: 'Bir format diğerinden daha iyi değildir, her ihtiyaca uygun bir araç vardır. PNG kayıpsız bir formattır; arayüz maketleri, küçük metinli logolar ve şeffaf arka plan gerektiren görsel öğeler için idealdir. Ancak bu sadakatin bir bedeli vardır: dosyalar sıkıştırılmış eşdeğerinden 5 veya 10 kat daha ağır olabilir.',
+    html: 'No existe un formato mejor que otro, sino una herramienta para cada necesidad. El PNG es un formato sin pérdida, ideal para maquetas de interfaces, logotipos con texto pequeño y elementos visuales que requieren un fondo transparente. Sin embargo, esta fidelidad tiene un coste: archivos que pueden ser 5 o 10 veces más pesados que su equivalente comprimido.',
   },
   {
     type: 'paragraph',
-    html: 'Öte yandan JPG (Joint Photographic Experts Group), insan gözünün neredeyse hiç fark etmediği bilgileri kaldırmak için ayrıklaştırma algoritmaları kullanarak tüy siklet ağırlıklara ulaşır. Fotoğraflar, reklam banner\'ları ve sosyal medya için altın standarttır. PNG\'lerinizi JPG\'ye dönüştürerek geometrik sadakati ağ hızıyla değiştiriyorsunuz.',
+    html: 'El JPG (Joint Photographic Experts Group), por otro lado, utiliza algoritmos de discretización para eliminar información que el ojo humano apenas percibe, logrando pesos pluma. Es el estándar de oro para fotografías, banners publicitarios y redes sociales. Al convertir tus PNG a JPG, estás traduciendo fidelidad geométrica por velocidad de red.',
   },
   {
     type: 'title',
-    text: 'Mimari Karşılaştırması: Yerel ve Bulut',
+    text: 'Comparativa de Arquitectura: Local vs Nube',
     level: 3,
   },
   {
     type: 'comparative',
     items: [
       {
-        title: 'Bulut Dönüştürücüler',
-        description: 'Fotoğraflarınızı uzak bir sunucuya yükleyen geleneksel araçlar.',
+        title: 'Convertidores Cloud',
+        description: 'Herramientas tradicionales que suben tus fotos a un servidor remoto.',
         icon: 'mdi:cloud-upload',
         pointIcon: 'mdi:close-circle-outline',
         points: [
-          'Ağ gecikmesi (Yükleme/İndirme)',
-          'Özel verilerin sızma riski',
-          'Dosya başına boyut sınırları',
-          'Reklamlar ve izleyiciler',
+          'Latencia de red (Upload/Download)',
+          'Riesgo de filtración de datos privados',
+          'Límites de tamaño por archivo',
+          'Publicidad y rastreadores',
         ],
       },
       {
-        title: 'Yerel Mimarimiz',
-        description: 'Vanilla JS teknolojisi aracılığıyla donanımınızda doğrudan işleme.',
+        title: 'Nuestra Arquitectura Local',
+        description: 'Procesamiento directo en tu hardware mediante tecnología Vanilla JS.',
         icon: 'mdi:laptop-mac',
         highlight: true,
         points: [
-          'Ağsız anında hız',
-          'Garantili gizlilik (0 bayt gönderildi)',
-          'Dosya başına MB sınırı yok',
-          'Profesyonel ve temiz arayüz',
+          'Velocidad instantánea sin red',
+          'Privacidad garantizada (0 bytes enviados)',
+          'Sin límites de MB por archivo',
+          'Interfaz profesional y limpia',
         ],
       },
     ],
   },
   {
     type: 'title',
-    text: 'Teknik dönüşüm nasıl çalışır?',
+    text: 'Cómo funciona la conversión técnica',
     level: 3,
   },
   {
     type: 'paragraph',
-    html: 'Bir görüntüyü sunucuya göndermeden nasıl dönüştürmenin mümkün olduğunu merak ediyor olmalısınız. Sihir, modern tarayıcıların gücünde yatıyor. Bir dosya seçtiğinizde, yalnızca RAM\'inizde bulunan bir Blob oluşturuyoruz. Bu Blob, görünmez bir HTML5 Canvas öğesi üzerinde çizilir.',
+    html: 'Probablemente te preguntes cómo es posible convertir una imagen sin enviarla a un servidor. La magia reside en la potencia de los navegadores modernos. Cuando seleccionas un archivo, generamos un Blob que solo existe en tu RAM. Ese Blob se dibuja en un elemento HTML5 Canvas invisible.',
   },
   {
     type: 'paragraph',
-    html: 'JPG şeffaflığı desteklemediği için algoritmamız, PNG\'yi üzerine "boyamadan" önce arka planı düz beyaz bir renkle doldurur. Görüntü oluşturulduktan sonra yerel dışa aktarma yöntemini çalıştırarak bilgisayarınızın doğrudan indirdiği bir bayt akışı oluşturuyoruz.',
+    html: 'Dado que el JPG no soporta transparencias, nuestro algoritmo rellena el fondo con un color blanco sólido antes de "pintar" el PNG encima. Una vez compuesta la imagen, ejecutamos el método de exportación nativo, generando un flujo de bytes que tu ordenador descarga directamente.',
   },
   {
     type: 'tip',
-    title: 'SEO İpucu: İdeal Ağırlık',
-    html: 'Google, yavaş web sitelerini aktif olarak cezalandırır. Largest Contentful Paint (LCP) değeriniz 2MB\'lık bir başlık PNG\'si nedeniyle yüksekse, bunu 200KB\'lık bir JPG\'ye dönüştürmek, görsel fark olmadan PageSpeed metriklerinizi anında iyileştirebilir.',
+    title: 'Consejo SEO: El Peso Ideal',
+    html: 'Google penaliza activamente los sitios web lentos. Si tu Largest Contentful Paint (LCP) es alto por culpa de un PNG de cabecera de 2MB, convertirlo a un JPG de 200KB puede mejorar tus métricas de PageSpeed instantáneamente sin diferencias visuales.',
   },
   {
     type: 'title',
-    text: 'Şirketler ve Profesyoneller İçin Güvenlik',
+    text: 'Seguridad para Empresas y Profesionales',
     level: 3,
   },
   {
     type: 'paragraph',
-    html: 'Bankacılık, sağlık veya hukuk gibi hassas sektörlerde çalışıyorsanız, dosyaları çevrimiçi dönüştürücülere yüklemek bir güvenlik ihlalidir. Aracımız bir "kara kutu" gibi çalışır: içinde ne oluyorsa RAM\'inizde kalır. Gizli belgelerle çalışmanın tek güvenli yolu budur.',
+    html: 'Si trabajas en sectores sensibles como la banca, la salud o el derecho, subir archivos a conversores online es una violación de seguridad. Nuestra herramienta funciona como una "caja negra": lo que pasa dentro se queda en tu RAM. Es la única forma segura de trabajar con documentos confidenciales.',
   },
   {
     type: 'title',
-    text: 'Sonucun Uyumluluğu',
+    text: 'Compatibilidad del Resultado',
     level: 3,
   },
   {
     type: 'list',
     icon: 'mdi:check-circle',
     items: [
-      'Windows, macOS ve mobil cihaz görüntüleyicileri.',
-      'Sosyal ağlar (Instagram, LinkedIn vb.).',
-      'Ofis araçları (Word, PowerPoint).',
-      'İçerik yöneticileri (WordPress, Shopify).',
+      'Visores de Windows, macOS y dispositivos móviles.',
+      'Redes sociales (Instagram, LinkedIn, etc).',
+      'Herramientas de ofimática (Word, PowerPoint).',
+      'Gestores de contenido (WordPress, Shopify).',
     ],
   },
   {
     type: 'title',
-    text: 'Sonuç: Bir Profesyonel Gibi Optimize Edin',
+    text: 'Conclusión: Optimiza como un Pro',
     level: 3,
   },
   {
     type: 'paragraph',
-    html: 'Bu dönüştürücü sadece başka bir sayfa değil; hayatınızı kolaylaştırmak için tasarlanmış bir mühendislik harikasıdır. İster bir geliştirici ister bir ev kullanıcısı olun, megabaytlardan tasarruf etmek ve verilerinizi güvende tutmak için nihai çözüm burada.',
+    html: 'Este convertidor no es solo una página más; es una pieza de ingeniería diseñada para facilitarte la vida. Ya seas un desarrollador o un usuario doméstico, aquí tienes la solución definitiva para ahorrar megabytes y mantener tus datos a salvo.',
   },
 ];
 

package/src/tool/pngAJpg/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 { PngAJpgLocaleContent } from '../index';
@@ -20,25 +21,21 @@ const ui: ImageConverterUI = {
 
 const faq: PngAJpgLocaleContent['faq'] = [
   {
-    question: '为什么要选择我们的本地 PNG 转 JPG 转换器？',
-    answer:
-      '与传统工具不同，我们的实用程序完全在您的浏览器中处理文件。您的图像永远不会触及他人的硬盘，保证了您数据的完全主权和隐私。',
+    "question": "为什么选择我们的本地 PNG 转 JPG 转换器？",
+    "answer": "与普通的在线转换工具不同，我们的程序完全在您的浏览器内部处理图片。您的文件绝不会上传到第三方服务器，保证绝对的数据隐私。"
   },
   {
-    question: 'JPG 还是 PNG？哪种更适合我的情况？',
-    answer:
-      'PNG 是具有透明度要求的徽标和元素的理想选择。然而，JPG 是摄影和网页横幅的黄金标准，因为它能达到更小的文件体积，从而显著提高网站的加载速度。',
+    "question": "JPG 与 PNG：哪种格式更适合您？",
+    "answer": "PNG 非常适合包含透明背景的标志和图标。JPG 具有更高的压缩率，文件体积更小，非常适合网页照片和广告横幅。"
   },
   {
-    question: '如何在不上传任何内容的情况下进行技术转换？',
-    answer:
-      '我们利用 HTML5 Canvas 的强大功能。浏览器在一个不可见的虚拟画布上重建图像，用白色填充透明部分，并生成可以直接立即下载的字节流。',
+    "question": "无需上传的本地转换是如何实现的？",
+    "answer": "我们使用了 HTML5 Canvas 技术。浏览器在后台的虚拟画布上绘制 PNG 图片，将透明区域填充为纯白背景，并直接生成 JPG 字节流。"
   },
   {
-    question: '对于机密文档安全吗？',
-    answer:
-      '是的，对于银行业、医疗保健或法律行业的专业人士来说，这是最安全的选择。作为一个仅使用您内存的“黑匣子”，关闭标签页后，内部发生的一切都会消失，从而避免了第三方云端的泄露。',
-  },
+    "question": "处理商业机密或敏感文件安全吗？",
+    "answer": "非常安全。所有数据仅储存在您的浏览器内存中，关闭标签页后临时数据将立刻完全销毁。"
+  }
 ];
 
 const howTo: PngAJpgLocaleContent['howTo'] = [
@@ -48,133 +45,122 @@ const howTo: PngAJpgLocaleContent['howTo'] = [
   },
   {
     name: '即时处理',
-    text: '在浏览器本地优化大小的同时，确认每个文件的状态变为“就绪”。',
+    text: '在浏览器本地优化大小的同时，确认每个文件的状态变为\"就绪\"。',
   },
   {
     name: '优化下载',
-    text: '逐个保存您的新 JPG，或使用“下载全部”按钮获取包含所有图像的压缩 ZIP 文件。',
-  },
-];
-
-const bibliography: PngAJpgLocaleContent['bibliography'] = [
-  {
-    name: 'PNG 联盟规范',
-    url: 'http://www.libpng.org/pub/png/',
-  },
-  {
-    name: 'JPEG 委员会',
-    url: 'https://jpeg.org/',
+    text: '逐个保存您的新 JPG，或使用\"下载全部\"按钮获取包含所有图像的压缩 ZIP 文件。',
   },
 ];
 
 const seo: PngAJpgLocaleContent['seo'] = [
   {
-    type: 'title',
-    text: 'PNG 转 JPG 转换器：图像优化终极指南',
-    level: 2,
+    "type": "title",
+    "text": "PNG转JPG在线转换器：图像优化指南",
+    "level": 2
   },
   {
-    type: 'paragraph',
-    html: '在数字设计和网页开发的世界中，效率就是一切。PNG (Portable Network Graphics) 格式因其保持透明度的能力和无损压缩而受到喜爱，但它有一个大敌人：文件重量。当您希望您的网站飞速运行或您的电子邮件即时加载时，从 PNG 转换为 JPG 是最明智的技术决策。',
+    "type": "paragraph",
+    "html": "在浏览器中直接将PNG图片转换为JPG格式，无需上传服务器，保护隐私并提高网站加载速度。"
   },
   {
-    type: 'title',
-    text: 'JPG 还是 PNG？',
-    level: 3,
+    "type": "title",
+    "text": "JPG 与 PNG 对比",
+    "level": 3
   },
   {
-    type: 'paragraph',
-    html: '没有一种格式优于另一种格式，只有适合每种需求的工具。PNG 是无损格式，非常适合界面模型、带有小文本的徽标以及需要透明背景的视觉元素。然而，这种忠实性是有代价的：文件体积可能比压缩后的同类产品重 5 或 10 倍。',
+    "type": "paragraph",
+    "html": "PNG支持透明背景但体积较大；JPG压缩率高且体积小，非常适合网页图片和照片。"
   },
   {
-    type: 'paragraph',
-    html: '另一方面，JPG (Joint Photographic Experts Group) 使用离散化算法技术来删除人眼几乎察觉不到的信息，从而实现羽量级的大小。它是摄影、广告横幅和社交媒体的黄金标准。通过将 PNG 转换为 JPG，您是将几何保真度换取网络速度。',
+    "type": "paragraph",
+    "html": "转换为JPG可以在保持良好视觉质量的同时大幅减少文件大小。"
   },
   {
-    type: 'title',
-    text: '架构对比：本地 vs 云端',
-    level: 3,
+    "type": "title",
+    "text": "本地处理与云端转换对比",
+    "level": 3
   },
   {
-    type: 'comparative',
-    items: [
+    "type": "comparative",
+    "items": [
       {
-        title: '云端转换器',
-        description: '将您的照片上传到远程服务器的传统工具。',
-        icon: 'mdi:cloud-upload',
-        pointIcon: 'mdi:close-circle-outline',
-        points: [
-          '网络延迟（上传/下载）',
-          '私有数据泄露风险',
-          '每个文件的尺寸限制',
-          '广告和追踪器',
-        ],
+        "title": "云端转换工具",
+        "description": "需要将图片上传到远程服务器。",
+        "icon": "mdi:cloud-upload",
+        "pointIcon": "mdi:close-circle-outline",
+        "points": [
+          "网络传输延迟",
+          "隐私泄露风险",
+          "文件大小限制",
+          "广告弹窗"
+        ]
       },
       {
-        title: '我们的本地架构',
-        description: '通过 Vanilla JS 技术在您的硬件上直接处理。',
-        icon: 'mdi:laptop-mac',
-        highlight: true,
-        points: [
-          '无需网络的即时速度',
-          '隐私保证（发送数据为 0 字节）',
-          '无单文件大小限制',
-          '专业且干净的界面',
-        ],
-      },
-    ],
+        "title": "本地转换架构",
+        "description": "基于HTML5 Canvas技术的本地直接处理。",
+        "icon": "mdi:laptop-mac",
+        "highlight": true,
+        "points": [
+          "秒级极速转换",
+          "绝对隐私安全（0字节上传）",
+          "无文件大小限制",
+          "界面简洁"
+        ]
+      }
+    ]
   },
   {
-    type: 'title',
-    text: '技术转换的工作原理',
-    level: 3,
+    "type": "title",
+    "text": "本地转换技术原理",
+    "level": 3
   },
   {
-    type: 'paragraph',
-    html: '您可能想知道如何在不发送到服务器的情况下转换图像。奥秘在于现代浏览器的强大功能。当您选择一个文件时，我们会生成一个仅存在于您内存中的 Blob。该 Blob 会被绘制在一个不可见的 HTML5 Canvas 元素上。',
+    "type": "paragraph",
+    "html": "利用浏览器原生的Canvas API，在内存中渲染图像并自动充填白色背景后导出JPG字节流。"
   },
   {
-    type: 'paragraph',
-    html: '由于 JPG 不支持透明度，我们的算法会在“绘制”PNG 之前先用纯白色填充背景。合成图像后，我们执行原生导出方法，生成可供您的计算机直接下载的字节流。',
+    "type": "paragraph",
+    "html": "透明区域将自动替换为纯白背景，完美适配JPG标准。"
   },
   {
-    type: 'tip',
-    title: 'SEO 建议：理想的文件重量',
-    html: 'Google 会主动惩罚缓慢的网站。如果您的 Largest Contentful Paint (LCP) 因为一个 2MB 的头部 PNG 而偏高，那么将其转换为 200KB 的 JPG 可以在不影响视觉效果的情况下立即改善您的 PageSpeed 指标。',
+    "type": "tip",
+    "title": "SEO 优化建议",
+    "html": "压缩网页图片体积可显著改善 PageSpeed 指标和用户体验。"
   },
   {
-    type: 'title',
-    text: '企业和专业人士的安全保障',
-    level: 3,
+    "type": "title",
+    "text": "企业级数据安全",
+    "level": 3
   },
   {
-    type: 'paragraph',
-    html: '如果您在银行、医疗保健或法律等敏感行业工作，将文件上传到在线转换器属于安全违规行为。我们的工具就像一个“黑匣子”：内部发生的一切都留在您的内存中。这是处理机密文档唯一安全的方法。',
+    "type": "paragraph",
+    "html": "处理敏感文件更安全，关闭标签页后所有临时内存数据即刻销毁。"
   },
   {
-    type: 'title',
-    text: '结果的兼容性',
-    level: 3,
+    "type": "title",
+    "text": "兼容性说明",
+    "level": 3
   },
   {
-    type: 'list',
-    icon: 'mdi:check-circle',
-    items: [
-      'Windows、macOS 和移动设备查看器。',
-      '社交网络 (Instagram, LinkedIn 等)。',
-      '办公工具 (Word, PowerPoint)。',
-      '内容管理系统 (WordPress, Shopify)。',
-    ],
+    "type": "list",
+    "icon": "mdi:check-circle",
+    "items": [
+      "主流操作系统与移动设备",
+      "社交媒体平台",
+      "办公软件",
+      "CMS建站系统"
+    ]
   },
   {
-    type: 'title',
-    text: '结论：像专业人士一样优化',
-    level: 3,
+    "type": "title",
+    "text": "总结",
+    "level": 3
   },
   {
-    type: 'paragraph',
-    html: '这个转换器不只是另一个网页；它是为您生活更便捷而设计的工程杰作。无论您是开发人员还是家庭用户，这里都有节省空间并确保数据安全的终极解决方案。',
-  },
+    "type": "paragraph",
+    "html": "兼具高速与安全的专业图像处理工具。"
+  }
 ];
 
 

package/src/tool/pngAJpg/seo.astro

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

package/src/tool/pngAWebp/bibliography.ts

@@ -0,0 +1,16 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'Google: WebP Implementierungsdetails',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Leitfaden zu Core Web Vitals',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Bildformate',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];

package/src/tool/pngAWebp/entry.ts

@@ -27,3 +27,5 @@ export const pngAWebp: ConvertersToolEntry<ImageConverterUI> = {
     zh: () => import('./i18n/zh').then((m) => m.content),
   },
 };
+
+export { bibliography } from './bibliography';

package/src/tool/pngAWebp/i18n/de.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 Implementierungsdetails',
-    url: 'https://developers.google.com/speed/webp/',
-  },
-  {
-    name: 'W3C: Leitfaden zu Core Web Vitals',
-    url: 'https://web.dev/vitals/',
-  },
-  {
-    name: 'Mozilla Docs: Bildformate',
-    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> war jahrzehntelang das Referenzformat für Webbilder mit Transparenz – Logos, Icons, UI-Elemente, Produktbilder auf freigestelltem Hintergrund. Das Problem ist die Dateigröße: Die verlustfreie Kompression, die Qualität garantiert, erzeugt auch spürbar große Dateien. Googles <strong>WebP</strong> löst diesen Widerspruch: Es unterstützt den Alpha-Kanal (Transparenz) <em>und</em> komprimiert weitaus besser als PNG, was den Wechsel von PNG zu WebP auf Ihrer Website zu einer perfekten Optimierung macht, bei der Sie auf nichts verzichten müssen.',
+    html: '<strong>PNG</strong> war jahrzehntelang das Referenzformat für Webbilder mit Transparenz - Logos, Icons, UI-Elemente, Produktbilder auf freigestelltem Hintergrund. Das Problem ist die Dateigröße: Die verlustfreie Kompression, die Qualität garantiert, erzeugt auch spürbar große Dateien. Googles <strong>WebP</strong> löst diesen Widerspruch: Es unterstützt den Alpha-Kanal (Transparenz) <em>und</em> komprimiert weitaus besser als PNG, was den Wechsel von PNG zu WebP auf Ihrer Website zu einer perfekten Optimierung macht, bei der Sie auf nichts verzichten müssen.',
   },
   {
     type: 'title',
@@ -83,7 +69,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: '<strong>PNG</strong> bleibt das richtige Format, wenn Kompatibilität entscheidend ist: Design-Tools wie Photoshop oder Figma, Druck-Workflows, ältere Desktop-Anwendungen oder jeder Kontext, in dem WebP-Unterstützung nicht garantiert ist. Es ist auch das ideale Format für das Speichern von Arbeitsebenen in Bearbeitungspipelines, da seine verlustfreie Kompression jeden Pixel bewahrt. Der Preis: Dateien, die 3–8 Mal mehr wiegen können als ihr WebP-Äquivalent.',
+    html: '<strong>PNG</strong> bleibt das richtige Format, wenn Kompatibilität entscheidend ist: Design-Tools wie Photoshop oder Figma, Druck-Workflows, ältere Desktop-Anwendungen oder jeder Kontext, in dem WebP-Unterstützung nicht garantiert ist. Es ist auch das ideale Format für das Speichern von Arbeitsebenen in Bearbeitungspipelines, da seine verlustfreie Kompression jeden Pixel bewahrt. Der Preis: Dateien, die 3-8 Mal mehr wiegen können als ihr WebP-Äquivalent.',
   },
   {
     type: 'paragraph',
@@ -115,8 +101,8 @@ const seo: PngAWebpLocaleContent['seo'] = [
         icon: 'mdi:laptop-mac',
         highlight: true,
         points: [
-          'Sofortige Geschwindigkeit – keine Netzwerklatenz',
-          'Vollständige Privatsphäre – 0 Byte werden extern gesendet',
+          'Sofortige Geschwindigkeit - keine Netzwerklatenz',
+          'Vollständige Privatsphäre - 0 Byte werden extern gesendet',
           'Keine Megabyte-Limits oder Dateianzahlbeschränkungen',
           'Saubere Benutzeroberfläche, keine Werbung oder Tracking',
         ],
@@ -130,7 +116,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'Die PNG wird lokal geladen und in einem im Speicher befindlichen <strong>HTML5 Canvas</strong> dekodiert. Die Canvas-API bewahrt den Alpha-Kanal der ursprünglichen PNG – alle transparenten und halbtransparenten Pixel bleiben im RGBA-Pixelbuffer intakt. Das Canvas wird dann durch Aufruf von <code>toDataURL(\'image/webp\')</code> exportiert, wodurch der WebP-Codec des Browsers (basierend auf Googles libwebp) angewendet wird, um eine kompaktere Datei zu erzeugen, ohne die Transparenzdaten zu verändern.',
+    html: 'Die PNG wird lokal geladen und in einem im Speicher befindlichen <strong>HTML5 Canvas</strong> dekodiert. Die Canvas-API bewahrt den Alpha-Kanal der ursprünglichen PNG - alle transparenten und halbtransparenten Pixel bleiben im RGBA-Pixelbuffer intakt. Das Canvas wird dann durch Aufruf von <code>toDataURL(\'image/webp\')</code> exportiert, wodurch der WebP-Codec des Browsers (basierend auf Googles libwebp) angewendet wird, um eine kompaktere Datei zu erzeugen, ohne die Transparenzdaten zu verändern.',
   },
   {
     type: 'paragraph',
@@ -164,7 +150,7 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'Der Wechsel von PNG zu WebP ist die umfassendste Webbild-Optimierung, die verfügbar ist: Sie erhalten leichtere Dateien, bewahren die Transparenz und verbessern die Core Web Vitals-Metriken, ohne etwas an Ihrem visuellen Design zu ändern. Dieses Tool erledigt das sofort, kostenlos und völlig privat – Ihre Bilder werden in Ihrem Browser verarbeitet und verlassen niemals Ihr Gerät.',
+    html: 'Der Wechsel von PNG zu WebP ist die umfassendste Webbild-Optimierung, die verfügbar ist: Sie erhalten leichtere Dateien, bewahren die Transparenz und verbessern die Core Web Vitals-Metriken, ohne etwas an Ihrem visuellen Design zu ändern. Dieses Tool erledigt das sofort, kostenlos und völlig privat - Ihre Bilder werden in Ihrem Browser verarbeitet und verlassen niemals Ihr Gerät.',
   },
 ];