@jjlmoya/utils-converters 1.7.0 → 1.9.0

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

@@ -0,0 +1,191 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { PngAJpgLocaleContent } from '../index';
+
+const slug = 'png-jpg-donusturucu';
+const title = 'PNG\'yi Online JPG\'ye Dönüştür';
+const description =
+  'PNG görüntülerinizi anında kendi bilgisayarınızda hızlı sıkıştırmalı JPG formatına dönüştürün. Fotoğrafları internete yüklemeden. Toplu optimizasyon.';
+
+const ui: ImageConverterUI = {
+  dragText: 'PNG dosyalarını buraya sürükleyin...',
+  convertText: 'Anında JPG\'ye dönüştürmek için',
+  selectFiles: 'Dosyaları seçin',
+  processedFiles: 'İşlenen dosyalar',
+  downloadAll: 'Tümünü İndir (.zip)',
+  pending: 'Bekliyor',
+  bibliographyTitle: 'Bibliyografik Referanslar',
+  faqTitle: 'Sıkça Sorulan Sorular',
+};
+
+const faq: PngAJpgLocaleContent['faq'] = [
+  {
+    question: 'Neden yerel PNG - JPG dönüştürücümüzü seçmelisiniz?',
+    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.',
+  },
+  {
+    question: 'JPG mi yoksa PNG mi? Benim durumum için hangisi daha iyi?',
+    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.',
+  },
+  {
+    question: 'Hiçbir şey yüklemeden teknik dönüşüm nasıl çalışıyor?',
+    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.',
+  },
+  {
+    question: 'Gizli belgeler için güvenli mi?',
+    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.',
+  },
+];
+
+const howTo: PngAJpgLocaleContent['howTo'] = [
+  {
+    name: 'Dosya seçimi',
+    text: 'PNG dosyalarınızı bir klasörde hazırlayın ve hepsini birlikte işlem alanına sürükleyin veya keşfediciyi kullanarak arayın.',
+  },
+  {
+    name: 'Anında işleme',
+    text: 'Tarayıcı ağırlığı yerel olarak optimize ederken her dosya için durumun "Hazır" olarak değiştiğini doğrulayın.',
+  },
+  {
+    name: 'Optimize edilmiş indirme',
+    text: 'Yeni JPG\'lerinizi tek tek kaydedin veya tüm görüntüleri içeren sıkıştırılmış bir ZIP dosyası almak için "Tümünü İndir" düğmesini kullanın.',
+  },
+];
+
+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',
+    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.',
+  },
+  {
+    type: 'title',
+    text: 'JPG mi yoksa PNG mi?',
+    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.',
+  },
+  {
+    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.',
+  },
+  {
+    type: 'title',
+    text: 'Mimari Karşılaştırması: Yerel ve Bulut',
+    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.',
+        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',
+        ],
+      },
+      {
+        title: 'Yerel Mimarimiz',
+        description: 'Vanilla JS teknolojisi aracılığıyla donanımınızda doğrudan işleme.',
+        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',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Teknik dönüşüm nasıl çalışır?',
+    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.',
+  },
+  {
+    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.',
+  },
+  {
+    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.',
+  },
+  {
+    type: 'title',
+    text: 'Şirketler ve Profesyoneller İçin Güvenlik',
+    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.',
+  },
+  {
+    type: 'title',
+    text: 'Sonucun Uyumluluğu',
+    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).',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Sonuç: Bir Profesyonel Gibi Optimize Edin',
+    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.',
+  },
+];
+
+
+export const content: PngAJpgLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'tr', faq, howTo }),
+};

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

