@jjlmoya/utils-converters 1.7.0 → 1.9.0

package/src/tool/pngAWebp/i18n/tr.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-den-webp-ye-donusturucu';
+const title = 'PNG\'yi WebP\'ye Çevrimiçi ve Ücretsiz Dönüştürün';
+const description =
+  'PNG görüntülerini tarayıcınızda WebP\'ye dönüştürün. %40\'a varan daha küçük dosya boyutu. Şeffaflığı korur. Dosya yüklemesi yok. Ücretsiz ve özel.';
+
+const ui: ImageConverterUI = {
+  dragText: 'PNG dosyalarını sürükleyin...',
+  convertText: 'Onları anında WebP\'ye dönüştürmek için',
+  selectFiles: 'Dosyaları seçin',
+  processedFiles: 'İşlenmiş dosyalar',
+  downloadAll: 'Tümünü İndir (.zip)',
+  pending: 'Bekliyor',
+  bibliographyTitle: 'Bibliyografik Referanslar',
+  faqTitle: 'Sıkça Sorulan Sorular',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Neden PNG\'yi WebP\'ye dönüştürmeliyiz?',
+    answer:
+      'WebP, aynı kalitede PNG\'den %40\'a kadar daha iyi sıkıştırma sağlarken Alfa şeffaflığını da destekler. Google PageSpeed Insights tarafından önerilen formattır.',
+  },
+  {
+    question: 'İşlem sırasında şeffaflık kaybolur mu?',
+    answer:
+      'Hayır. WebP\'nin teknik uygulaması alfa kanalını destekler. Orijinal PNG\'nin şeffaflıkları yeni WebP dosyasında korunacaktır.',
+  },
+  {
+    question: 'Görüntülerim herhangi bir sunucuya gidiyor mu?',
+    answer:
+      'Hayır. Kod yalnızca tarayıcınızda (İstemci Tarafı) çalışır. Dönüştürdüğünüz görüntüleri asla görmeyiz, kaydetmeyiz veya saklamayız.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'PNG\'lerinizi yerleştirin',
+    text: 'Büyük PNG dosyalarınızı yükleme alanına bırakın veya geleneksel etkileşimli seçiciyi kullanın.',
+  },
+  {
+    name: 'Kanal algılama',
+    text: 'Yerel oluşturma motoru, piksel kompozisyonunu algılayacak ve optimize edilmiş WebP formatına aktaracaktır.',
+  },
+  {
+    name: 'Doğrudan İndirme',
+    text: 'Yüksek kaliteli sıkıştırılmış WebP dosyalarınızı tek tek indirin veya ZIP paketi dönüştürücüsünü kullanarak bir araya getirin.',
+  },
+];
+
+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',
+    text: 'PNG\'den WebP\'ye Dönüştürücü: Web İçin Şeffaflık ve Modern Sıkıştırma',
+    level: 2,
+  },
+  {
+    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.',
+  },
+  {
+    type: 'title',
+    text: 'PNG mi WebP mi? Her format ne zaman kullanılır',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Uyumluluk kritik olduğunda <strong>PNG</strong> doğru format olmaya devam eder: Photoshop veya Figma gibi tasarım araçları, baskı iş akışları, eski masaüstü uygulamaları veya WebP desteğinin garanti edilmediği herhangi bir bağlam. Ayrıca, kayıpsız sıkıştırması her pikseli koruduğu için düzenleme süreçlerinde çalışma katmanlarını kaydetmek için ideal formattır. Maliyeti: WebP eşdeğerinden 3-8 kat daha fazla ağırlığa sahip olabilen dosyalar.',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong>, tüm modern web içerikleri için PNG\'nin doğal halefidir. Chrome, Firefox, Safari ve Edge web tarayıcılarının tamamı bunu yerel olarak destekler. Kayıpsız bir WebP görüntüsü, eşdeğer PNG\'den %26 daha küçüktür; kayıplı modda neredeyse ayırt edilemez görsel kalitede %40\'a kadar daha küçük olabilir. Ve web tasarımı için kritik olan: <strong>WebP, alfa şeffaflığını</strong> görsel bir taviz vermeden tıpkı PNG gibi korur.',
+  },
+  {
+    type: 'title',
+    text: 'Karşılaştırma: Yerel ve Bulut Dönüştürme',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Bulut Dönüştürücüler',
+        description: 'Dosyalarınızı uzak bir sunucuya yükleyen araçlar.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Yükleme ve indirmede ağ gecikmesi',
+          'Logolarınız ve görüntüleriniz üçüncü taraf sunucularda saklanır',
+          'Dosya boyutu sınırları ve günlük dönüştürme kotaları',
+          'Rahatsız edici reklamlar ve üçüncü taraf izleyiciler',
+        ],
+      },
+      {
+        title: 'Yerel Mimarimiz',
+        description: 'Vanilla JS teknolojisini kullanarak doğrudan donanımınızda işleme.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          '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',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Teknik olarak nasıl çalışır',
+    level: 3,
+  },
+  {
+    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.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP iki sıkıştırma modu kullanır: her pikselin orijinaline tam olarak sadık kalması gereken görüntüler için kayıpsız mod ve küçük farklılıkların algılanamaz olduğu fotoğraflar ve öğeler için kayıplı mod. Kayıpsız mod, PNG\'den %26 daha küçük dosyalar üretir; kayıplı mod, mükemmel görsel kaliteyi korurken PNG\'ye kıyasla %40\'a varan azalmalar elde edebilir.',
+  },
+  {
+    type: 'tip',
+    title: 'İpucu: WebP web üzerinde hem PNG\'yi hem de JPG\'yi yener',
+    html: 'Kayıpsız moddaki WebP, PNG\'den daha küçüktür. Kayıplı moddaki WebP, JPG\'den daha küçüktür. Bu, WebP\'yi web bağlamında <strong>her ikisinin de yerini alan tek format</strong> yapar. Şeffaf PNG\'lerinizi yüklemeden önce WebP\'ye dönüştürün: Google PageSpeed Insights bunu algılar ve "Modern formatlardaki görseller sunun" denetimlerinde olumlu puan verir.',
+  },
+  {
+    type: 'title',
+    text: 'Kullanım durumları ve uyumluluk',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Web siteleri ve uygulamalar için şeffaf arka plana sahip logolar ve simgeler.',
+      'E-ticaret mağazalarında dekupe arka planlı ürün görselleri.',
+      'Alfa şeffaflığına sahip CSS sprite\'ları ve kullanıcı arayüzü öğeleri.',
+      'Açılış sayfaları için rasterleştirilmiş çizimler ve vektör grafikleri.',
+      'Bloglarda ve haber portallarında şeffaf arka plana sahip makale küçük resimleri.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Sonuç',
+    level: 3,
+  },
+  {
+    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.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'tr', faq, howTo }),
+};

