@jjlmoya/utils-converters 1.7.0 → 1.9.0

package/src/tool/svgAJpg/i18n/tr.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-den-jpg-ye-donusturucu';
+const title = 'SVG\'yi JPG\'ye Çevrimiçi ve Ücretsiz Dönüştürün';
+const description =
+  'SVG vektör dosyalarını tarayıcınızda JPG\'ye dönüştürün. 2 kat yüksek çözünürlüklü işleme. Dosya yüklemesi yok. Ücretsiz ve %100 özel.';
+
+const ui: ImageConverterUI = {
+  dragText: 'SVG dosyalarını sürükleyin...',
+  convertText: 'Onları anında JPG\'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: SvgAJpgLocaleContent['faq'] = [
+  {
+    question: 'Neden SVG\'yi JPG\'ye dönüştürmeliyiz?',
+    answer:
+      'JPG, her tür cihazda maksimum uyumluluk sunar; SVG\'yi JPG\'ye dönüştürmek, herkesin tasarımınızı işleme sorunu yaşamadan görüntüleyebilmesini sağlamanın en iyi yoludur.',
+  },
+  {
+    question: 'SVG şeffaflığına ne olur?',
+    answer:
+      'JPG\'ye (şeffaflığı desteklemez) dönüştürürken, vektör kompozisyonunuza otomatik olarak opak beyaz bir arka plan eklenecektir.',
+  },
+  {
+    question: 'Sonuçta elde edilen JPG hangi çözünürlüğe sahip olacak?',
+    answer:
+      'Araç, Retina ekranlar ve profesyonel kullanım için uygun yüksek çözünürlüğü garanti etmek amacıyla SVG\'yi çift ölçekte (2 kat) işler.',
+  },
+];
+
+const howTo: SvgAJpgLocaleContent['howTo'] = [
+  {
+    name: 'Vektör dosyalarınızı yerleştirin',
+    text: 'Dışa aktarma listesini hazırlamak için SVG dosyalarınızı üst alana bırakın.',
+  },
+  {
+    name: 'JPG\'ye Rasterleştirme',
+    text: 'Araç, vektörleri yüksek çözünürlüklü piksellere dönüştürecek ve JPG\'nizi anında oluşturacaktır.',
+  },
+  {
+    name: 'Sonuçları indirin',
+    text: 'JPG dosyalarınızı tek tek veya ZIP paketi olarak alın.',
+  },
+];
+
+const bibliography: SvgAJpgLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG Özellikleri',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'JPEG Standardına Genel Bakış',
+    url: 'https://jpeg.org/jpeg/',
+  },
+];
+
+const seo: SvgAJpgLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG\'den JPG\'ye Dönüştürücü: Vektörlerinizi Her Platforma Taşıyın',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> formatı modern web\'in ana dilidir: hafif, ölçeklenebilir, düzenlenebilir. Ancak vektörleri anlayamayan koca platformlar var. Sosyal medya, e-posta istemcileri, Word belgeleri, baskı uygulamaları ve gerçek dünyadaki yazılımların büyük çoğunluğu rasterleştirilmiş görüntülerle çalışır. <strong>JPG</strong> evrensel ortak paydadır: istisnasız her yerde kabul edilir, eklenti gerektirmez ve ek dönüştürmeye ihtiyaç duymaz.',
+  },
+  {
+    type: 'title',
+    text: 'SVG mi JPG mi? Vektörün Fotoğrafa Dönüşmesi Gerektiğinde',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG, görüntüyü matematiksel talimatlar olarak saklar. Bu vektör yapısı onu web için mükemmel kılar ancak analog dünya ve eski yazılımlar için görünmez yapar. E-posta ile gönderilen bir SVG dosyası, alıcının istemcisinde anlaşılmaz XML metni olarak görünebilir. Bir Word belgesine eklenen SVG, Office\'in eski sürümlerinde hiç işlenmeyebilir.',
+  },
+  {
+    type: 'paragraph',
+    html: 'JPG, her görüntüyü JPEG algoritmasıyla sıkıştırılmış renk bilgisine sahip bir piksel matrisine dönüştürür. Alfa kanalını desteklemediği için dönüştürücü, arka planı otomatik olarak düz beyazla birleştirir. Buna karşılık, <em>gezegendeki her cihazda</em> açılabilen bir dosya elde edersiniz: eski cep telefonları, yazıcılar, akıllı TV\'ler, yirmi yıl öncesinin düzenleme uygulamaları. Bu, en küçük ortak payda formatıdır ve birçok bağlamda en değerlisidir.',
+  },
+  {
+    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: [
+          'SVG kodunuz (tescilli tasarım verileriyle birlikte) harici sunuculara gider',
+          'Yazı tiplerinin ve degradelerin tutarsız işlenmesi',
+          'Her dönüştürme için internet bağlantısı gerekir',
+          'JPG çıktı kalitesi her zaman yapılandırılamaz',
+        ],
+      },
+      {
+        title: 'Yerel Mimarimiz',
+        description: 'Vanilla JS teknolojisini kullanarak doğrudan donanımınızda işleme.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'SVG\'nizin sıfır baytı tarayıcıdan ayrılır',
+          'Yerel tarayıcı motorunu kullanarak aslına sadık işleme',
+          'Maksimum netlik için 2 kat çözünürlüklü JPG',
+          'JPG standardına göre beyaz arka plan otomatik olarak uygulanır',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Teknik Olarak Nasıl Çalışır',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG dosyası tarayıcının <strong>Image</strong> öğesine yüklenir ve bu öğe XML\'i yorumlamak için kendi vektör işleme motorunu kullanır. Görsel sonuç, çıktı çözünürlüğünü maksimize etmek için çift ölçekte, önceden beyaz arka plan dolgusuyla (JPG şeffaflığı desteklemediği için gereklidir) bir <strong>HTML5 Canvas</strong> üzerine çizilir.',
+  },
+  {
+    type: 'paragraph',
+    html: '<code>toDataURL(\'image/jpeg\', 0.92)</code> yöntemi, tuval piksellerini yüksek kaliteli bir JPG dosyasına dönüştürür. SVG renkleri, JPEG sıkıştırmasındaki renk alanı dönüşümü nedeniyle hafif farklılıklar gösterebilir. Bu nedenle, renk doğruluğunun kritik olduğu profesyonel baskı işlerinde kullanmadan önce sonucu önizlemek tavsiye edilir.',
+  },
+  {
+    type: 'tip',
+    title: 'Baskı kullanımı için ipucu',
+    html: 'SVG arka planları ve degradeleri, JPEG sıkıştırmasındaki renk profili farkları nedeniyle JPG\'de biraz farklı görünebilir. Bir yazıcıya göndermeden veya tam marka renk doğruluğunun önemli olduğu basılı pazarlama materyallerinde kullanmadan önce sonucu her zaman önizleyin.',
+  },
+  {
+    type: 'title',
+    text: 'Kullanım Durumları ve Uyumluluk',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'SVG logolarını ve illüstrasyonlarını Facebook, Twitter veya LinkedIn\'de paylaşma.',
+      'Outlook veya Gmail aracılığıyla e-postalara vektör grafikleri ekleme.',
+      'SVG tasarımlarını Word belgelerine, Excel\'e veya sunumlara yerleştirme.',
+      'SVG desteği olmayan çevrimiçi mağazalarda ürün görselleri yayınlama.',
+      'İsteğe bağlı baskı hizmetleri için dosyalar hazırlama.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Sonuç',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Gerçek dünya hala piksellerle konuşuyor. Bu araç, SVG vektörlerinizi saniyeler içinde yüksek çözünürlüklü işlemeyle ve tescilli tasarımlarınız tarayıcınızdan hiç ayrılmadan evrensel JPG diline çevirir.',
+  },
+];
+
+
+export const content: SvgAJpgLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'tr', faq, howTo }),
+};

