@jjlmoya/utils-converters 1.7.0 → 1.8.0

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,
+  }),
 };

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

@@ -1,11 +1,11 @@
-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 = 'convertidor-svg-a-png';
 const title = 'Convertir SVG a PNG Online y Gratis';
 const description =
-  'Convierte archivos SVG vectoriales a PNG en tu navegador. Salida a doble escala HD. Conserva transparencias. Gratis y 100% privado.';
+  'Convierte archivos SVG vectoriales a PNG en tu navegador. Salida HD a doble escala. Conserva transparencias. Gratis y 100% privado.';
 
 const ui: ImageConverterUI = {
   dragText: 'Arrastra archivos SVG...',
@@ -22,12 +22,12 @@ const faq: SvgAPngLocaleContent['faq'] = [
   {
     question: '¿Por qué convertir archivos SVG a PNG?',
     answer:
-      'SVG es vectorial e ideal para logos, pero a veces necesitas el formato rasterizado PNG para usarlo en aplicaciones que no soportan vectores o para enviarlos por WhatsApp o redes sociales.',
+      'SVG es un formato vectorial ideal para logos, pero a veces necesitas el formato PNG rasterizado para usarlo en aplicaciones que no soportan vectores, o para compartir por apps de mensajería o redes sociales.',
   },
   {
     question: '¿Puedo elegir el tamaño de salida?',
     answer:
-      'Actualmente duplicamos la escala del SVG de origen para que la salida PNG sea nítida y apta para pantallas Retina o 4K.',
+      'Actualmente duplicamos la escala del SVG de origen para que el PNG de salida sea nítido y adecuado para pantallas Retina o 4K.',
   },
   {
     question: '¿Se mantienen las transparencias del SVG?',
@@ -39,15 +39,15 @@ const faq: SvgAPngLocaleContent['faq'] = [
 const howTo: SvgAPngLocaleContent['howTo'] = [
   {
     name: 'Inserta tus archivos SVG',
-    text: 'Pega tus archivos SVG o arrástralos directamente al área superior.',
+    text: 'Suelta tus archivos SVG o arrástralos directamente a la zona superior.',
   },
   {
-    name: 'Generación del PNG HD',
-    text: 'En milisegundos nuestro motor local recreará cada vector en una capa de píxeles HD en formato PNG transparente.',
+    name: 'Generación de PNG HD',
+    text: 'En milisegundos nuestro motor local recreará cada vector como una capa de píxeles HD en formato PNG transparente.',
   },
   {
-    name: 'Descarga los archivos',
-    text: 'Guarda los PNG generados individualmente o en un paquete ZIP.',
+    name: 'Descarga los ficheros',
+    text: 'Guarda los PNG generados uno a uno o como paquete ZIP.',
   },
 ];
 
@@ -58,7 +58,7 @@ const bibliography: SvgAPngLocaleContent['bibliography'] = [
   },
   {
     name: 'Mozilla: SVG Tutorial',
-    url: 'https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial',
+    url: 'https://developer.mozilla.org/es/docs/Web/SVG/Tutorial',
   },
 ];
 
@@ -70,7 +70,7 @@ const seo: SvgAPngLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: '<strong>SVG</strong> (Scalable Vector Graphics) es la elección perfecta para el diseño web: escalable al infinito, ligero y editable con cualquier editor de código. Pero cuando necesitas usar ese logo o icono en una aplicación móvil, compartirlo en redes sociales o insertarlo en una presentación de PowerPoint, te topas con una barrera: la mayoría de estas plataformas no soportan SVG. El formato <strong>PNG</strong> es la solución universal: rasterizado, con canal alfa y compatible en absolutamente todos los contextos.',
+    html: 'El <strong>SVG</strong> (Scalable Vector Graphics) es la elección perfecta para el diseño web: infinitamente escalable, ligero y editable con cualquier editor de código. Pero cuando necesitas usar ese logo o icono en una app móvil, compartirlo en redes sociales o insertarlo en una presentación PowerPoint, te topas con un muro: la mayoría de estas plataformas no soportan SVG. El formato <strong>PNG</strong> es la solución universal: rasterizado, con canal alfa y compatible en absolutamente todos los contextos.',
   },
   {
     type: 'title',
@@ -79,11 +79,11 @@ const seo: SvgAPngLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'SVG almacena la imagen como instrucciones matemáticas: una curva de Bézier, un gradiente, un polígono. Esto significa que el mismo archivo luce perfectamente a 16px o a 16.000px. Es el formato ideal para el código de tu web, para animaciones CSS y para cualquier elemento que necesite adaptarse a diferentes resoluciones de pantalla sin pérdida de calidad.',
+    html: 'SVG almacena la imagen como instrucciones matemáticas: una curva de Bézier, un degradado, un polígono. Esto significa que el mismo archivo se ve perfecto a 16px o a 16,000px. Es el formato ideal para tu código web, animaciones CSS y cualquier elemento que deba adaptarse a distintas resoluciones de pantalla sin perder ni un ápice de calidad.',
   },
   {
     type: 'paragraph',
-    html: 'PNG almacena la imagen como una cuadrícula de píxeles con información de color y transparencia para cada uno. Es un formato <strong>sin pérdida</strong>, lo que significa que la calidad se preserva íntegramente. Una vez que un SVG se rasteriza a PNG, la resolución queda fijada. Por eso es crucial elegir bien el tamaño de exportación: nuestra herramienta renderiza a doble escala (2x) para garantizar nitidez en pantallas Retina y 4K.',
+    html: 'PNG almacena la imagen como una rejilla de píxeles con información de color y transparencia para cada uno. Es un formato <strong>lossless</strong> (sin pérdida), lo que significa que la calidad se preserva íntegramente. Una vez que un SVG se convierte a PNG, la resolución es fija. Por eso, elegir el tamaño de exportación correcto es crítico: nuestra herramienta renderiza a doble escala (2x) para asegurar la nitidez en pantallas Retina y 4K.',
   },
   {
     type: 'title',
@@ -101,8 +101,8 @@ const seo: SvgAPngLocaleContent['seo'] = [
         points: [
           'Tu código SVG viaja a servidores externos',
           'Renderizado remoto con calidad inconsistente',
-          'Tiempo de espera por subida y procesamiento',
-          'Limitaciones en el tamaño de archivo SVG',
+          'Tiempo de espera por la subida y el procesado',
+          'Limitaciones en el tamaño del archivo SVG',
         ],
       },
       {
@@ -112,9 +112,9 @@ const seo: SvgAPngLocaleContent['seo'] = [
         highlight: true,
         points: [
           'Tu SVG nunca abandona tu navegador',
-          'Renderizado nativo del motor del navegador, máxima fidelidad',
-          'PNG a 2x de resolución para pantallas de alta densidad',
-          'Transparencias preservadas con canal alfa completo',
+          'Renderizado con el motor nativo del navegador para máxima fidelidad',
+          'PNG a resolución 2x para pantallas de alta densidad',
+          'Transparencia preservada con canal alfa completo',
         ],
       },
     ],
@@ -126,16 +126,16 @@ const seo: SvgAPngLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'El proceso comienza cargando el archivo SVG en un elemento <strong>Image</strong> de JavaScript. Una vez que el motor del navegador ha parseado y renderizado el XML vectorial, la imagen resultante se dibuja sobre un <strong>Canvas HTML5</strong> cuyas dimensiones son el doble del tamaño original del SVG (escala 2x). Esto produce un PNG con el doble de píxeles por dimensión, ideal para pantallas de alta resolución.',
+    html: 'El proceso comienza cargando el archivo SVG en un elemento <strong>Image</strong> de JavaScript. Una vez que el motor del navegador ha interpretado y renderizado el XML vectorial, la imagen resultante se dibuja sobre un <strong>Canvas HTML5</strong> cuyas dimensiones son el doble del tamaño original del SVG (escala 2x). Esto produce un PNG con el doble de píxeles por dimensión, ideal para pantallas de alta resolución.',
   },
   {
     type: 'paragraph',
-    html: 'A diferencia de la conversión a JPG, al exportar a PNG el canvas retiene el canal alfa completo: las zonas transparentes del SVG original se convierten en píxeles totalmente transparentes en el PNG resultante. No hay relleno de fondo blanco. La exportación usa el método <code>toDataURL(\'image/png\')</code> con compresión sin pérdida.',
+    html: 'A diferencia de la conversión a JPG, al exportar a PNG el canvas conserva el canal alfa completo: las zonas transparentes del SVG original se convierten en píxeles totalmente transparentes en el PNG resultante, sin relleno de fondo blanco. La exportación utiliza el método <code>toDataURL(\'image/png\')</code> con compresión sin pérdida.',
   },
   {
     type: 'tip',
     title: 'Consejo antes de rasterizar',
-    html: 'Elige bien el tamaño de exportación PNG porque la rasterización es un proceso de un solo sentido: no podrás recuperar los vectores desde el PNG resultante. Guarda siempre el SVG original como fuente maestra y genera los PNG a la resolución más alta que puedas necesitar.',
+    html: 'Elige bien el tamaño de exportación a PNG; rasterizar un SVG es un proceso de una sola dirección: no puedes recuperar los vectores a partir del PNG resultante. Mantén siempre el SVG original como fuente maestra y genera PNGs a la máxima resolución que vayas a necesitar.',
   },
   {
     type: 'title',
@@ -147,9 +147,9 @@ const seo: SvgAPngLocaleContent['seo'] = [
     icon: 'mdi:check-circle',
     items: [
       'Exportar logos vectoriales para presentaciones PowerPoint o Google Slides.',
-      'Crear iconos PNG para aplicaciones iOS, Android o Progressive Web Apps.',
+      'Crear iconos PNG para apps de iOS, Android o Progressive Web Apps.',
       'Compartir diseños SVG en Instagram, LinkedIn u otras redes sociales.',
-      'Insertar ilustraciones vectoriales en documentos Word o PDF.',
+      'Insertar ilustraciones vectoriales en documentos Word o PDFs.',
       'Generar miniaturas PNG de gráficos SVG para previsualización en CMS.',
     ],
   },
@@ -160,21 +160,10 @@ const seo: SvgAPngLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'SVG es el lenguaje de los vectores; PNG es el pasaporte al resto del mundo digital. Esta herramienta rasteriza tus SVG a resolución 2x con transparencias intactas, directamente en tu navegador, sin que ningún byte de tu diseño viaje a ningún servidor externo.',
+    html: 'SVG es el lenguaje de los vectores; PNG es el pasaporte al resto del mundo digital. Esta herramienta rasteriza tus SVGs a resolución 2x con la transparencia intacta, directamente en tu navegador, sin que un solo byte de tu diseño viaje a ningún servidor externo.',
   },
 ];
 
-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: SvgAPngLocaleContent = {
   slug,
   title,
@@ -184,5 +173,11 @@ export const content: SvgAPngLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({
+    title,
+    description,
+    inLanguage: 'es',
+    faq,
+    howTo,
+  }),
 };

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

package/src/tool/svgAPng/i18n/id.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 = 'konverter-svg-ke-png';
+const title = 'Konversi SVG ke PNG Online dan Gratis';
+const description =
+  'Konversi file vektor SVG ke PNG di browser Anda. Output HD skala ganda. Mempertahankan transparansi. Gratis dan 100% pribadi.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Tarik file SVG...',
+  convertText: 'Untuk mengkonversinya ke PNG secara instan',
+  selectFiles: 'Pilih file',
+  processedFiles: 'File yang diproses',
+  downloadAll: 'Unduh Semua (.zip)',
+  pending: 'Menunggu',
+  bibliographyTitle: 'Referensi Bibliografi',
+  faqTitle: 'Pertanyaan yang Sering Diajukan',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Mengapa mengonversi file SVG ke PNG?',
+    answer:
+      'SVG berbasis vektor dan ideal untuk logo, tetapi terkadang Anda memerlukan format PNG raster untuk digunakan dalam aplikasi yang tidak mendukung vektor, atau untuk dibagikan melalui aplikasi pesan atau media sosial.',
+  },
+  {
+    question: 'Dapatkah saya memilih ukuran output?',
+    answer:
+      'Kami saat ini menduplikasi skala SVG sumber sehingga output PNG tajam dan cocok untuk layar Retina atau 4K.',
+  },
+  {
+    question: 'Apakah transparansi SVG dipertahankan?',
+    answer:
+      'Ya, PNG yang dihasilkan mempertahankan saluran alfa dari SVG asli, menjaga semua latar belakang transparan tetap utuh.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'Masukkan file SVG Anda',
+    text: 'Letakkan file SVG Anda atau tarik langsung ke area atas.',
+  },
+  {
+    name: 'Generasi PNG HD',
+    text: 'Dalam hitungan milidetik, mesin lokal kami akan membuat ulang setiap vektor sebagai lapisan piksel HD dalam format PNG transparan.',
+  },
+  {
+    name: 'Unduh file',
+    text: 'Simpan PNG yang dihasilkan satu per satu atau sebagai paket ZIP.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'Spesifikasi W3C SVG',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: Tutorial SVG',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Konverter SVG ke PNG: Dari Vektor Tak Terbatas ke Raster Universal',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) adalah pilihan sempurna untuk desain web: dapat diskalakan secara tak terbatas, ringan, dan dapat diedit dengan editor kode apa pun. Tetapi ketika Anda perlu menggunakan logo atau ikon itu di aplikasi seluler, membagikannya di media sosial, atau memasukkannya ke dalam presentasi PowerPoint, Anda menemui kendala: sebagian besar platform ini tidak mendukung SVG. Format <strong>PNG</strong> adalah solusi universal: raster, dengan saluran alfa, dan kompatibel dalam setiap konteks.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: Vektor untuk Web, Raster untuk Dunia',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG menyimpan gambar sebagai instruksi matematis: kurva Bézier, gradien, poligon. Ini berarti file yang sama terlihat sempurna pada 16px atau 16.000px. Ini adalah format ideal untuk kode web Anda, animasi CSS, dan elemen apa pun yang perlu beradaptasi dengan resolusi layar yang berbeda tanpa kehilangan kualitas.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG menyimpan gambar sebagai kisi piksel dengan informasi warna dan transparansi untuk setiap piksel. Ini adalah format <strong>lossless</strong>, yang berarti kualitas dipertahankan sepenuhnya. Setelah SVG diraster ke PNG, resolusinya menjadi tetap. Itulah mengapa memilih ukuran ekspor yang tepat sangat penting: alat kami merender pada skala ganda (2x) untuk memastikan ketajaman pada layar Retina dan 4K.',
+  },
+  {
+    type: 'title',
+    text: 'Perbandingan: Konversi Lokal vs Cloud',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Konverter Cloud',
+        description: 'Alat yang mengunggah file Anda ke server jarak jauh.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Kode SVG Anda dikirim ke server eksternal',
+          'Rendering jarak jauh dengan kualitas yang tidak konsisten',
+          'Waktu tunggu untuk pengunggahan dan pemrosesan',
+          'Batasan pada ukuran file SVG',
+        ],
+      },
+      {
+        title: 'Arsitektur Lokal Kami',
+        description: 'Pemrosesan langsung pada perangkat keras Anda menggunakan teknologi Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'SVG Anda tidak pernah meninggalkan browser',
+          'Rendering mesin browser native untuk kesetiaan maksimum',
+          'PNG resolusi 2x untuk layar dengan kepadatan tinggi',
+          'Transparansi dipertahankan dengan saluran alfa penuh',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Cara Kerjanya Secara Teknis',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Proses dimulai dengan memuat file SVG ke dalam elemen JavaScript <strong>Image</strong>. Setelah mesin browser mengurai dan merender XML vektor, gambar yang dihasilkan digambar ke <strong>HTML5 Canvas</strong> yang dimensinya dua kali lipat ukuran SVG asli (skala 2x). Ini menghasilkan PNG dengan piksel dua kali lebih banyak per dimensi, ideal untuk layar beresolusi tinggi.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Berbeda dengan konversi ke JPG, saat mengekspor ke PNG, kanvas mempertahankan saluran alfa penuh: area transparan dalam SVG asli menjadi piksel transparan sepenuhnya dalam PNG yang dihasilkan — tanpa pengisian latar belakang putih. Ekspor menggunakan metode <code>toDataURL(\'image/png\')</code> dengan kompresi lossless.',
+  },
+  {
+    type: 'tip',
+    title: 'Tip sebelum merasterisasi',
+    html: 'Pilih ukuran ekspor PNG Anda dengan hati-hati — merasterisasi SVG adalah proses satu arah: Anda tidak dapat memulihkan vektor dari PNG yang dihasilkan. Selalu simpan SVG asli sebagai sumber master, dan hasilkan PNG pada resolusi tertinggi yang mungkin Anda butuhkan.',
+  },
+  {
+    type: 'title',
+    text: 'Kasus Penggunaan dan Kompatibilitas',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Mengekspor logo vektor untuk presentasi PowerPoint atau Google Slides.',
+      'Membuat ikon PNG untuk iOS, Android, atau Progressive Web Apps.',
+      'Berbagi desain SVG di Instagram, LinkedIn, atau media sosial lainnya.',
+      'Memasukkan ilustrasi vektor ke dalam dokumen Word atau PDF.',
+      'Menghasilkan thumbnail PNG dari grafik SVG untuk pratinjau CMS.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Kesimpulan',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG adalah bahasa vektor; PNG adalah paspor ke seluruh dunia digital. Alat ini merasterisasi SVG Anda pada resolusi 2x dengan transparansi utuh, langsung di browser Anda, tanpa satu byte pun dari desain Anda dikirim ke server eksternal mana pun.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'id', faq, howTo }),
+};