package/src/tool/pngAWebp/i18n/zh.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-to-webp-converter';
+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 在保持相同画质的前提下, 压缩率比 PNG 高出多达 40%, 同时还支持 Alpha 透明度。它是 Google PageSpeed Insights 推荐的格式。',
+  },
+  {
+    question: '转换过程中会丢失透明度吗？',
+    answer:
+      '不会。WebP 的技术实现支持 Alpha 通道。原始 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 转换器: 为 Web 设计提供透明度与现代压缩技术',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> 几十年来一直是带透明度的 Web 图像的标准格式——标志、图标、UI 元素、抠图背景的产品图。其问题在于文件体积: 保证质量的无损压缩也会产生显著的大文件。Google 的 <strong>WebP</strong> 解决了这一矛盾: 它支持 Alpha 通道(透明度) <em>且</em> 压缩率远高于 PNG, 这使得在您的网站上将 PNG 切换为 WebP 成为一种不牺牲任何质量的完美优化。',
+  },
+  {
+    type: 'title',
+    text: 'PNG 还是 WebP？何时使用各格式',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '当兼容性至关重要时, <strong>PNG</strong> 仍然是正确的格式: 例如 Photoshop 或 Figma 等设计工具、打印工作流、旧式桌面应用程序或任何无法保证 WebP 支持的环境。它也是保存编辑流程中工作图层的理想格式, 因为其无损压缩保留了每一个像素。代价是: 文件体积可能是同等 WebP 的 3-8 倍。',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong> 是所有现代 Web 内容中 PNG 的自然替代品。Chrome、Firefox、Safari 和 Edge 都原生支持它。无损 WebP 图像比同等 PNG 小 26%；在有损模式下, 它的体积可缩小高达 40%, 且视觉画质几乎无法区分。对于 Web 设计来说至关重要的一点是: <strong>WebP 像 PNG 一样保留 Alpha 透明度</strong>, 没有任何视觉权衡。',
+  },
+  {
+    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 字节',
+          '无 MB 限制或文件数量限制',
+          '界面简洁, 无广告或追踪',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: '技术原理',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG 文件被本地加载并解码到内存中的 <strong>HTML5 Canvas</strong> 中。Canvas API 保留了原始 PNG 的 Alpha 通道——所有透明和半透明像素在 RGBA 像素缓冲区中保持原样。然后通过调用 <code>toDataURL(\'image/webp\')</code> 导出画布, 该方法应用浏览器的 WebP 编解码器 (基于 Google 的 libwebp) 来生成更紧凑的文件, 而不会改变透明度数据。',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP 使用两种压缩模式: 无损模式适用于每一个像素都必须精确还原原始图像的情况；有损模式适用于照片和细微差异无法察觉的元素。无损模式产生的文件比 PNG 小 26%；有损模式在保持极佳视觉质量的同时, 体积可比 PNG 减少高达 40%。',
+  },
+  {
+    type: 'tip',
+    title: '提示: 在 Web 端, WebP 同时超越了 PNG 和 JPG',
+    html: '无损模式下的 WebP 比 PNG 小。有损模式下的 WebP 比 JPG 小。这使得 WebP 成为 Web 环境下 <strong>唯一能够同时取代两者的格式</strong>。在上传之前将您的透明 PNG 转换为 WebP: Google PageSpeed Insights 会检测到这一点, 并在“以现代格式提供图像”审计中给出正面评分。',
+  },
+  {
+    type: 'title',
+    text: '应用场景与兼容性',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      '网站和应用中带透明背景的标志和图标。',
+      '电子商务商店中带抠图背景的产品图片。',
+      '带 Alpha 透明度的 CSS 精灵图和 UI 元素。',
+      '用于落地页的栅格化插图和矢量图形。',
+      '博客和新闻门户中带透明背景的文章缩略图。',
+    ],
+  },
+  {
+    type: 'title',
+    text: '总结',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '从 PNG 切换到 WebP 是目前最全面的 Web 图像优化手段: 您可以获得更轻量的文件、保留透明度, 并在不改变视觉设计的前提下改善 Core Web Vitals 指标。此工具由浏览器本地处理, 不会向任何服务器传输图片, 过程即时、免费且完全私密。',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'zh', faq, howTo }),
+};

