@jjlmoya/utils-converters 1.7.0 → 1.9.0

package/src/tool/webpAPng/i18n/de.ts

@@ -0,0 +1,182 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { WebpAPngLocaleContent } from '../index';
+
+const slug = 'webp-zu-png-konverter';
+const title = 'WebP zu PNG Konverter Online und Kostenlos';
+const description =
+  'Konvertieren Sie WebP-Bilder in Ihrem Browser in PNG. Erhält die Transparenz. Kein Hochladen von Dateien auf Server. Kostenlos und 100 % privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'WebP-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: WebpAPngLocaleContent['faq'] = [
+  {
+    question: 'Warum muss ich meine WebP-Dateien in PNG konvertieren?',
+    answer:
+      'Obwohl WebP-Dateien leichter sind, können sie in Bearbeitungsprogrammen wie älteren Photoshop-Versionen Inkompatibilitäten verursachen. PNG gewährleistet eine 100 % universelle Kompatibilität.',
+  },
+  {
+    question: 'Gehen Transparenzen bei der Konvertierung von WebP zu PNG verloren?',
+    answer:
+      'Keineswegs. Im Gegensatz zur Konvertierung in JPG unterstützt PNG den Alpha-Kanal. Unser Tool bewahrt alle transparenten Bereiche der Originaldatei.',
+  },
+  {
+    question: 'Kann ich vertrauliche Unternehmensdateien hochladen?',
+    answer:
+      'Das können und sollten Sie. Da alles lokal über JavaScript läuft, verlassen Ihre Unternehmensbilder niemals Ihren Computer und werden nicht auf externen Servern gespeichert.',
+  },
+];
+
+const howTo: WebpAPngLocaleContent['howTo'] = [
+  {
+    name: 'WebP-Dateien ziehen',
+    text: 'Ziehen Sie Ihre WebP-Dateien in das Hauptfenster oder wählen Sie die Bilder auf herkömmliche Weise aus.',
+  },
+  {
+    name: 'High Fidelity Konvertierung',
+    text: 'Ihr Browser zeichnet das Bild Pixel für Pixel neu und generiert eine exakte Kopie im PNG-Format, wobei der ursprüngliche Farbraum erhalten bleibt.',
+  },
+  {
+    name: 'Einzel- oder Batch-Download',
+    text: 'Speichern Sie jede Datei einzeln oder, wenn Sie einen Stapel verarbeitet haben, klicken Sie auf die ZIP-Schaltfläche, um alle zusammen herunterzuladen.',
+  },
+];
+
+const bibliography: WebpAPngLocaleContent['bibliography'] = [
+  {
+    name: 'Dokumentation der WebP-API und -Bibliothek',
+    url: 'https://developers.google.com/speed/webp/docs/api',
+  },
+  {
+    name: 'HTML Canvas 2D Kontext Spezifikation',
+    url: 'https://html.spec.whatwg.org/multipage/canvas.html',
+  },
+  {
+    name: 'Can I use: WebP-Bildformat',
+    url: 'https://caniuse.com/webp',
+  },
+];
+
+const seo: WebpAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'WebP zu PNG Konverter: Die professionelle Wahl für Bearbeitung und Design',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Wenn ein Designer eine Grafik im <strong>WebP</strong>-Format herunterlädt und versucht, sie in Photoshop, Figma oder Illustrator zu öffnen, kann das Ergebnis frustrierend sein: Die Datei lässt sich nicht laden oder verliert an Qualität. Das <strong>PNG</strong>-Format ist der unangefochtene Standard der professionellen Bearbeitung: verlustfreie Kompression, vollständiger Alpha-Kanal und garantierte Kompatibilität über die gesamte kreative Produktionskette hinweg.',
+  },
+  {
+    type: 'title',
+    text: 'WebP für das Web, PNG für das Studio',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP ist ein Web-Produktionsformat: Seine Kompressionsalgorithmen sind darauf optimiert, das Übertragungsgewicht zu reduzieren, nicht darauf, maximale Originaltreue über iterative Bearbeitungs-Workflows hinweg zu bewahren. Jedes Mal, wenn Sie eine bearbeitete WebP-Datei speichern, wendet der Codec die Kompression erneut an. Bei Projekten, bei denen eine Datei oft geändert wird, bedeutet dies eine kumulative Qualitätsverschlechterung.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG verwendet eine <strong>verlustfreie Kompression</strong>: Alle Pixeldaten bleiben vollständig erhalten, egal wie oft Sie die Datei speichern. Es ist das Format der Wahl für UI/UX Designer, digitale Illustratoren und Branding-Teams, die die visuelle Integrität über Dutzende von Revisionen hinweg wahren müssen. Tools wie Photoshop, Figma, Sketch und Illustrator behandeln PNG als ihr primäres Exportformat.',
+  },
+  {
+    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: [
+          'Ihre Design-Assets werden auf Servern Dritter gespeichert',
+          'Langsame Remote-Verarbeitung bei großen Dateien',
+          'Risiko von Datenlecks bei vertraulichen Kundenprojekten',
+          'Batch Konvertierung oft eingeschränkt oder kostenpflichtig',
+        ],
+      },
+      {
+        title: 'Unsere lokale Architektur',
+        description: 'Direkte Verarbeitung auf Ihrer Hardware mittels Vanilla JS-Technologie.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Ihre Designs verlassen niemals Ihren Rechner',
+          'Dutzende Dateien sofort per Batch konvertieren',
+          'Vollständiger Erhalt des Alpha-Kanals und Farbraums',
+          'Absolute Privatsphäre für Kundenprojekte',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Wie es technisch funktioniert',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Moderne Browser können WebP nativ dekodieren. Unser Tool nutzt diese Fähigkeit, um die Datei in ein JavaScript-<strong>Image</strong>-Element zu laden und sie dann auf ein HTML5-Canvas mit denselben Abmessungen wie das Original zu zeichnen. Im Gegensatz zur Konvertierung in JPG ist hier keine Hintergrundfüllung erforderlich: Das Canvas behält den vollständigen Alpha-Kanal bei.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Der finale Export erfolgt über die Methode <code>toDataURL(\'image/png\')</code>, die ein verlustfreies, originalgetreues PNG generiert. Das Ergebnis ist eine Datei, die ohne Zwischenschritte, Farbverlust oder Transparenzverlust direkt in jede professionelle Design-Software importiert werden kann.',
+  },
+  {
+    type: 'tip',
+    title: 'Tipp für Editoren',
+    html: 'Verwenden Sie PNG, wenn Sie das Bild weiter bearbeiten müssen. Die verlustfreie Kompression garantiert, dass durch wiederholtes Speichern keine Qualitätsverluste entstehen – entscheidend bei der Arbeit mit Ebenen, Masken oder Farbanpassungen in Photoshop oder Figma.',
+  },
+  {
+    type: 'title',
+    text: 'Anwendungsfälle und Kompatibilität',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Importieren von WebP-Assets in Photoshop, Figma, Sketch oder Illustrator.',
+      'Erhalt der Transparenz bei Logos und Icons für die Verwendung auf verschiedenen Hintergründen.',
+      'Erstellen von Master-Kopien von Grafiken für langfristige Projekte.',
+      'Exportieren von Assets für mobile Apps, die PNG mit Alpha-Kanal erfordern.',
+      'Verwendung von Bildern in Design-Mockups und Präsentationen mit variablen Hintergründen.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Fazit',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Wenn WebP das Format für Webserver ist, dann ist PNG das Format für das Designstudio. Dieses Tool konvertiert Ihre WebP-Assets in produktionsbereite PNGs mit intakter Transparenz und maximaler Qualität – alles in Ihrem Browser und ohne dass Ihre Dateien jemals Ihren Rechner verlassen.',
+  },
+];
+
+
+export const content: WebpAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'de', faq, howTo }),
+};

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