@@ -0,0 +1,191 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { PngAJpgLocaleContent } from '../index';
+
+const slug = 'png-to-jpg-converter';
+const title = '在线将 PNG 转换为 JPG';
+const description =
+  '在您自己的计算机上立即将 PNG 图像转换为快速压缩的 JPG 格式。无需将照片上传到互联网。支持批量优化。';
+
+const ui: ImageConverterUI = {
+  dragText: '拖拽 PNG 文件...',
+  convertText: '立即将其转换为 JPG',
+  selectFiles: '选择文件',
+  processedFiles: '已处理文件',
+  downloadAll: '下载全部 (.zip)',
+  pending: '等待中',
+  bibliographyTitle: '参考文献',
+  faqTitle: '常见问题',
+};
+
+const faq: PngAJpgLocaleContent['faq'] = [
+  {
+    question: '为什么要选择我们的本地 PNG 转 JPG 转换器？',
+    answer:
+      '与传统工具不同，我们的实用程序完全在您的浏览器中处理文件。您的图像永远不会触及他人的硬盘，保证了您数据的完全主权和隐私。',
+  },
+  {
+    question: 'JPG 还是 PNG？哪种更适合我的情况？',
+    answer:
+      'PNG 是具有透明度要求的徽标和元素的理想选择。然而，JPG 是摄影和网页横幅的黄金标准，因为它能达到更小的文件体积，从而显著提高网站的加载速度。',
+  },
+  {
+    question: '如何在不上传任何内容的情况下进行技术转换？',
+    answer:
+      '我们利用 HTML5 Canvas 的强大功能。浏览器在一个不可见的虚拟画布上重建图像，用白色填充透明部分，并生成可以直接立即下载的字节流。',
+  },
+  {
+    question: '对于机密文档安全吗？',
+    answer:
+      '是的，对于银行业、医疗保健或法律行业的专业人士来说，这是最安全的选择。作为一个仅使用您内存的“黑匣子”，关闭标签页后，内部发生的一切都会消失，从而避免了第三方云端的泄露。',
+  },
+];
+
+const howTo: PngAJpgLocaleContent['howTo'] = [
+  {
+    name: '选择文件',
+    text: '在文件夹中准备好 PNG 文件，并将其全部拖入处理区域，或使用文件资源管理器查找。',
+  },
+  {
+    name: '即时处理',
+    text: '在浏览器本地优化大小的同时，确认每个文件的状态变为“就绪”。',
+  },
+  {
+    name: '优化下载',
+    text: '逐个保存您的新 JPG，或使用“下载全部”按钮获取包含所有图像的压缩 ZIP 文件。',
+  },
+];
+
+const bibliography: PngAJpgLocaleContent['bibliography'] = [
+  {
+    name: 'PNG 联盟规范',
+    url: 'http://www.libpng.org/pub/png/',
+  },
+  {
+    name: 'JPEG 委员会',
+    url: 'https://jpeg.org/',
+  },
+];
+
+const seo: PngAJpgLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'PNG 转 JPG 转换器：图像优化终极指南',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '在数字设计和网页开发的世界中，效率就是一切。PNG (Portable Network Graphics) 格式因其保持透明度的能力和无损压缩而受到喜爱，但它有一个大敌人：文件重量。当您希望您的网站飞速运行或您的电子邮件即时加载时，从 PNG 转换为 JPG 是最明智的技术决策。',
+  },
+  {
+    type: 'title',
+    text: 'JPG 还是 PNG？',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '没有一种格式优于另一种格式，只有适合每种需求的工具。PNG 是无损格式，非常适合界面模型、带有小文本的徽标以及需要透明背景的视觉元素。然而，这种忠实性是有代价的：文件体积可能比压缩后的同类产品重 5 或 10 倍。',
+  },
+  {
+    type: 'paragraph',
+    html: '另一方面，JPG (Joint Photographic Experts Group) 使用离散化算法技术来删除人眼几乎察觉不到的信息，从而实现羽量级的大小。它是摄影、广告横幅和社交媒体的黄金标准。通过将 PNG 转换为 JPG，您是将几何保真度换取网络速度。',
+  },
+  {
+    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: '您可能想知道如何在不发送到服务器的情况下转换图像。奥秘在于现代浏览器的强大功能。当您选择一个文件时，我们会生成一个仅存在于您内存中的 Blob。该 Blob 会被绘制在一个不可见的 HTML5 Canvas 元素上。',
+  },
+  {
+    type: 'paragraph',
+    html: '由于 JPG 不支持透明度，我们的算法会在“绘制”PNG 之前先用纯白色填充背景。合成图像后，我们执行原生导出方法，生成可供您的计算机直接下载的字节流。',
+  },
+  {
+    type: 'tip',
+    title: 'SEO 建议：理想的文件重量',
+    html: 'Google 会主动惩罚缓慢的网站。如果您的 Largest Contentful Paint (LCP) 因为一个 2MB 的头部 PNG 而偏高，那么将其转换为 200KB 的 JPG 可以在不影响视觉效果的情况下立即改善您的 PageSpeed 指标。',
+  },
+  {
+    type: 'title',
+    text: '企业和专业人士的安全保障',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '如果您在银行、医疗保健或法律等敏感行业工作，将文件上传到在线转换器属于安全违规行为。我们的工具就像一个“黑匣子”：内部发生的一切都留在您的内存中。这是处理机密文档唯一安全的方法。',
+  },
+  {
+    type: 'title',
+    text: '结果的兼容性',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Windows、macOS 和移动设备查看器。',
+      '社交网络 (Instagram, LinkedIn 等)。',
+      '办公工具 (Word, PowerPoint)。',
+      '内容管理系统 (WordPress, Shopify)。',
+    ],
+  },
+  {
+    type: 'title',
+    text: '结论：像专业人士一样优化',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '这个转换器不只是另一个网页；它是为您生活更便捷而设计的工程杰作。无论您是开发人员还是家庭用户，这里都有节省空间并确保数据安全的终极解决方案。',
+  },
+];
+
+
+export const content: PngAJpgLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'zh', faq, howTo }),
+};