package/src/tool/pngAWebp/index.ts

@@ -16,6 +16,18 @@ export const pngAWebp: ConvertersToolEntry<ImageConverterUI> = {
     es: () => import('./i18n/es').then((m) => m.content),
     en: () => import('./i18n/en').then((m) => m.content),
     fr: () => import('./i18n/fr').then((m) => m.content),
+    de: () => import('./i18n/de').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/svgAJpg/i18n/de.ts

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAJpgLocaleContent } from '../index';
+
+const slug = 'svg-zu-jpg-konverter';
+const title = 'SVG zu JPG Konverter Online und Kostenlos';
+const description =
+  'Konvertieren Sie SVG-Vektordateien in Ihrem Browser in JPG. 2x hochauflösendes Rendering. Keine Dateiuploads. Kostenlos und 100 % privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'SVG-Dateien hierher ziehen...',
+  convertText: 'Um sie sofort in JPG zu konvertieren',
+  selectFiles: 'Dateien auswählen',
+  processedFiles: 'Verarbeitete Dateien',
+  downloadAll: 'Alles herunterladen (.zip)',
+  pending: 'Ausstehend',
+  bibliographyTitle: 'Literaturhinweise',
+  faqTitle: 'Häufig gestellte Fragen',
+};
+
+const faq: SvgAJpgLocaleContent['faq'] = [
+  {
+    question: 'Warum SVG in JPG konvertieren?',
+    answer:
+      'JPG bietet maximale Kompatibilität auf allen Artern von Geräten. Die Konvertierung von SVG in JPG ist der beste Weg, um sicherzustellen, dass jeder Ihr Design ohne Darstellungsprobleme betrachten kann.',
+  },
+  {
+    question: 'Was passiert mit der SVG-Transparenz?',
+    answer:
+      'Da JPG keine Transparenz unterstützt, wird Ihrer Vektorkomposition bei der Konvertierung automatisch ein opaker weißer Hintergrund hinzugefügt.',
+  },
+  {
+    question: 'Welche Auflösung hat das resultierende JPG?',
+    answer:
+      'Das Tool rendert die SVG im doppelten Maßstab (2x), um eine hohe Auflösung zu garantieren, die für Retina-Bildschirme und den professionellen Einsatz geeignet ist.',
+  },
+];
+
+const howTo: SvgAJpgLocaleContent['howTo'] = [
+  {
+    name: 'Vektordateien einfügen',
+    text: 'Ziehen Sie Ihre SVG-Dateien in den oberen Bereich, um die Exportliste vorzubereiten.',
+  },
+  {
+    name: 'Rasterung in JPG',
+    text: 'Das Tool wandelt die Vektoren in hochauflösende Pixel um und generiert sofort Ihr JPG.',
+  },
+  {
+    name: 'Ergebnisse herunterladen',
+    text: 'Laden Sie Ihre JPG-Dateien einzeln oder als ZIP-Paket herunter.',
+  },
+];
+
+const bibliography: SvgAJpgLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG Spezifikation',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'JPEG Standard-Übersicht',
+    url: 'https://jpeg.org/jpeg/',
+  },
+];
+
+const seo: SvgAJpgLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG zu JPG Konverter: Bringen Sie Ihre Vektoren auf jede Plattform',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Das <strong>SVG</strong>-Format ist die Muttersprache des modernen Webs: leichtgewichtig, skalierbar, editierbar. Doch es gibt ganze Plattformen, die Vektoren einfach nicht verstehen. Soziale Medien, E-Mail-Clients, Word-Dokumente, Druckanwendungen und die überwiegende Mehrheit der Software in der realen Welt arbeiten mit gerasterten Bildern. <strong>JPG</strong> ist der universelle gemeinsame Nenner: überall akzeptiert, ohne Ausnahmen, ohne Plugins und ohne dass zusätzliche Konvertierungen erforderlich sind.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs JPG: Wenn der Vektor zum Foto werden muss',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG speichert das Bild als mathematische Anweisungen. Diese Vektornatur macht es perfekt für das Web, aber unsichtbar für die analoge Welt und ältere Software. Eine per E-Mail gesendete SVG-Datei kann im Client des Empfängers als unverständlicher XML-Text erscheinen. Eine an ein Word-Dokument angehängte SVG wird in älteren Office-Versionen möglicherweise gar nicht gerendert.',
+  },
+  {
+    type: 'paragraph',
+    html: 'JPG wandelt jedes Bild in eine Pixelmatrix um, deren Farbinformationen algorithmisch komprimiert werden. Da JPG keinen Alpha-Kanal unterstützt, verschmilzt der Konverter den Hintergrund automatisch mit solidem Weiß. Im Gegenzug erhalten Sie eine Datei, die auf <em>jedem Gerät auf dem Planeten</em> geöffnet werden kann: alte Mobiltelefone, Drucker, Smart-TVs, Bearbeitungs-Apps von vor zwanzig Jahren. Es ist das Format des kleinsten gemeinsamen Nenners und in vielen Kontexten das wertvollste.',
+  },
+  {
+    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: [
+          'Ihr SVG-Code (mit proprietären Designdaten) gelangt auf externe Server',
+          'Inkonsistentes Rendering von Schriften und Gradienten',
+          'Internetverbindung für jede Konvertierung erforderlich',
+          'JPG-Ausgabequalität nicht immer konfigurierbar',
+        ],
+      },
+      {
+        title: 'Unsere lokale Architektur',
+        description: 'Direkte Verarbeitung auf Ihrer Hardware mittels Vanilla JS-Technologie.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Kein einziges Byte Ihrer SVG verlässt den Browser',
+          'Originalgetreues Rendering durch die native Browser-Engine',
+          '2x hochauflösende JPG für maximale Schärfe',
+          'Weißer Hintergrund wird gemäß JPG-Standard automatisch angewendet',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Wie es technisch funktioniert',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Die SVG-Datei wird in ein Browser <strong>Image</strong>-Element geladen, das seine eigene Vektor-Rendering-Engine zur Interpretation des XML nutzt. Das visuelle Ergebnis wird auf ein <strong>HTML5 Canvas</strong> gezeichnet, das zuvor mit Weiß gefüllt wurde (erforderlich, da JPG keine Transparenz unterstützt), und zwar im doppelten Maßstab, um die Ausgabeauflösung zu maximieren.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Die Methode <code>toDataURL(\'image/jpeg\', 0.92)</code> wandelt die Canvas-Pixel in eine hochwertige JPG-Datei um. SVG-Farben können aufgrund der Farbraumkonvertierung bei der JPEG-Komprimierung leichte Abweichungen erfahren. Es ist daher ratsam, das Ergebnis vor der Verwendung in professionellen Druckaufträgen, bei denen chromatische Treue entscheidend ist, zu prüfen.',
+  },
+  {
+    type: 'tip',
+    title: 'Tipp für den Druckeinsatz',
+    html: 'SVG-Hintergründe und Gradienten können in JPG aufgrund von Farbprofil-Unterschieden bei der JPEG-Komprimierung leicht anders aussehen. Prüfen Sie das Ergebnis immer, bevor Sie es an einen Drucker senden oder in gedruckten Marketingmaterialien verwenden, bei denen es auf exakte Markenfarbtreue ankommt.',
+  },
+  {
+    type: 'title',
+    text: 'Anwendungsfälle und Kompatibilität',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Teilen von SVG-Logos und Illustrationen auf Facebook, Twitter oder LinkedIn.',
+      'Anhängen von Vektorgrafiken in E-Mails über Outlook oder Gmail.',
+      'Einfügen von SVG-Designs in Word-Dokumente, Excel oder Präsentationen.',
+      'Veröffentlichen von Produktbildern in Online-Shops, die kein SVG unterstützen.',
+      'Vorbereiten von Dateien für Print-on-Demand-Dienste.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Fazit',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Die reale Welt spricht immer noch in Pixeln. Dieses Tool übersetzt Ihre SVG-Vektoren in Sekundenschnelle in die universelle Sprache von JPG – mit hochauflösendem Rendering und ohne dass Ihre proprietären Designs jemals Ihren Browser verlassen.',
+  },
+];
+
+
+export const content: SvgAJpgLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'de', faq, howTo }),
+};