package/src/tool/webpAPng/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 { WebpAPngLocaleContent } from '../index';
 
 const slug = 'convertidor-webp-a-png';
 const title = 'Convertir WebP a PNG Online y Gratis';
 const description =
-  'Convierte imágenes WebP a PNG en tu navegador. Conserva la transparencia. Sin subir archivos a servidores. Gratis y 100% privado.';
+  'Convierte imágenes WebP a PNG en tu navegador. Conserva transparencias. Sin subir archivos a servidores. Gratis y 100% privado.';
 
 const ui: ImageConverterUI = {
   dragText: 'Arrastra archivos WebP...',
@@ -22,32 +22,32 @@ const faq: WebpAPngLocaleContent['faq'] = [
   {
     question: '¿Por qué necesito convertir mis archivos WebP a PNG?',
     answer:
-      'A pesar de ser más ligeros, los WebP pueden causar incompatibilidades en programas de edición como Photoshop antiguo. El PNG asegura un 100% de compatibilidad universalmente.',
+      'Pese a ser más ligeros, los archivos WebP pueden dar incompatibilidades en programas de edición como Photoshop antiguos. El PNG asegura una compatibilidad universal al 100%.',
   },
   {
-    question: '¿Se pierden las transparencias si paso de WebP a PNG?',
+    question: '¿Se pierden las transparencias al pasar de WebP a PNG?',
     answer:
-      'No, en absoluto. A diferencia de la conversión a JPG, el PNG soporta el canal alfa. Nuestra utilidad preservará cualquier zona transparente del archivo original.',
+      'En absoluto. A diferencia de la conversión a JPG, el PNG soporta el canal alfa. Nuestra utilidad preservará cualquier zona transparente del archivo original.',
   },
   {
-    question: '¿Puedo subir archivos confidenciales de mi empresa?',
+    question: '¿Puedo subir archivos confidenciales de empresa?',
     answer:
-      'Puedes y debes. Como todo se ejecuta localmente mediante JavaScript, las imágenes de tu empresa nunca saldrán de tu ordenador ni se guardarán en servidores ajenos.',
+      'Puedes y debes. Como todo corre localmente por JavaScript, tus imágenes de empresa nunca abandonarán tu equipo ni se guardarán en servidores externos.',
   },
 ];
 
 const howTo: WebpAPngLocaleContent['howTo'] = [
   {
-    name: 'Arrastra tus WebP',
+    name: 'Arrastra tus archivos WebP',
     text: 'Mueve y suelta tus archivos WebP sobre el panel principal o selecciona las imágenes de forma tradicional.',
   },
   {
     name: 'Conversión de Alta Fidelidad',
-    text: 'Tu navegador redibujará píxel a píxel la imagen y generará su copia exacta en formato PNG, manteniendo la gama de colores original.',
+    text: 'Tu navegador redibujará píxel a píxel la imagen y generará una copia exacta en formato PNG, manteniendo la gama de colores original.',
   },
   {
-    name: 'Descarga Individual o Masiva',
-    text: 'Guarda cada fichero suelto o, si has procesado un lote, haz clic en el botón ZIP para bajarlos todos empaquetados.',
+    name: 'Descarga Individual o en Lote',
+    text: 'Guarda cada archivo individualmente o, si procesaste un lote, pulsa el botón ZIP para bajarlos todos empaquetados.',
   },
 ];
 
@@ -69,12 +69,12 @@ const bibliography: WebpAPngLocaleContent['bibliography'] = [
 const seo: WebpAPngLocaleContent['seo'] = [
   {
     type: 'title',
-    text: 'Convertidor WebP a PNG: La Opción Profesional para Edición y Diseño',
+    text: 'Convertidor WebP a PNG: La Elección Profesional para Edición y Diseño',
     level: 2,
   },
   {
     type: 'paragraph',
-    html: 'Cuando un diseñador descarga un recurso gráfico en formato <strong>WebP</strong> y lo intenta abrir en Photoshop, Figma o Illustrator, el resultado puede ser frustrante: el archivo no se carga o pierde calidad. El formato <strong>PNG</strong> es el estándar indiscutible de la edición profesional: compresión sin pérdida, canal alfa completo y compatibilidad garantizada con toda la cadena de producción creativa.',
+    html: 'Cuando un diseñador descarga un recurso gráfico en formato <strong>WebP</strong> e intenta abrirlo en Photoshop, Figma o Illustrator, el resultado puede ser frustrante: el archivo no carga o pierde calidad. El formato <strong>PNG</strong> es el estándar indiscutible de la edición profesional: compresión sin pérdida, canal alfa completo y compatibilidad garantizada en toda la cadena de producción creativa.',
   },
   {
     type: 'title',
@@ -83,11 +83,11 @@ const seo: WebpAPngLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'WebP es un formato de producción web: sus algoritmos de compresión están optimizados para reducir el peso de transferencia, no para preservar la fidelidad máxima en flujos de edición iterativa. Cada vez que guardas un WebP editado, el codec aplica de nuevo la compresión. Para proyectos donde el archivo va a ser modificado varias veces, esto supone una degradación acumulativa de la calidad.',
+    html: 'WebP es un formato de producción web: sus algoritmos de compresión están optimizados para reducir el peso de transferencia, no para preservar la máxima fidelidad en flujos de edición iterativos. Cada vez que guardas un WebP editado, el códec aplica compresión de nuevo. Para proyectos donde un archivo se modificará muchas veces, esto supone una degradación de calidad acumulativa.',
   },
   {
     type: 'paragraph',
-    html: 'PNG emplea compresión <strong>sin pérdida</strong>: los datos de cada píxel se conservan íntegramente sin importar cuántas veces guardes el archivo. Es el formato elegido por diseñadores de interfaces (UI/UX), ilustradores digitales y equipos de branding que necesitan mantener la integridad visual a lo largo de decenas de revisiones. Herramientas como Photoshop, Figma, Sketch e Illustrator tratan PNG como su formato de exportación principal.',
+    html: 'PNG utiliza <strong>compresión sin pérdida</strong> (lossless): los datos de cada píxel se preservan íntegramente sin importar cuántas veces guardes el archivo. Es el formato elegido por diseñadores UI/UX, ilustradores digitales y equipos de branding que necesitan mantener la integridad visual a través de decenas de revisiones. Herramientas como Photoshop, Figma, Sketch e Illustrator tratan al PNG como su formato nativo de exportación primario.',
   },
   {
     type: 'title',
@@ -103,10 +103,10 @@ const seo: WebpAPngLocaleContent['seo'] = [
         icon: 'mdi:cloud-upload',
         pointIcon: 'mdi:close-circle-outline',
         points: [
-          'Tus activos de diseño se almacenan en servidores ajenos',
-          'Procesamiento remoto lento para archivos de gran tamaño',
+          'Tus assets de diseño se almacenan en servidores de terceros',
+          'Procesamiento remoto lento para archivos pesados',
           'Riesgo de filtraciones en proyectos confidenciales de clientes',
-          'Conversión por lotes limitada o de pago',
+          'Conversión por lotes limitada o bajo pago',
         ],
       },
       {
@@ -115,8 +115,8 @@ const seo: WebpAPngLocaleContent['seo'] = [
         icon: 'mdi:laptop-mac',
         highlight: true,
         points: [
-          'Tus diseños nunca salen de tu máquina',
-          'Conversión por lotes de decenas de archivos al instante',
+          'Tus diseños nunca abandonan tu máquina',
+          'Convierte por lotes decenas de archivos al instante',
           'Preservación total del canal alfa y la gama de colores',
           'Privacidad absoluta para proyectos de clientes',
         ],
@@ -130,16 +130,16 @@ const seo: WebpAPngLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'El navegador moderno es capaz de decodificar WebP de forma nativa. Nuestra herramienta aprovecha esta capacidad para cargar el archivo en un elemento <strong>Image</strong> de JavaScript y, a continuación, dibujarlo sobre un canvas HTML5 con las mismas dimensiones que el original. Al contrario que la conversión a JPG, aquí no es necesario rellenar el fondo: el canvas mantiene el canal alfa completo.',
+    html: 'Los navegadores modernos pueden decodificar WebP de forma nativa. Nuestra herramienta aprovecha esta capacidad para cargar el archivo en un elemento <strong>Image</strong> de JavaScript y, posteriormente, lo dibuja sobre un lienzo HTML5 con las mismas dimensiones del original. A diferencia de la conversión a JPG, aquí no hace falta relleno de fondo: el lienzo conserva el canal alfa completo.',
   },
   {
     type: 'paragraph',
-    html: 'La exportación final utiliza el método <code>toDataURL(\'image/png\')</code>, que genera un PNG con compresión sin pérdida fiel al original. El resultado es un archivo listo para importar directamente en cualquier software de diseño profesional sin pasos intermedios, degradación de color ni pérdida de transparencias.',
+    html: 'La exportación final utiliza el método <code>toDataURL(\'image/png\')</code>, que genera un PNG sin pérdida fiel al original. El resultado es un archivo listo para importar directamente en cualquier software de diseño profesional sin pasos intermedios, degradación de color o pérdida de transparencia.',
   },
   {
     type: 'tip',
     title: 'Consejo para editores',
-    html: 'Usa PNG cuando necesites continuar editando la imagen. La compresión sin pérdida garantiza que no habrá degradación de calidad por guardado repetido, algo crítico cuando trabajas con capas, máscaras o ajustes de color en Photoshop o Figma.',
+    html: 'Utiliza PNG cuando necesites seguir editando la imagen. La compresión sin pérdida garantiza que no habrá degradación de calidad por guardados repetidos, algo crítico al trabajar con capas, máscaras o ajustes de color en Photoshop o Figma.',
   },
   {
     type: 'title',
@@ -151,10 +151,10 @@ const seo: WebpAPngLocaleContent['seo'] = [
     icon: 'mdi:check-circle',
     items: [
       'Importar recursos WebP en Photoshop, Figma, Sketch o Illustrator.',
-      'Preservar transparencias en logos e iconos para uso en múltiples fondos.',
-      'Crear versiones maestras de gráficos para proyectos de larga duración.',
-      'Exportar assets para aplicaciones móviles que requieren PNG con canal alfa.',
-      'Usar imágenes en maquetas y presentaciones de diseño con fondos variables.',
+      'Preservar la transparencia en logos e iconos para uso en múltiples fondos.',
+      'Crear copias maestras de gráficos para proyectos de larga duración.',
+      'Exportar assets para apps móviles que requieren PNG con canal alfa.',
+      'Uso de imágenes en maquetas de diseño y presentaciones con fondos variables.',
     ],
   },
   {
@@ -164,21 +164,10 @@ const seo: WebpAPngLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'Si WebP es el formato del servidor web, PNG es el formato del estudio de diseño. Esta herramienta convierte tus recursos WebP en PNG de producción, con transparencias intactas y calidad máxima, todo en tu navegador y sin que tus archivos abandonen tu equipo.',
+    html: 'Si WebP es el formato del servidor web, PNG es el formato del estudio de diseño. Esta herramienta convierte tus recursos WebP en PNGs listos para producción, con transparencia intacta y máxima calidad, todo en tu navegador y sin que tus archivos salgan nunca de tu equipo.',
   },
 ];
 
-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: WebpAPngLocaleContent = {
   slug,
   title,
@@ -188,5 +177,11 @@ export const content: WebpAPngLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({
+    title,
+    description,
+    inLanguage: 'es',
+    faq,
+    howTo,
+  }),
 };

package/src/tool/webpAPng/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 { WebpAPngLocaleContent } from '../index';
 
 const slug = 'convertisseur-webp-en-png';
@@ -168,16 +168,6 @@ const seo: WebpAPngLocaleContent['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: WebpAPngLocaleContent = {
   slug,
@@ -188,5 +178,5 @@ export const content: WebpAPngLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'fr', faq, howTo }),
 };

package/src/tool/webpAPng/i18n/id.ts

@@ -0,0 +1,182 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { WebpAPngLocaleContent } from '../index';
+
+const slug = 'konverter-webp-ke-png';
+const title = 'Konversi WebP ke PNG Online dan Gratis';
+const description =
+  'Konversi gambar WebP ke PNG di browser Anda. Menjaga transparansi. Tanpa unggah file ke server. Gratis dan 100% pribadi.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Tarik file WebP...',
+  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: WebpAPngLocaleContent['faq'] = [
+  {
+    question: 'Mengapa saya perlu mengonversi file WebP saya ke PNG?',
+    answer:
+      'Meskipun lebih ringan, file WebP dapat menyebabkan ketidakcocokan dalam program pengeditan seperti Photoshop versi lama. PNG memastikan kompatibilitas universal 100%.',
+  },
+  {
+    question: 'Apakah transparansi hilang saat mengonversi dari WebP ke PNG?',
+    answer:
+      'Sama sekali tidak. Berbeda dengan konversi ke JPG, PNG mendukung saluran alfa. Alat kami akan menjaga area transparan apa pun dari file asli.',
+  },
+  {
+    question: 'Dapatkah saya mengunggah file perusahaan yang bersifat rahasia?',
+    answer:
+      'Anda bisa dan harus melakukannya. Karena semuanya berjalan secara lokal melalui JavaScript, gambar perusahaan Anda tidak akan pernah meninggalkan komputer Anda atau disimpan di server eksternal.',
+  },
+];
+
+const howTo: WebpAPngLocaleContent['howTo'] = [
+  {
+    name: 'Tarik file WebP Anda',
+    text: 'Pindahkan dan letakkan file WebP Anda ke panel utama atau pilih gambar secara tradisional.',
+  },
+  {
+    name: 'Konversi Fidelity Tinggi',
+    text: 'Browser Anda akan menggambar ulang gambar piksel demi piksel dan menghasilkan salinan persis dalam format PNG, dengan mempertahankan gamut warna asli.',
+  },
+  {
+    name: 'Unduhan Individu atau Massal',
+    text: 'Simpan setiap file secara terpisah atau, jika Anda memproses dalam jumlah banyak, klik tombol ZIP untuk mengunduh semuanya secara bersamaan.',
+  },
+];
+
+const bibliography: WebpAPngLocaleContent['bibliography'] = [
+  {
+    name: 'Dokumentasi API dan Perpustakaan WebP',
+    url: 'https://developers.google.com/speed/webp/docs/api',
+  },
+  {
+    name: 'Spesifikasi Konteks 2D HTML Canvas',
+    url: 'https://html.spec.whatwg.org/multipage/canvas.html',
+  },
+  {
+    name: 'Can I use: format gambar WebP',
+    url: 'https://caniuse.com/webp',
+  },
+];
+
+const seo: WebpAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Konverter WebP ke PNG: Pilihan Profesional untuk Pengeditan dan Desain',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Ketika seorang desainer mengunduh aset grafis dalam format <strong>WebP</strong> dan mencoba membukanya di Photoshop, Figma, atau Illustrator, hasilnya bisa membuat frustrasi: file gagal dimuat atau kualitasnya menurun. Format <strong>PNG</strong> adalah standar tak terbantahkan dalam pengeditan profesional: kompresi lossless, saluran alfa penuh, dan jaminan kompatibilitas di seluruh rantai produksi kreatif.',
+  },
+  {
+    type: 'title',
+    text: 'WebP untuk Web, PNG untuk Studio',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP adalah format produksi web: algoritme kompresinya dioptimalkan untuk mengurangi berat transfer, bukan untuk menjaga kesetiaan maksimum melalui alur kerja pengeditan iteratif. Setiap kali Anda menyimpan WebP yang telah diedit, codec akan menerapkan kompresi lagi. Untuk proyek di mana sebuah file akan dimodifikasi berkali-kali, ini berarti penurunan kualitas secara kumulatif.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG menggunakan <strong>kompresi lossless</strong>: data setiap piksel dipertahankan sepenuhnya tidak peduli berapa kali Anda menyimpan file tersebut. Ini adalah format yang dipilih oleh desainer UI/UX, ilustrator digital, dan tim branding yang perlu menjaga integritas visual melalui puluhan revisi. Alat seperti Photoshop, Figma, Sketch, dan Illustrator memperlakukan PNG sebagai format ekspor utama mereka.',
+  },
+  {
+    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: [
+          'Aset desain Anda disimpan di server pihak ketiga',
+          'Pemrosesan jarak jauh yang lambat untuk file besar',
+          'Risiko kebocoran untuk proyek klien yang bersifat rahasia',
+          'Konversi batch terbatas atau berbayar',
+        ],
+      },
+      {
+        title: 'Arsitektur Lokal Kami',
+        description: 'Pemrosesan langsung pada perangkat keras Anda menggunakan teknologi Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Desain Anda tidak pernah meninggalkan mesin Anda',
+          'Konversi batch puluhan file secara instan',
+          'Pelestarian penuh saluran alfa dan gamut warna',
+          'Privasi absolut untuk proyek klien',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Cara Kerjanya Secara Teknis',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Browser modern dapat mendekode WebP secara native. Alat kami memanfaatkan kemampuan ini untuk memuat file ke dalam elemen JavaScript <strong>Image</strong>, lalu menggambarnya ke kanvas HTML5 dengan dimensi yang sama dengan aslinya. Berbeda dengan konversi ke JPG, tidak diperlukan pengisian latar belakang di sini: kanvas mempertahankan saluran alfa penuh.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Ekspor akhir menggunakan metode <code>toDataURL(\'image/png\')</code>, yang menghasilkan PNG lossless yang sesuai dengan aslinya. Hasilnya adalah file yang siap diimpor langsung ke perangkat lunak desain profesional apa pun tanpa langkah perantara, degradasi warna, atau hilangnya transparansi.',
+  },
+  {
+    type: 'tip',
+    title: 'Tip untuk editor',
+    html: 'Gunakan PNG saat Anda perlu terus mengedit gambar. Kompresi lossless menjamin tidak ada penurunan kualitas akibat penyimpanan berulang kali — sangat penting saat bekerja dengan lapisan, masker, atau penyesuaian warna di Photoshop atau Figma.',
+  },
+  {
+    type: 'title',
+    text: 'Kasus Penggunaan dan Kompatibilitas',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Mengimpor aset WebP ke Photoshop, Figma, Sketch, atau Illustrator.',
+      'Menjaga transparansi pada logo dan ikon untuk digunakan pada berbagai latar belakang.',
+      'Membuat salinan master grafik untuk proyek jangka panjang.',
+      'Mengekspor aset untuk aplikasi seluler yang memerlukan PNG dengan saluran alfa.',
+      'Menggunakan gambar dalam desain mockup dan presentasi dengan latar belakang variabel.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Kesimpulan',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Jika WebP adalah format server web, maka PNG adalah format studio desain. Alat ini mengonversi aset WebP Anda menjadi PNG siap produksi, dengan transparansi yang utuh dan kualitas maksimal — semuanya di browser Anda dan tanpa file Anda pernah meninggalkan mesin Anda.',
+  },
+];
+
+
+export const content: WebpAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'id', faq, howTo }),
+};