package/src/tool/svgAJpg/i18n/zh.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-to-jpg-converter';
+const title = '在线免费将 SVG 转换为 JPG';
+const description =
+  '在浏览器中将 SVG 矢量文件转换为 JPG。支持 2 倍高清渲染。无需上传文件。免费且 100% 私密。';
+
+const ui: ImageConverterUI = {
+  dragText: '拖拽 SVG 文件...',
+  convertText: '立即将它们转换为 JPG',
+  selectFiles: '选择文件',
+  processedFiles: '已处理文件',
+  downloadAll: '下载全部 (.zip)',
+  pending: '等待中',
+  bibliographyTitle: '参考文献',
+  faqTitle: '常见问题',
+};
+
+const faq: SvgAJpgLocaleContent['faq'] = [
+  {
+    question: '为什么要将 SVG 转换为 JPG？',
+    answer:
+      'JPG 在所有类型的设备上都具有最大的兼容性；将 SVG 转换为 JPG 是确保每个人都能无障碍查看您的设计（而不出现渲染问题）的最佳方式。',
+  },
+  {
+    question: '转换后 SVG 的透明度会怎样？',
+    answer:
+      '由于 JPG 不支持透明度, 在转换为 JPG 时, 您的矢量作品将自动添加不透明的白色背景。',
+  },
+  {
+    question: '生成的 JPG 分辨率是多少？',
+    answer:
+      '该工具以双倍缩放 (2x) 渲染 SVG, 以确保生成适合 Retina 屏幕和专业用途的高分辨率图像。',
+  },
+];
+
+const howTo: SvgAJpgLocaleContent['howTo'] = [
+  {
+    name: '放入您的矢量文件',
+    text: '将您的 SVG 文件拖入上方区域, 以准备导出列表。',
+  },
+  {
+    name: '栅格化为 JPG',
+    text: '该工具将矢量转换为高清像素, 并立即生成您的 JPG 文件。',
+  },
+  {
+    name: '下载结果',
+    text: '您可以单独下载 JPG 文件, 也可以将其打包为 ZIP 下载。',
+  },
+];
+
+const bibliography: SvgAJpgLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG 规范',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'JPEG 标准概述',
+    url: 'https://jpeg.org/jpeg/',
+  },
+];
+
+const seo: SvgAJpgLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG 转 JPG 转换器: 让您的矢量图适配任何平台',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> 格式是现代 Web 的原生语言: 轻量、可缩放、可编辑。但仍有很多平台完全无法识别矢量图。社交媒体、邮件客户端、Word 文档、打印应用程序以及绝大多数现实世界的软件都使用栅格化图像。<strong>JPG</strong> 是通用的最大公约数: 它无处不在、无一例外, 无需插件, 也无需额外的二次转换。',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs JPG: 当矢量图需要变成照片时',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG 以数学指令的形式存储图像。这种矢量特性使其非常适合 Web 展现, 但对于模拟世界和旧版软件来说则是不可见的。通过邮件发送的 SVG 文件在接收方的客户端中可能显示为无法理解的 XML 文本。附加到 Word 文档的 SVG 在旧版 Office 中可能完全无法渲染。',
+  },
+  {
+    type: 'paragraph',
+    html: 'JPG 将图像转换为像素矩阵, 并通过 JPEG 算法压缩颜色信息。由于它不支持 Alpha 通道, 转换器会自动将背景合并为纯白色。作为回报, 您将获得一个可以在 <em>地球上任何设备</em> 上打开的文件: 旧手机、打印机、智能电视、甚至是二十年前的编辑软件。它是兼容性最强的格式, 在许多环境下也是最有价值的格式。',
+  },
+  {
+    type: 'title',
+    text: '对比: 本地转换 vs 云端转换',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: '云端转换器',
+        description: '将您的文件上传到远程服务器的工具。',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          '您的 SVG 代码 (包含私有的设计数据) 会传输到外部服务器',
+          '字体和渐变色的渲染效果不统一',
+          '每次转换都需要互联网连接',
+          '输出的 JPG 质量并不总是可调',
+        ],
+      },
+      {
+        title: '我们的本地架构',
+        description: '使用 Vanilla JS 技术直接在您的硬件上进行处理。',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          '没有任何一个字节的 SVG 会离开您的浏览器',
+          '使用浏览器原生引擎进行精准渲染',
+          '输出 2 倍高清 JPG 以获得极致清晰度',
+          '按照 JPG 标准自动应用白色背景',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: '技术原理',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG 文件被加载到浏览器的 <strong>Image</strong> 元素中, 该元素使用其内置的矢量渲染引擎来解析 XML。视觉结果被绘制到 <strong>HTML5 Canvas</strong> 上, 并预先填充白色背景 (这是必须的, 因为 JPG 不支持透明度), 同时以双倍缩放绘制以最大化输出分辨率。',
+  },
+  {
+    type: 'paragraph',
+    html: '<code>toDataURL(\'image/jpeg\', 0.92)</code> 方法将画布像素转换为高质量的 JPG 文件。由于 JPEG 压缩过程中的色彩空间转换, SVG 的颜色可能会出现细微偏差。因此, 在用于对颜色保真度要求极高的专业印刷工作之前, 建议先预览结果。',
+  },
+  {
+    type: 'tip',
+    title: '印刷用途提示',
+    html: '由于 JPEG 压缩时的颜色配置文件差异, SVG 的背景和渐变在 JPG 中看起来可能略有不同。在发送给印刷厂或用于印刷营销材料之前, 请务必先预览结果, 尤其是当品牌颜色的准确性至关重要时。',
+  },
+  {
+    type: 'title',
+    text: '应用场景与兼容性',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      '在 Facebook、Twitter 或 LinkedIn 上分享 SVG 徽标和插图。',
+      '通过 Outlook 或 Gmail 在邮件中添加矢量图形附件。',
+      '将 SVG 设计插入 Word 文档、Excel 或演示文稿。',
+      '在不支持 SVG 的在线商店中发布产品图片。',
+      '为按需打印服务准备文件。',
+    ],
+  },
+  {
+    type: 'title',
+    text: '总结',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '现实世界仍然以像素为交流语言。此工具能在几秒钟内将您的 SVG 矢量图转换为通用的 JPG 语言, 提供高清渲染, 且您的设计数据永远不会离开浏览器。',
+  },
+];
+
+
+export const content: SvgAJpgLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'zh', faq, howTo }),
+};