package/src/tool/svgAJpg/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 { SvgAJpgLocaleContent } from '../index';
 
 const slug = 'svg-to-jpg-converter';
@@ -164,17 +164,6 @@ const seo: SvgAJpgLocaleContent['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: SvgAJpgLocaleContent = {
   slug,
   title,
@@ -184,5 +173,11 @@ export const content: SvgAJpgLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({
+    title,
+    description,
+    inLanguage: 'en',
+    faq,
+    howTo,
+  }),
 };

package/src/tool/svgAJpg/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 { SvgAJpgLocaleContent } from '../index';
 
 const slug = 'convertidor-svg-a-jpg';
@@ -164,17 +164,6 @@ const seo: SvgAJpgLocaleContent['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: SvgAJpgLocaleContent = {
   slug,
   title,
@@ -184,5 +173,11 @@ export const content: SvgAJpgLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({
+    title,
+    description,
+    inLanguage: 'es',
+    faq,
+    howTo,
+  }),
 };

package/src/tool/svgAJpg/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 { SvgAJpgLocaleContent } from '../index';
 
 const slug = 'convertisseur-svg-en-jpg';
@@ -164,16 +164,6 @@ const seo: SvgAJpgLocaleContent['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: SvgAJpgLocaleContent = {
   slug,
@@ -184,5 +174,5 @@ export const content: SvgAJpgLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'fr', faq, howTo }),
 };