@jjlmoya/utils-converters 1.7.0 → 1.9.0

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

package/src/tool/svgAPng/i18n/it.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 = 'convertitore-svg-in-png';
+const title = 'Converti SVG in PNG Online e Gratis';
+const description =
+  'Converti file vettoriali SVG in PNG nel tuo browser. Output HD in scala doppia. Mantiene la trasparenza. Gratuito e privato al 100%.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Trascina i file SVG...',
+  convertText: 'Per convertirli in PNG istantaneamente',
+  selectFiles: 'Seleziona file',
+  processedFiles: 'File elaborati',
+  downloadAll: 'Scarica tutto (.zip)',
+  pending: 'In attesa',
+  bibliographyTitle: 'Riferimenti Bibliografici',
+  faqTitle: 'Domande Frequenti',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Perché convertire i file SVG in PNG?',
+    answer:
+      'Il formato SVG è basato su vettori e ideale per i loghi, ma a volte è necessario il formato PNG rasterizzato per l\'uso in applicazioni che non supportano i vettori, o per condividerli tramite app di messaggistica o social media.',
+  },
+  {
+    question: 'Posso scegliere la dimensione dell\'output?',
+    answer:
+      'Attualmente raddoppiamo la scala dell\'SVG sorgente in modo che l\'output PNG sia nitido e adatto agli schermi Retina o 4K.',
+  },
+  {
+    question: 'Le trasparenze dell\'SVG vengono mantenute?',
+    answer:
+      'Sì, il PNG risultante preserva il canale alfa dell\'SVG originale, mantenendo intatti tutti gli sfondi trasparenti.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'Inserisci i tuoi file SVG',
+    text: 'Rilascia i tuoi file SVG o trascinali direttamente nell\'area superiore.',
+  },
+  {
+    name: 'Generazione PNG HD',
+    text: 'In pochi millisecondi il nostro motore locale ricreerà ogni vettore come un livello di pixel HD in formato PNG trasparente.',
+  },
+  {
+    name: 'Scarica i file',
+    text: 'Salva i PNG generati singolarmente o come pacchetto ZIP.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'Specifica W3C SVG',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: Tutorial SVG',
+    url: 'https://developer.mozilla.org/it/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Convertitore da SVG a PNG: Dal vettore infinito al raster universale',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) è la scelta perfetta per il web design: infinitamente scalabile, leggero e modificabile con qualsiasi editor di codice. Ma quando devi usare quel logo o quell\'icona in un\'app mobile, condividerla sui social media o inserirla in una presentazione PowerPoint, ti scontri con un muro: la maggior parte di queste piattaforme non supporta l\'SVG. Il formato <strong>PNG</strong> è la soluzione universale: rasterizzato, con un canale alfa e compatibile in assolutamente ogni contesto.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: Vettori per il Web, Raster per il Mondo',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'L\'SVG memorizza l\'immagine come istruzioni matematiche: una curva di Bézier, una sfumatura, un poligono. Ciò significa che lo stesso file appare perfetto a 16px o 16.000px. È il formato ideale per il tuo codice web, le animazioni CSS e qualsiasi elemento che debba adattarsi a diverse risoluzioni dello schermo senza alcuna perdita di qualità.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Il PNG memorizza l\'immagine come una griglia di pixel con informazioni sul colore e sulla trasparenza per ogni pixel. È un formato <strong>lossless</strong> (senza perdita), il che significa che la qualità viene preservata interamente. Una volta che un SVG è rasterizzato in PNG, la risoluzione è fissa. Ecco perché scegliere la giusta dimensione di esportazione è fondamentale: il nostro strumento esegue il rendering in scala doppia (2x) per garantire la nitidezza sugli schermi Retina e 4K.',
+  },
+  {
+    type: 'title',
+    text: 'Confronto: Conversione Locale vs Cloud',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Convertitori Cloud',
+        description: 'Strumenti che caricano i tuoi file su un server remoto.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Il tuo codice SVG viaggia verso server esterni',
+          'Rendering remoto con qualità inconsistente',
+          'Tempo di attesa per il caricamento e l\'elaborazione',
+          'Limitazioni sulla dimensione del file SVG',
+        ],
+      },
+      {
+        title: 'La Nostra Architettura Locale',
+        description: 'Elaborazione diretta sul tuo hardware utilizzando la tecnologia Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Il tuo SVG non lascia mai il tuo browser',
+          'Rendering del motore nativo del browser per la massima fedeltà',
+          'PNG a risoluzione 2x per schermi ad alta densità',
+          'Trasparenza preservata con canale alfa completo',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Come funziona tecnicamente',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Il processo inizia caricando il file SVG in un elemento JavaScript <strong>Image</strong>. Una volta che il motore del browser ha analizzato e renderizzato l\'XML vettoriale, l\'immagine risultante viene disegnata su un <strong>HTML5 Canvas</strong> le cui dimensioni sono doppie rispetto alla dimensione SVG originale (scala 2x). Questo produce un PNG con il doppio dei pixel per dimensione, ideale per gli schermi ad alta risoluzione.',
+  },
+  {
+    type: 'paragraph',
+    html: 'A differenza della conversione in JPG, quando si esporta in PNG il canvas mantiene il canale alfa completo: le aree trasparenti nell\'SVG originale diventano pixel completamente trasparenti nel PNG risultante — nessuna colorazione di sfondo bianca. L\'esportazione utilizza il metodo <code>toDataURL(\'image/png\')</code> con compressione senza perdita.',
+  },
+  {
+    type: 'tip',
+    title: 'Suggerimento prima della rasterizzazione',
+    html: 'Scegli attentamente la dimensione di esportazione del PNG — rasterizzare un SVG è un processo a senso unico: non puoi recuperare i vettori dal PNG risultante. Mantieni sempre l\'SVG originale come sorgente master e genera i PNG alla massima risoluzione di cui potresti aver bisogno.',
+  },
+  {
+    type: 'title',
+    text: 'Casi d\'uso e compatibilità',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Esportazione di loghi vettoriali per presentazioni PowerPoint o Google Slides.',
+      'Creazione di icone PNG per iOS, Android o Progressive Web Apps.',
+      'Condivisione di design SVG su Instagram, LinkedIn o altri social media.',
+      'Inserimento di illustrazioni vettoriali in documenti Word o PDF.',
+      'Generazione di miniature PNG di grafiche SVG per l\'anteprima nel CMS.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusione',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'L\'SVG è il linguaggio dei vettori; il PNG è il passaporto per il resto del mondo digitale. Questo strumento rasterizza i tuoi SVG a una risoluzione 2x con la trasparenza intatta, direttamente nel tuo browser, senza che un singolo byte del tuo design viaggi verso server esterni.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'it', faq, howTo }),
+};