package/src/tool/svgAJpg/index.ts

@@ -16,6 +16,18 @@ export const svgAJpg: 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/svgAPng/i18n/de.ts

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'svg-zu-png-konverter';
+const title = 'SVG zu PNG Konverter Online und Kostenlos';
+const description =
+  'Konvertieren Sie SVG-Vektordateien in Ihrem Browser in PNG. HD-Ausgabe mit doppelter Skalierung. Transparenz bleibt erhalten. Kostenlos und 100 % privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'SVG-Dateien hierher ziehen...',
+  convertText: 'Um sie sofort in PNG zu konvertieren',
+  selectFiles: 'Dateien auswählen',
+  processedFiles: 'Verarbeitete Dateien',
+  downloadAll: 'Alles herunterladen (.zip)',
+  pending: 'Ausstehend',
+  bibliographyTitle: 'Literaturhinweise',
+  faqTitle: 'Häufig gestellte Fragen',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Warum SVG-Dateien in PNG konvertieren?',
+    answer:
+      'SVG basiert auf Vektoren und ist ideal für Logos, aber manchmal benötigen Sie das gerasterte PNG-Format für die Verwendung in Anwendungen, die keine Vektoren unterstützen, oder zum Teilen über Messaging-Apps oder soziale Medien.',
+  },
+  {
+    question: 'Kann ich die Ausgabegröße wählen?',
+    answer:
+      'Wir verdoppeln derzeit den Maßstab der Quell-SVG, damit die PNG-Ausgabe scharf ist und sich für Retina- oder 4K-Bildschirme eignet.',
+  },
+  {
+    question: 'Bleibt die SVG-Transparenz erhalten?',
+    answer:
+      'Ja, die resultierende PNG bewahrt den Alpha-Kanal der ursprünglichen SVG, sodass alle transparenten Hintergründe intakt bleiben.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'SVG-Dateien einfügen',
+    text: 'Ziehen Sie Ihre SVG-Dateien direkt in den oberen Bereich.',
+  },
+  {
+    name: 'PNG-Erzeugung in HD',
+    text: 'In Millisekunden wandelt unsere lokale Engine jeden Vektor in eine HD-Pixelebene im transparenten PNG-Format um.',
+  },
+  {
+    name: 'Dateien herunterladen',
+    text: 'Speichern Sie die generierten PNGs einzeln oder als ZIP-Paket.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG Spezifikation',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: SVG Tutorial',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG zu PNG Konverter: Vom unendlichen Vektor zum universellen Raster',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) ist die perfekte Wahl für Webdesign: unendlich skalierbar, leichtgewichtig und mit jedem Code-Editor editierbar. Doch wenn Sie dieses Logo oder Icon in einer mobilen App verwenden, es in sozialen Medien teilen oder in eine PowerPoint Präsentation einfügen möchten, stoßen Sie auf eine Hürde: Die meisten dieser Plattformen unterstützen kein SVG. Das <strong>PNG</strong>-Format ist die universelle Lösung: gerastert, mit einem Alpha-Kanal und in absolut jedem Kontext kompatibel.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: Vektoren für das Web, Raster für die Welt',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG speichert das Bild als mathematische Anweisungen: eine Bézier Kurve, ein Gradient, ein Polygon. Das bedeutet, dass dieselbe Datei bei 16 oder 16.000 Pixeln perfekt aussieht. Es ist das ideale Format für Ihren Webcode, CSS-Animationen und jedes Element, das sich ohne Qualitätsverlust an verschiedene Bildschirmauflösungen anpassen muss.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG speichert das Bild als Pixelgitter mit Farb- und Transparenzinformationen für jeden Pixel. Es ist ein <strong>verlustfreies</strong> Format, was bedeutet, dass die Qualität vollständig erhalten bleibt. Sobald eine SVG zu PNG gerastert wurde, ist die Auflösung fest vorgegeben. Deshalb ist die Wahl der richtigen Exportgröße entscheidend: Unser Tool rendert doppelt skaliert (2x), um Schärfe auf Retina und 4K Bildschirmen zu gewährleisten.',
+  },
+  {
+    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 gelangt auf externe Server',
+          'Remote-Rendering mit inkonsistenter Qualität',
+          'Wartezeit für Upload und Verarbeitung',
+          'Einschränkungen bei der SVG-Dateigröße',
+        ],
+      },
+      {
+        title: 'Unsere lokale Architektur',
+        description: 'Direkte Verarbeitung auf Ihrer Hardware mittels Vanilla JS-Technologie.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Ihre SVG verlässt niemals Ihren Browser',
+          'Rendering durch die native Browser-Engine für maximale Treue',
+          'PNG in 2x Auflösung für hochdichte Bildschirme',
+          'Transparenz bleibt dank vollem Alpha-Kanal erhalten',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Wie es technisch funktioniert',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Der Prozess beginnt mit dem Laden der SVG-Datei in ein JavaScript <strong>Image</strong>-Element. Sobald die Browser-Engine den Vektor-XML analysiert und gerendert hat, wird das resultierende Bild auf ein <strong>HTML5 Canvas</strong> gezeichnet, dessen Dimensionen doppelt so groß wie die ursprüngliche SVG-Größe sind (2x Skalierung). Dies erzeugt eine PNG mit der doppelten Anzahl an Pixeln pro Dimension, ideal für hochauflösende Bildschirme.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Im Gegensatz zur Konvertierung in JPG behält das Canvas beim Export in PNG den vollen Alpha-Kanal bei: Transparente Bereiche in der ursprünglichen SVG werden zu vollständig transparenten Pixeln in der resultierenden PNG – ohne weiße Hintergrundfüllung. Der Export nutzt die Methode <code>toDataURL(\'image/png\')</code> mit verlustfreier Kompression.',
+  },
+  {
+    type: 'tip',
+    title: 'Tipp vor dem Rastern',
+    html: 'Wählen Sie Ihre PNG-Exportgröße sorgfältig – das Rastern einer SVG ist ein Einwegprozess: Sie können die Vektoren nicht aus der resultierenden PNG wiederherstellen. Behalten Sie immer die Original-SVG als Masterquelle und generieren Sie PNGs in der höchsten Auflösung, die Sie jemals benötigen könnten.',
+  },
+  {
+    type: 'title',
+    text: 'Anwendungsfälle und Kompatibilität',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Exportieren von Vektor-Logos für PowerPoint oder Google Slides Präsentationen.',
+      'Erstellen von PNG-Icons für iOS, Android oder Progressive Web Apps.',
+      'Teilen von SVG-Designs auf Instagram, LinkedIn oder anderen sozialen Medien.',
+      'Einfügen von Vektor-Illustrationen in Word-Dokumente oder PDFs.',
+      'Generieren von PNG-Thumbnails von SVG-Grafiken für die CMS-Vorschau.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Fazit',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG ist die Sprache der Vektoren; PNG ist der Reisepass für den Rest der digitalen Welt. Dieses Tool rastert Ihre SVGs in 2x Auflösung mit erhaltener Transparenz direkt in Ihrem Browser, ohne dass ein einziges Byte Ihres Designs an einen externen Server gesendet wird.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'de', faq, howTo }),
+};

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