package/src/tool/pngAJpg/index.ts

@@ -13,9 +13,21 @@ export const pngAJpg: ConvertersToolEntry<ImageConverterUI> = {
     fg: 'mdi:file-export',
   },
   i18n: {
-    es: () => import('./i18n/es').then((m) => m.content),
+    de: () => import('./i18n/de').then((m) => m.content),
     en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
     fr: () => import('./i18n/fr').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
   },
 };
 

package/src/tool/pngAWebp/i18n/de.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 = 'png-zu-webp-konverter';
+const title = 'PNG zu WebP Konverter Online und Kostenlos';
+const description =
+  'Konvertieren Sie PNG-Bilder in Ihrem Browser in WebP. Bis zu 40 % geringere Dateigröße. Transparenz bleibt erhalten. Keine Dateiuploads. Kostenlos und privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'PNG-Dateien hierher ziehen...',
+  convertText: 'Um sie sofort in WebP zu konvertieren',
+  selectFiles: 'Dateien auswählen',
+  processedFiles: 'Verarbeitete Dateien',
+  downloadAll: 'Alles herunterladen (.zip)',
+  pending: 'Ausstehend',
+  bibliographyTitle: 'Literaturhinweise',
+  faqTitle: 'Häufig gestellte Fragen',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Warum PNG in WebP konvertieren?',
+    answer:
+      'WebP bietet bei gleicher Qualität eine bis zu 40 % bessere Komprimierung als PNG und unterstützt gleichzeitig die Alpha-Transparenz. Es ist das von Google PageSpeed Insights empfohlene Format.',
+  },
+  {
+    question: 'Geht bei dem Prozess die Transparenz verloren?',
+    answer:
+      'Nein. Die technische Implementierung von WebP unterstützt den Alpha-Kanal. Die Transparenzen der ursprünglichen PNG bleiben in der neuen WebP-Datei erhalten.',
+  },
+  {
+    question: 'Gelangen meine Bilder auf einen Server?',
+    answer:
+      'Nein. Der Code wird ausschließlich in Ihrem Browser ausgeführt (Client-Side). Wir sehen, protokollieren oder speichern die von Ihnen konvertierten Bilder niemals.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'PNGs einfügen',
+    text: 'Ziehen Sie Ihre großen PNG-Dateien in den Upload-Bereich oder nutzen Sie den klassischen interaktiven Auswahldialog.',
+  },
+  {
+    name: 'Kanal-Erkennung',
+    text: 'Die lokale Rendering-Engine erkennt die Pixelzusammensetzung und exportiert sie in das optimierte WebP-Format.',
+  },
+  {
+    name: 'Direkter Download',
+    text: 'Laden Sie Ihre stark komprimierten WebP-Dateien einzeln herunter oder fassen Sie sie mit dem ZIP-Paket-Konverter zusammen.',
+  },
+];
+
+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',
+    text: 'PNG zu WebP Konverter: Transparenz und moderne Kompression für das Web',
+    level: 2,
+  },
+  {
+    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.',
+  },
+  {
+    type: 'title',
+    text: 'PNG oder WebP? Wann welches Format zu verwenden ist',
+    level: 3,
+  },
+  {
+    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.',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong> ist der natürliche Ersatz für PNG für alle modernen Web-Inhalte. Chrome, Firefox, Safari und Edge unterstützen es nativ. Ein verlustfreies WebP-Bild ist 26 % kleiner als die entsprechende PNG-Datei; im verlustbehafteten Modus kann es bis zu 40 % kleiner sein, bei praktisch nicht unterscheidbarer visueller Qualität. Und entscheidend für das Webdesign: <strong>WebP bewahrt die Alpha-Transparenz</strong> genau wie PNG, ohne visuelle Kompromisse.',
+  },
+  {
+    type: 'title',
+    text: 'Vergleich: Lokale vs Cloud Konvertierung',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Cloud Konverter',
+        description: 'Tools, die Ihre Dateien auf einen Remote-Server hochladen.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Netzwerklatenz beim Hoch- und Herunterladen',
+          'Ihre Logos und Bilder werden auf Servern von Drittanbietern gespeichert',
+          'Dateigrößenlimits und tägliche Konvertierungsbeschränkungen',
+          'Aufdringliche Werbung und Drittanbieter-Tracker',
+        ],
+      },
+      {
+        title: 'Unsere lokale Architektur',
+        description: 'Direkte Verarbeitung auf Ihrer Hardware mittels Vanilla JS-Technologie.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          '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',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Wie es technisch funktioniert',
+    level: 3,
+  },
+  {
+    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.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP verwendet zwei Kompressionsmodi: den verlustfreien Modus für Bilder, bei denen jeder Pixel exakt dem Original entsprechen muss, und den verlustbehafteten Modus für Fotos und Elemente, bei denen kleine Unterschiede unmerklich sind. Der verlustfreie Modus erzeugt Dateien, die 26 % kleiner als PNG sind; der verlustbehaftete Modus kann Reduktionen von bis zu 40 % im Vergleich zu PNG erreichen, während eine exzellente visuelle Qualität beibehalten wird.',
+  },
+  {
+    type: 'tip',
+    title: 'Tipp: WebP schlägt sowohl PNG als auch JPG im Web',
+    html: 'WebP im verlustfreien Modus ist kleiner als PNG. WebP im verlustbehafteten Modus ist kleiner als JPG. Damit ist WebP das <strong>einzige Format, das beide im Web-Kontext ersetzt</strong>. Konvertieren Sie Ihre transparenten PNGs vor dem Hochladen in WebP: Google PageSpeed Insights erkennt dies und bewertet es in Audits für "Bilder in modernen Formaten bereitstellen" positiv.',
+  },
+  {
+    type: 'title',
+    text: 'Anwendungsfälle und Kompatibilität',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Logos und Icons mit transparentem Hintergrund für Websites und Apps.',
+      'Produktbilder mit freigestelltem Hintergrund in E-Commerce-Shops.',
+      'CSS-Sprites und UI-Elemente mit Alpha-Transparenz.',
+      'Rasterisierte Illustrationen und Vektorgrafiken für Landing Pages.',
+      'Artikel-Thumbnails mit transparentem Hintergrund in Blogs und Nachrichtenportalen.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Fazit',
+    level: 3,
+  },
+  {
+    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.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'de', faq, howTo }),
+};

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

@@ -1,5 +1,5 @@
-import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
 
 const slug = 'png-to-webp-converter';
@@ -168,16 +168,6 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
 ];
 
-const appSchema: WithContext<SoftwareApplication> = {
-  '@context': 'https://schema.org',
-  '@type': 'SoftwareApplication',
-  name: title,
-  description,
-  applicationCategory: 'UtilitiesApplication',
-  operatingSystem: 'Web',
-  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
-  inLanguage: 'en',
-};
 
 export const content: PngAWebpLocaleContent = {
   slug,
@@ -188,5 +178,5 @@ export const content: PngAWebpLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'en', faq, howTo }),
 };

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

@@ -1,5 +1,5 @@
-import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
 
 const slug = 'convertidor-png-a-webp';
@@ -168,16 +168,6 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
 ];
 
-const appSchema: WithContext<SoftwareApplication> = {
-  '@context': 'https://schema.org',
-  '@type': 'SoftwareApplication',
-  name: title,
-  description,
-  applicationCategory: 'UtilitiesApplication',
-  operatingSystem: 'Web',
-  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
-  inLanguage: 'es',
-};
 
 export const content: PngAWebpLocaleContent = {
   slug,
@@ -188,5 +178,5 @@ export const content: PngAWebpLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'es', faq, howTo }),
 };

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

@@ -1,5 +1,5 @@
-import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
 
 const slug = 'convertisseur-png-en-webp';
@@ -168,16 +168,6 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
 ];
 
-const appSchema: WithContext<SoftwareApplication> = {
-  '@context': 'https://schema.org',
-  '@type': 'SoftwareApplication',
-  name: title,
-  description,
-  applicationCategory: 'UtilitiesApplication',
-  operatingSystem: 'Web',
-  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
-  inLanguage: 'fr',
-};
 
 export const content: PngAWebpLocaleContent = {
   slug,
@@ -188,5 +178,5 @@ export const content: PngAWebpLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'fr', faq, howTo }),
 };